Conversation
- 앱 진입 시 보여주는 WelcomePage 구현 (경로: /) - WelcomePage에서 할 일 생성/관리 페이지(Home)로 이동하는 기능 추가 (경로: /home) - Home 컴포넌트의 초기 할 일 데이터를 별도 파일(initialTodos.js)로 분리하여 관리 개선
kku1403
reviewed
Jul 11, 2025
|
|
||
| return ( | ||
| <li | ||
| key={todo.id} |
There was a problem hiding this comment.
TodoItem에서 이미 key값을 주기 때문에, <li>태그 내에서 다시 key값을 줄 필요가 없어보여요!
제가 li에만 키값을 줬다가, 경고가 떠서 알아보니 직접 렌더링하는 컴포넌트의 최상위 요소에 붙여야 한다고 하더라고요. 문제가 발생하진 않겠지만, 참고하시면 좋을 것 같습니다 ;)
| setEditingText(todo.text) | ||
| } | ||
|
|
||
| const handleKeyDown = (e) => { |
|
수고하셨습니다! 좋은 코드 잘 봤습니다. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
📌 React Todo List (Vite 기반)
🛠 프로젝트 개요
본 프로젝트는 React와 Vite 환경을 기반으로 한 간단한 Todo List 애플리케이션입니다.
useState를 활용한 상태 관리 방식을 적용했습니다.🧩 요구사항
📂 프로젝트 구조
📦 사용 스택
🎯 주요 기능 화면
프로젝트의 핵심 기능들을 시각적으로 보여주는 화면들입니다.
🏠 시작 페이지 (
/)프로젝트의 시작점입니다.
/경로로 접속하면 나타나는 환영 페이지입니다.🚀 메인 페이지 (
/home)사용자가 할 일 목록을 관리하는 주 페이지입니다.
/homeURL로 접속하면 나타납니다.✍️ 등록 페이지 (
/post)새로운 할 일을 등록할 수 있는 페이지입니다.
/postURL을 통해 접근합니다. 할 일 내용은 필수 입력이지만, 날짜는 필수가 아닙니다.✏️ 할 일 수정 모드 (인라인 편집)
할 일 수정은 별도의 페이지 없이, 목록에서 해당 일정을 클릭하면 텍스트 수정 모드로 전환됩니다. 내용을 수정한 후 '저장' 버튼을 누르면 업데이트가 완료됩니다.
✅ 일정 리스트 페이지 (
/list)등록된 할 일 목록을 보여주는 페이지입니다.
/listURL로 접속합니다.간단한 기능 설명으로, 할 일의 마감일을 기준으로 현재 일자와 비교하여 마감일이 지났으면 해당 일정을 빨간색으로 표시하도록 구현했습니다.
✨ 추후 개발 예정 기능
현재 구현되지 않았지만, 향후 프로젝트에 추가하면 좋을 것 같은 기능입니다.