프로젝트 소개
감정상태에 따른 명언과 글귀들을 열람하고 공유하는 서비스
https://github.com/Codeit-Sprint-6-Part4-Team15/Epigram
🧑🏻💻 담당 및 구현
-
랜딩 페이지
-
에피그램 상세 페이지
-
에피그램 작성, 수정 페이지
-
에피그램 메인 페이지 피드
🧑🏻💻 내가 기여한 부분
- 랜딩페이지 디자인 시안과 다르게 사용성 고민해보며 애니메이션 추가
- 페이지 진입 시 과한 애니메이션을 사용성을 해치지 않는 선에 적용하여 자연스러운 화면 전환을 유도.
- 주요 버튼과 요소에 호버 및 클릭 애니메이션을 추가하여 사용자 경험(UX)을 향상.
🧑🏻💻 배운 점
1. Next.js App Router와 서버 사이드, 클라이언트 사이드 렌더링에 대한 이해
- 프로젝트를 진행하며 Next.js의 App Router 구조를 활용하면서,
서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)의 차이점을 깊이 이해함.
2. 로그인 권한 및 페이지 리다이렉트 처리 경험
- 로그인이 필요한 페이지에서 미인증 사용자를 자동으로 리다이렉트하는 기능을 구현.