내일찾기

소개

• 뭐 해 먹고 살아야 할지 모르겠는 대학생을 위한 진로 상담 서비스! (상세 소개 가기)
• 기간: 10일 (2024.12.06 ~ 2024.12.16)
• 팀원: 기획자 1명, 디자이너 2명, 프론트엔드 1명, 백엔드 2명

적용 기술

• Front-End: NextJS, Tailwind CSS, React Query, Zustand
• Back-End: Spring Boot, Gradle, Maria DB

구현 기능

• Next JS 15 App Router 버전 적용하여 사이트의 routing 구현
• page.tsx와 layout.tsx를 사용하여 페이지 구현
• Tailwind CSS를 적용하여 CSS를 구현
• Nextjs의 Image를 이용하여 이미지를 최적화 구현
• React Query를 사용하여 서버 사이드의 데이터를 관리
• Zustand로 클라이언트 사이드의 전역 변수를 관리
• Custom hook을 사용하여 비지니스 로직과 컴포넌트를 분리하여 컴포넌트 간결화 유지

사이트

사이트 바로가기