Usic-Room / fe

0 stars 0 forks source link

Feat: 메인페이지 UI 구현 및 추가 수정사항 #20

Closed mixsung closed 1 month ago

mixsung commented 1 month ago

️⃣연관된 이슈

14

📝작업 내용

비로그인 메인페이지

1. 폴더 구조 수정해보는 중 Before) 라우트 그룹인데 (router)에 모든 경로가 있음

스크린샷 2024-09-27 오후 4 21 07

After) 라우트 그룹인데 큰 도메인별로 구분 (auth, main)

스크린샷 2024-09-27 오후 4 21 52

이렇게 하게 된 이유는 메인페이지를 만들어야하는데 root layout에 적용하면 모든 페이지에서 root layout을 참조하기 때문에 새로운 경로를 파기 위해 이번 기회에 분류해보았습니다. 현재 / 경로는 아무것도 없고 3000/home이 메인페이지입니다.

2. nav bar의 hover 기능과 반응형은 미완성

3. 컴포넌트를 router 밖으로 분리해서 작성해보는 중

4. metadata에 대해 알아보고 코드정리를 해봤습니다. metadata는 layout과 비슷하지만 중첩이 되기때문에 반복되는 부분을 한번만 써도 된다. (원래 각 페이지마다 달랐던 description은 하나로 통일해두었습니다.) 그래서 title template를 이용하여 각 page에서 title만 적도록 해두었고 상위 layout에서만 description을 정의한다.

5. server component, client component 파일 분리를 아직 하지 않았습니다. use client라고 명시하지 않는 이상 모든 컴포넌트는 SSR이고 인터렉티브한 것들이 생기면 추가해보겠습니다.

스크린샷

스크린샷 2024-10-01 오후 5 42 09 스크린샷 2024-10-01 오후 5 42 25

💬리뷰 요구사항(선택)

(웬만한) 모든 의견 수용 가능