728x90
CSS는 간단하지만 안하면 까먹는 것 , CSS 사라짐 효과 fade-in 효과 ... 어쩌고 저쩌고 할게 참 많고 검색하면 따로따로 나와서 헷갈리는데 그냥 한번 할 때 제대로 알아두자. 간단한 서서히 나타나고 사라지는 애니메이션을 구현해보면서 (페이드-인 페이드-아웃) 진행 할 거다. keyframes 라는것을 미리 정의해주고 (애니메이션 정의) 그것을 불러오는 방식이다. 그니까 애초에 fadein ,fadeout 이런건 내장 기능이 아니라 정의해서 만들어야 하는거다. 애니메이션 속성 CSS의 @keyframes를 사용하여 애니메이션을 정의한다. 애니메이션은 몇 가지 속성을 가지고 있다. animation-name: 애니메이션의 이름을 지정 animation-duration: 애니메이션의 지속 시간을 ..
https://github.com/graphul-rs/graphul https://graphul-rs.github.io/ GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵 Optimize, speed, scale your microservices and save money 💵 - GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵 github.com express나 fastAPI를 경험한 사람이면 쉽게 배울 수 있는 Rust용 웹 프레임워크를 소개한다. 마이크로서비스 부터 간단하게 구성해보면서 ..
친구들에게 카카오톡으로 링크를 공유하면 그림처럼 썸네일 이미지가 자동으로 생성되는데, 내가 만든 사이트를 공유할 때에도 이렇게 미리보기 이미지를 담고 싶다면 opengraph를 이용하면 된다.
https 로 접속하기 위해서는 도메인과 ssl 인증서가 필요하다. 물론 로컬 https 디버깅 테스트를 위한 설정도 있지만 여기에서는 넘어가도록 한다. ssl 인증서는 let's encrypt 에서 무료로 발급받을 수 있다. https://letsencrypt.org/ Let's Encrypt letsencrypt.org 3개월 마다 갱신하는것 잊지 말자 (crontab에 등록해두자) ssl 인증서는 받았다 치고, nginx 환경에서 3000번 웹서버로 리다이렉트 해야한다고 가정할때 다음과 같이 설정하면 된다. # 443 포트로 접근시 ssl을 적용한 뒤 3000포트로 리다이렉트 (express 나 django) server { server_name 서버주소; location / { proxy_pass..
우분투에 내장되어있는걸로 기억하는데 ... 설치한게 가물가물해서... 일단 iptables 정책 지금 뭘로 설정 되어있는지 확인 (기존에 내가 이걸로 포트 열어둔거 있는지) sudo iptables - nL 이제 특정 포트 열어줄때 쓰는 명령어 sudo iptables -I INPUT 1 -p tcp --dport 8080 -j ACCEPT 다시 삭제할때는? sudo iptables -D INPUT -p tcp --dport 8080 -j ACCEPT 포트 열어준거 그냥 다 닫아버릴수도 있다 sudo iptables -F