Skip to content

8회차 과제 - 김정운 #2

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.

Sign up for GitHub

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

Open
vni911 wants to merge 6 commits into
base: main
Choose a base branch
from
Open

8회차 과제 - 김정운 #2

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e30877e
영화 목록 호출
vni911 May 12, 2025
c5df9e3
Loading 구현 및 컨테이너 구성
vni911 May 13, 2025
0509ca4
MovieList 구조 구현
vni911 May 13, 2025
35db538
버튼 기능 구현
vni911 May 13, 2025
97ccf37
오름차순 정렬
vni911 May 13, 2025
3813590
Update fetchMovies.jsx
vni911 May 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/fetchMovies.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const FetchMovies = () => {

const sortById = (list) => list.sort((a, b) => a.id - b.id);
Copy link

@RSH0770 RSH0770 May 14, 2025

Choose a reason for hiding this comment

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

sortById라는 함수를 통해 인덱스를 삭제하면 해당 함수 호출을 통한 정렬을 편리하게 구현하셨군요!


const addWatched = (movie) => {
const addWatchedList = (movie) => {
setWatched((prev) => sortById([...prev, movie]));
setMovies((prev) => sortById(prev.filter((m) => m.id !== movie.id)));
};
Copy link

@eveveev eveveev May 14, 2025

Choose a reason for hiding this comment

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

영화를 오름차순으로 정렬하고, 제거 후 원래 리스트에 추가되도록 코드를 깔끔히 잘 작성하셨네요!

Expand Down Expand Up @@ -103,7 +103,7 @@ const FetchMovies = () => {
<div>{movie.description}</div>
<div className="just">
<button
onClick={() => addWatched(movie)}
onClick={() => addWatchedList(movie)}
className="bg-white hover:bg-gray-500 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded mt-4 mr-3">
시청한 영화 담기
</button>
Expand Down