TIL(Today-I-Learned)(22)
-
React로 Todo-list 만들기(1)
#코딩 학습일지 시작의 한마디 만들어져 있는 좋은 ToDoList 는 많다. 하지만 직접 만들어보고 싶고 CRUD에 대해 다시 한 번 정확히 하고 싶어서 도전~! # 학습내용 [오늘의 목표] Todo-list 기능 구현하기 # 학습 중 이슈/고민 .. 그리고 해결한 내용 useEffect에 대한 이해 부족 학습필요,, CSS를 사용해서 꾸밀 것인지 styled component를 활용할 것인지 아직 결정하지 않음 수정버튼을 눌러 수정하는 기능이 나올 때 기존 버튼이 그대로 보임 수정을 누르면 수정버튼이 수정완료 버튼으로 변경되도록 조건문으로 해결함 삭제 버튼은 수정 기능 실행 시 안보이도록 조건문으로 해결함 # To-do List [주요 일정] Todo-list 기능 구현하기 쓰기, 수정, 삭제, 체크,..
2021.10.06 -
'21.10.02.(토) TIL - Create React app
※ Node 14.0.0 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. 터미널 창을 열고 프로젝트를 만들고자 하는 디렉토리로 이동한다. - 나는 Desktop > Coding 폴더에 프로젝트를 만들고자 한다. 2. npx create-react-app [프로젝트 이름] - 이번에 todolist를 한 번 만들어 보고자 한다. 그래서 아래와 같이 입력했다. - npx create-react-app to-do-list [프로젝트(폴더) 이름] 3. cd to-do-list 4. npm start 5. 실행 후에 http://loc..
2021.10.02