Recent Posts
Recent Comments
Archives
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 티스토리챌린지
- 코드카타
- 코테
- 프로젝트 셋팅
- 모던 자바스크립트
- React
- domain
- 코딩테스트
- 모던자바스크립트
- js
- 초기셋팅
- git
- 스파르타코딩클럽
- 자주 까먹는
- 내일배움캠프
- CORS
- 구글 로그인
- 오블완
- nextjs
- deep dive
- vercel
- 셋팅
- 프로그래머스
- Next
- error
- 소셜 로그인
- useRouter
- 리터럴
- array정적메서드
- vscode
- Today
- Total
파피루스
24-05-14 todo list 요구사항 본문
⚙ features : 구현해야 할 기능이에요.
- UI 구현하기
- Todo 추가 하기
- Todo 삭제 하기
- Todo 완료/취소 상태 변경하기 (진행중 ↔ 완료)
📌 Requirement : 과제에 요구되는 사항이에요.
디자인은 취향대로 해도 되나 화면 구성은 동일하게 해주세요. ✨
- 제목과 내용을 입력하고, [추가하기] 버튼을 클릭하면 Working에 새로운 Todo가 추가되고 제목 input과 내용 input은 다시 빈 값으로 바뀌도록 구성해주세요. (예시 영상 있음)
- [삭제하기] 버튼을 클릭하면 Working 또는 Done 에 있는 것과 상관없이 삭제처리가 되도록 해주세요.
- Todo의 isDone 상태가 true이면, 상태 버튼의 라벨을 취소, isDone이 false 이면 라벨을 완료 로 조건부 렌더링 해주세요. 위 영상을 보면 버튼 내 라벨이 다른 걸 볼 수 있죠?
- Todo의 상태가 Working 이면 위쪽에 위치하고, Done이면 아래쪽에 위치하도록 구현합니다. (예시 영상 있음)
- Layout의 최대 너비는 1200px, 최소 너비는 800px로 제한하고, 전체 화면의 가운데로 정렬해주세요.
- 예시 이미지
- 컴포넌트 구조는 자유롭게 구현해보세요.
- 반복되는 컴포넌트를 찾아서, 직접 컴포넌트를 분리해보시고, 분리한 컴포넌트를 README에 작성합니다.
❓ Why: 과제 제출시에는 아래 질문의 답변과 함께 제출해주세요.
- JSX 문법이란 무엇일까요?
- 사용자가 입력하는 값, 또는 이미 입력된 값, 투두의 타이틀과 같은 애플리케이션의 상태를 관리하기 위해 리액트의 어떤 기능을 사용하셨나요?
- 애플리케이션의 상태 값들을 컴포넌트 간 어떤 방식으로 공유하셨나요?
- 기능 구현을 위해 불변성 유지가 필요한 부분이 있었다면 하나만 설명해 주세요.
- 반복되는 컴포넌트를 파악하고 재사용할 수 있는 컴포넌트로 분리해 보셨나요? 그렇다면 어떠한 이점이 있었나요?
'Today I Learned > diary' 카테고리의 다른 글
[팀플: 뉴스피드] DB 스키마, 필요한 API 목록은? (1) | 2024.06.03 |
---|---|
24-05-22 메모앱 만들기 요구사항 (0) | 2024.05.22 |
24-05-11, 거북목 헬린이 운동 루틴 조사 (0) | 2024.05.11 |
24-05-06, 무엇을 해볼까 (0) | 2024.05.06 |
10일차, 백준 허브 자동 커밋 셋팅, 푸시 안될 때 해결 (0) | 2024.04.26 |