포트폴리오_2024

포트폴리오의 메인 페이지에 영상이 필요하다고 고민하다가, CRT 화면을 연상시키는 스타일과 함께 터미널 창에서 텍스트가 타자처럼 한 글자씩 입력되는 애니메이션 영상을 만들기로 했다. 그래서 이번 글에서는 HTML, CSS, JavaScript를 활용해 타이핑 애니메이션

포트폴리오를 만들던 도중 GIF로 적용하는 것 대신, 예전에 일했을 때 스프라이트 애니메이션으로 작업했던 기억이 나서 시도해봤다. ✏️스프라이트 이미지란? 여러 개의 프레임(이미지)을 하나의 큰 이미지 파일로 병합해서 사용하는 방법이다. 이렇게 하면 이미지 로딩 성능이

포트폴리오를 내 개인 도메인으로 연결하기 위해 GitHub에 있는 프로젝트를 Vercel로 배포하고, 도메인을 연결하는 과정을 기록하였다. \*Vercel 회원가입 및 로그인Vercel에 접속하여 회원가입 후 로그인한다프로젝트 가져오기대시보드에서 "New Project

Next.js와 TypeScript를 선택하면, React + TypeScript로 작성된 포트폴리오도 표시 되는 이슈가 발생하였다. 필터링이 정확히 작동하지 않는 문제였다. OR 조건만 적용하여 선택된 기술 중 하나만 일치해도 프로젝트가 결과에 포함됨 예)