-
Notifications
You must be signed in to change notification settings - Fork 0
[week3/mission]useEffect를 활용하여 영화 데이터를 불러오기 #21
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
너무너무 고생하셨습니다 👏👏
| import { RootLayout } from "./layout/root-layout"; | ||
| import { HomePage } from "./page/HomePage"; | ||
| import { MovieListPage } from "./page/MovieListPage"; | ||
| import { MovieDetailPage } from "./page/MovieDetailPage"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
혹시 default export를 안 쓴 이유가 있는지 궁금해용
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
아 이거 리팩토링하면서 default가 빠진것같아요...ㅎㅎ
| const movieListTypes = ["popular", "upcoming", "top_rated", "now_playing"]; | ||
|
|
||
| const movieListRoutes = movieListTypes.map((type) => ({ | ||
| path: `movies/${type}`, | ||
| element: <MovieListPage />, | ||
| })); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
너무 깔끔한 방법이네요!
movieListTypes는 const 폴더 만들어서 넣어놔도 좋을 것 같아용
| const pathname = window.location.pathname; | ||
|
|
||
| return ( | ||
| <nav className="flex h-15 items-center px-5 gap-4"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nav도 상수화하고 map으로 순회하며 중복 코드를 줄일 수 있을 것 같아요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
오 넵넵 따로 컴포넌트화 만들어보겠습니당
|
우왕 로딩스피너 꿀팁 감사해용 |
oortmealy
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다!
namgungseok12
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good good
✏️ 작업 내용
#️⃣ 연관된 이슈
#11
📷 작업 결과
2025-04-03.2.16.39-1.mov
2025-04-03.2.14.24-1.mov
💡 함께 공유하고 싶은 부분
https://cssloaders.github.io/
로딩 스피너는 여기서 마음에 드는거 쓰면 좋아용
🤔 질문
질문은 아니고... 디자인 어려워요,,
✅ 워크북 체크리스트
✅ 컨벤션 체크리스트
2025-04-03.2.14.24-1.mov