핸드폰에 있는 Google OTP, 크롬 브라우저에서 똑같이 사용하기
매번 OTP를 입력할 때마다 핸드폰을 켜는 게 너무 귀찮아서핸드폰에 있는 Google OTP를 브라우저에서 사용하고 싶어서 찾아보고 그 방법을 기록해 둔다. 1. 크롬 확장프로그램 설치 크롬 웹스토어에서 ...
블로그
CSS Media Query를 사용한 기기별 체크
CSS Media Query를 사용하면 간단하게 기기의 다양한 상태 체크가 가능하다. iOS인지 Windows인지, 마우스 커서가 없지는 않은지, 핸드폰이 가로로 되어있는지 세로로 되어있는지 등등!매우 많은 방법이 있지...
Node 버전 변경
프로젝트를 하다보면 해당 프로젝트에 맞게 노드 버전을 변경해야 하는 경우가 있어서 기록한다. 사용중인 터미널에서 버전 변경 nvm ls (또는 nvm list) : 설치된 버전 조회 nvm use 18.20.4 : 사용...
Unsplash 랜덤 이미지 URL 사용하기
Unsplash에서는 API 사용 없이 간단하게 URL 호출로만 랜덤 이미지를 제공해주는 기능이 있다. 공식 문서에서는 찾지 못해 구글링만 해서 찾았어야 했는데 기록용으로 남긴다.사실 공식 문서에 없어서 언제 ...
프로젝트에 추가 해두면 좋은 .gitignore
개인 프로젝트를 깃헙과 연결해서 사용하다 보면 git ignore를 추가해야 할 때가 있다.그럴 때마다 매번 폴더나 파일을 ignore로 추가했는데 부트스트랩에서 정말 잘 정리해 둬서 기록 해둔다. .gitignore ...
fadeIn, fadeOut 효과 (w. Vanilla JS, CSS Keyframes)
간단하게 CSS의 Keyframes와 Vanilla JavaScript를 활용한 fadeIn, fadeOut 효과를 만드는 방법을 기록한다. Preview See the Pen fadeIn / fadeOut Effect (w. Vanilla JS, CSS Keyframes) by Tae ...