Skip to content

Conversation

@Moon-ju-young
Copy link
Collaborator

요구사항

기본

  • 목록 조회
    • ‘로고’ 버튼을 클릭하면 ‘/’ 페이지로 이동합니다. (새로고침)
    • 진행 중인 할 일과 완료된 할 일을 나누어 볼 수 있습니다.
  • 할 일 추가
    • 상단 입력창에 할 일 텍스트를 입력하고 추가하기 버튼을 클릭하거나 엔터를 치면 할 일을 새로 생성합니다.
  • 할 일 완료
    • 진행 중 할 일 항목의 왼쪽 버튼을 클릭하면 체크 표시가 되면서 완료 상태가 됩니다.
    • 완료된 할 일 항목의 왼쪽 버튼을 다시 클릭하면 체크 표시가 사라지면서 진행 중 상태가 됩니다.

심화

주요 변경사항

  • api base URL은 .env.local에 넣어 환경변수로 처리했습니다.

스크린샷

image
image
image
image

멘토에게

  • 추가적인 질문이 있다면 셀프 코드 리뷰를 통해 질문 남기겠습니다.

불필요한 코드들 삭제
border 값 고려한 크기로 변경
@Moon-ju-young Moon-ju-young added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Jun 28, 2025
@Moon-ju-young Moon-ju-young changed the title [문주영] sprint9 [문주영] Sprint9 Jun 28, 2025
Copy link
Collaborator

@GANGYIKIM GANGYIKIM left a comment

Choose a reason for hiding this comment

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

주영님 9번째 미션 작업 수고하셨습니다!
next를 사용하는 첫번째 미션이신데 정말 잘 하셨어요.
다음 미션도 화이팅입니다!

➕ 커밋 단위를 잘게 쪼개시고 컨벤셔널하게 커밋 메시지를 남기시는 습관도 너무 좋습니다!

Copy link
Collaborator

Choose a reason for hiding this comment

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

💊 제안
체크박스의 경우 해당 이미지 없이도 구현이 가능하니, html과 css만으로 구현하시는 것이 성능이나 유지보수 측면에서 더 좋을 것 같아요!

Copy link
Collaborator

Choose a reason for hiding this comment

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

💊 제안
svg로 추출하셨으니 이미지 하나를 가지고 코드를 통해 이미지의 크기나 색을 변경하셔서 사용하시는 것을 추천드려요!

Comment on lines +2 to +3
import "@/styles/global.css";
import "@/styles/reset.css";
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍 칭찬
기본적인 스타일들 추가하신 것 좋습니다!

Comment on lines +6 to +8
<Head>
<link rel="icon" href="/favicon.ico" />
</Head>
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍 칭찬
파비콘 추가해주신 것 좋아요~ title과 같은 다른 메타 태그도 추가해주시면 더 좋을 것 같아요!

Comment on lines +104 to +106
{items.filter((item) => item.isCompleted).length ? (
items
.filter((item) => item.isCompleted)
Copy link
Collaborator

Choose a reason for hiding this comment

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

💊 제안
filter를 두번 호출하고 계시니 한번만 호출할 수 있도록 수정하시면 더 좋을 것 같아요!

const completedItems = items.filter((item) => item.isCompleted)
...
{completedItems.length ? completedItems.map(...) : ... }

@GANGYIKIM GANGYIKIM merged commit c831d4d into codeit-bootcamp-frontend:Next-문주영 Jul 1, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants