1. 프로젝트 준비하기프로젝트 구현에 앞서 구현에 필요한 준비 작업을 진행하자. 프로젝트 1을 준비할 때처럼 먼저 앱의 요구사항을 분석하고, 이를 토대로 필요한 기능을 하나씩 구현하겠다.  1-(1) 요구사항 분석하기최종 구현 페이지에서  [할 일 관리] 앱에는 4가지의 기능이 있다. 오늘의 날짜를 요일, 월, 일, 연도순으로 표시한다.할 일(Todo)을 작성하는 입력 폼이 있고, 버튼을클릭하면 할 일 아이템을 생성한다.[할 일 관리] 앱은 생성한 아이템을 페이지 하단에 리스트로 표시하는데, 키워드 검색으로 원하는 할 일만 추출할 수 있다.리스트로 표시하는 낱낱의 할 일 아이템은 이릉ㄹ 마쳤는지 여부를 표시하는 체크박스, 아이템 이름, 등록 날짜, 그리고 버튼으로 이루어져 있다.요구사항 분석에 맞게 페..

24-25/React.js 1 2024. 12. 27. 10:00

1. 프로젝트 준비하기 기능 오늘의 날짜를 요일, 월, 일, 연도순으로 표시한다. 할 일(Todo)을 작성하는 입력 폼이 있고, 버튼을 클릭하면 할 일 아이템을 생성한다. [할 일 관리] 앱은 생성한 아이템을 페이지 하단에 리스트로 표시하는데, 키워드 검색으로 원하는 할 일만 추출할 수 있다. 리스트로 표시하는 낱낱의 할 일 아이템은 일을 마쳤는지 여부를 표시하는 체크박스, 아이템 이름, 등록 날짜, 그리고 버튼으로 이루어져 있다. [할 일 관리] 앱의 UI 요소의 컴포넌트 Header: 오늘의 날짜를 표시 형식에 맞게 보여 준다. TodoEditor: 새로운 할 일 아이템을 등록한다. TodoList: 검색어에 맞게 필터링된 할 일 리스트를 렌더링한다. (만약 검색 폼이 공백이면 필터링하지 않는다.) ..

23-24/React.js 2 2023. 12. 1. 10:00