Feat(15): 리액트 라우터 구현 - Githubissues

kakao-tech-campus-2nd-step3 / Team15_FE

[Rebit | FE] 책, 좋아하세요? 다시 시작하는 독서, 레빗과 함께 도전하세요!

2 stars 2 forks source link

Feat(15): 리액트 라우터 구현 #21

Closed joshuayeyo closed 1 month ago

joshuayeyo commented 1 month ago

PR 타입(하나 이상의 PR 타입을 선택해주세요)

[X] 기능 추가
[ ] 기능 삭제
[ ] 버그 수정
[ ] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치

feat/15/react-router => Weekly_4

작업 내용 및 변경 사항

루트 Main.tsx에서 index.tsx로 이름 변경함
이번 주 구현할 페이지 Path 추가
페이지 네비게이션 및 라우팅을 위한 라우터 기능 구현
아직 페이지가 없기에 애러가 발생하기에, 주석처리로 올림

테스트 결과 이미지(화면 캡쳐해서)

메인 (pages/Home/index.tsx)

スクリーンショット 0006-09-24 13 43 31

로그인 (pages/Login/index.tsx)

スクリーンショット 0006-09-24 13 43 43

Todo

[ ] 페이지 추가로 구현하기

이슈 링크

https://github.com/kakao-tech-campus-2nd-step3/Team15_FE/issues/15

리뷰어 멘션하기

@eunjin210

joshuayeyo commented 1 month ago

홈, 로그인 페이지는 테스트용으로 혼자 만들어서 체크만 했습니다. 추후 구현이 완료되면 코드 주석 해제해서 쓰면 될 것 같아유

Private Router은 다음 주에 my page 구현 예정이기도 하고, DynamicPath 관련해서 얘기 좀 나누고 결정하고 싶어서 보류해뒀음.