Portfolio
포트폴리오 제작
이 프로젝트는 Next.js, React, TypeScript를 사용하여 개발한 개인 웹사이트입니다.
Next.js, React, TypeScript, AWS
HSR Quiz
붕괴: 스타레일 퀴즈 제작
검색, 정렬, 페이지 이동은 useRouter와 useSearchParams를 활용한 쿼리 파라미터 기반 라우팅으로 구현하였으며, 정답 처리와 점수 관리는 useState와 useEffect를 이용해 구성하였습니다.
Next.js, React, TypeScript, AWS
TokyoTrip
도쿄 여행 후기 및 추천 웹페이지 제작
Tailwind CSS를 활용해 도쿄 여행 후기와 명소 추천을 소개하는 반응형 웹페이지를 제작했습니다. 카드형 레이아웃과 이미지 중심 UI로 사용자 친화적인 여행 콘텐츠를 구성하였고, 다양한 디바이스에서도 자연스럽게 보이도록 반응형 디자인을 적용했습니다.
Next.js, React, TypeScript, Tailwind CSS
ImaginaryCompany
가상 회사 소개 웹페이지 제작
Tailwind CSS와 useEffect를 활용해 애니메이션 효과를 구현하고, 커스텀 폰트와 반응형 레이아웃을 적용한 웹페이지입니다.
Next.js, React, TypeScript, Tailwind CSS
Learn Auth.js
Auth.js로 로그인 구현
Auth.js 라이브러리를 활용해 커스텀 로그인과 네이버 간편 로그인을 구현해봤습니다.
Next.js, React, TypeScript, Tailwind CSS, Auth.js
Start Nextjs
Next.js 시작하기
강의를 통해 Next.js와 임시 백엔드 파일을 활용해 Next.js의 기초를 학습해봤습니다.
Next.js, React, JavaScript