지난시간 CRUD의 읽기, 쓰기의 대해서 다뤄봤습니다. (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) : https://berkley.tistory.com/8 (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) 지난 시간 반응형 웹&앱 UI 작성편을 이어서 기능 추가를 진행하였습니다. 이 글을 보기 전, 아래의 링크를 먼저 수행 하신 후 다음 단계로 넘어가시면 되겠습니다. (3) 반응형 Todolist UI 작업 진행 berkley.tistory.com 이번 시간에는 갱신의 대해서 다뤄보겠습니다. 1. Todo List CRUD 중 갱신 기존의 state 변수 todoList에 필드 "title, contents" 만 설정 되어있다. 여기서 file에 is..

지난 시간 반응형 웹&앱 UI 작성편을 이어서 기능 추가를 진행하였습니다. 이 글을 보기 전, 아래의 링크를 먼저 수행 하신 후 다음 단계로 넘어가시면 되겠습니다. (3) 반응형 Todolist UI 작업 진행 : https://berkley.tistory.com/7 (3) 반응형 Todolist UI 작업 진행 지난 시간 (1) 시작하기전 : https://berkley.tistory.com/5 (1) 시작하기 전 1. 개발 환경 - Nodejs : 16.18.0 - npm : 9.6.3 - VScode - Prettier - SCSS/SASS - style-component - ReactStrap 2. 작업 셋팅 준비 1. 먼저 Nodejs를 설치합니 berkley.tistory.com 이번 시간은 ..

지난 시간 (1) 시작하기전 : https://berkley.tistory.com/5 (1) 시작하기 전 1. 개발 환경 - Nodejs : 16.18.0 - npm : 9.6.3 - VScode - Prettier - SCSS/SASS - style-component - ReactStrap 2. 작업 셋팅 준비 1. 먼저 Nodejs를 설치합니다. (안정버전 LTS가 붙힌 버전으로 설치합니다.) https://nodejs.org/ko 2 berkley.tistory.com (2) Todolist 작업 전 반응 형 웹&앱 설정 : https://berkley.tistory.com/6 (2) Todolist 작업 전 반응 형 웹&앱 설정 이전 시간에 사전 준비 작업 과정에서 React 설치하는 법을 먼저 ..

이전 시간에 사전 준비 작업 과정에서 React 설치하는 법을 먼저 진행하시기 바랍니다. (1) 시작하기 전 : https://berkley.tistory.com/5 (1) 시작하기 전 1. 개발 환경 - Nodejs : 16.18.0 - npm : 9.6.3 - VScode - Prettier - SCSS/SASS - style-component - ReactStrap 2. 작업 셋팅 준비 1. 먼저 Nodejs를 설치합니다. (안정버전 LTS가 붙힌 버전으로 설치합니다.) https://nodejs.org/ko 2 berkley.tistory.com 1. 반응형 웹의 기본 알아보기 먼저 todolist의 웹모드, 앱모드의 반응형 웹&앱으로 기초를 알아본다. 작업 전, 반응형 웹&앱 작동이 되어있는지 ..

0. Github 저장소 https://github.com/BerkleyLim/Todolist GitHub - BerkleyLim/Todolist: 리액트 기반 투두리스트 만들기 리액트 기반 투두리스트 만들기. Contribute to BerkleyLim/Todolist development by creating an account on GitHub. github.com 1. 개발 환경 및 사용 라이브러리 - Nodejs : 16.18.0 - npm : 9.6.3 - VScode - Prettier - SCSS/SASS - ReactStrap - Redux - react-redux - redux-persist - immutability-helper - react-bootstrap-icons - react..