목록리액트todo (1)
온풀투데이
[react] 리액트 투두리스트 프로젝트: 목적, 활용 기능, 완성 화면, 깃허브 등
리액트의 컴포넌트 구성과 useState, useRef, useEffect 등의 hook 의 기본 개념을 활용하기 위해 react-create-app(CRA)를 통해 투두리스트를 제작하였다. 각 날짜별 TODO 리스트를 구현하고자 react-calendar 라이브러리를 활용하였고, 컴포넌트 간 props의 전역관리를 위해 Context API 라는 리액트 내장 라이브러리를 활용하여 구현하였다. 작성일 기준 완성된 화면은 아래와 같다. '벨로퍼트와 함께하는 모던 리액트'라는 오픈 문서를 참고하여 리액트 기초 지식을 배울 수 있었고, 해당 문서에서 제공하는 예제를 활용하여 투두리스트 부분의 뼈대를 완성할 수 있었다. 이후 헤더, 푸터, 반응형 등의 디자인 및 필터 기능, 달력 기능, 편집 및 삭제 기능 등을..
REACT
2024. 2. 27. 14:03