Skip to content

Conversation

@qowldud
Copy link

@qowldud qowldud commented Apr 2, 2025

✏️ 작업 내용

  • 영화 데이터 불러오기
  • 영화 상세페이지

#️⃣ 연관된 이슈

#11


📷 작업 결과

2025-04-03.2.16.39-1.mov
2025-04-03.2.14.24-1.mov
스크린샷 2025-04-03 오전 2 03 12

💡 함께 공유하고 싶은 부분

https://cssloaders.github.io/
로딩 스피너는 여기서 마음에 드는거 쓰면 좋아용


🤔 질문

질문은 아니고... 디자인 어려워요,,


✅ 워크북 체크리스트

  • 모든 핵심 키워드 정리를 마쳤나요?
  • 핵심 키워드에 대해 완벽히 이해하였나요?
  • 실습/미션을 수행하였나요?

✅ 컨벤션 체크리스트

  • pr 제목을 컨벤션에 맞게 작성하였나요?
  • pr에 해당되는 이슈를 연결하였나요?
  • 적절한 라벨을 설정하였나요?
  • 코드리뷰를 요청하기 위해 reviewer를 등록하였나요?
  • 닉네임/main 브랜치의 최신 상태를 반영하고 있나요?
2025-04-03.2.14.24-1.mov

@qowldud qowldud added the 💡 Mission 미션 수행 label Apr 2, 2025
@qowldud qowldud self-assigned this Apr 2, 2025
Copy link
Contributor

@duwlsssss duwlsssss left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

너무너무 고생하셨습니다 👏👏

Comment on lines +2 to +5
import { RootLayout } from "./layout/root-layout";
import { HomePage } from "./page/HomePage";
import { MovieListPage } from "./page/MovieListPage";
import { MovieDetailPage } from "./page/MovieDetailPage";
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

혹시 default export를 안 쓴 이유가 있는지 궁금해용

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아 이거 리팩토링하면서 default가 빠진것같아요...ㅎㅎ

Comment on lines +7 to +12
const movieListTypes = ["popular", "upcoming", "top_rated", "now_playing"];

const movieListRoutes = movieListTypes.map((type) => ({
path: `movies/${type}`,
element: <MovieListPage />,
}));
Copy link
Contributor

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">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nav도 상수화하고 map으로 순회하며 중복 코드를 줄일 수 있을 것 같아요!

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 넵넵 따로 컴포넌트화 만들어보겠습니당

@oortmealy
Copy link

우왕 로딩스피너 꿀팁 감사해용

Copy link

@oortmealy oortmealy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다!

Copy link

@namgungseok12 namgungseok12 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good good

@qowldud qowldud merged commit 3a61987 into judy/main Apr 11, 2025
1 check passed
@qowldud qowldud deleted the judy/#11 branch April 30, 2025 17:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

💡 Mission 미션 수행

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants