전체 글
-
-
0927오늘의 기록 2021. 9. 27. 23:59
오늘의 목표 강의 3.2 ~ 3.8 끝내기! 며칠 고민하던 문제가 허무하게 해결됐다. 왜 그 간단한 로직을 생각 못했을까? 해결하고 나니까 이정도로 고민한게 웃기기도 하고, 내가 대견하게도 했다. 오늘도 신나게 박수를 치고 싶었지만 참았다. 오늘부터 퇴근을 걸어서 하기로 나랑 약속했다. 그래서 쭉 걸어왔는데.... 50분정도 걸었는데 생각보다 그리 힘들지 않았다. 만보는 될 줄 알았더니 6천보가 조금 안됐다. 무거운 노트북가방까지 메고왔는데 하나도 안힘들어서 운동한 기분이 안났다. 겨울이 되면 출근도 걸어서해야지. 출근길에 땀나는건 싫으니까!
-
Module not found: Can't resolve './serviceWorker' in... 해결법리덕스 2021. 9. 23. 02:24
다양한 짓을 해봤는데...... 두가지의 방법이 있었다. 1. 지우고 재설치하기 package-lock.json 파일, package.json 파일 node_modules 폴더를 싹 지운 뒤 다시 npm install을 해준다. 2. 그래도 안된다면? 버전 문제 나처럼 create-react-app version 4+로 설치한 것이다. 애초에 index.js파일 안에 여타 강의들처럼 기본적으로 serviceWorker가 아닌 reportWebVitals로 설치가 되어있어 당황했을 것이다. (나는 못본걸로 하고 강의를 듣다가 결국 막혀서 헤맸다) 기본 템플릿이 변경되어서 serviceWorker가 없다고 하니 그냥 하나 만들어서 넣어주면 된다. src/serviceWorker.js 파일을 하나 만들어준 뒤..
-
redux를 이용해 web app을 만들어보자리덕스 2021. 9. 23. 00:57
1. react 환경설정 npx creat-react-app 명령어를 이용해 react 환경설정을 한 뒤 npm run start로 시작 2. redux 설치 npm install redux redux를 설치한 뒤 store.js 파일을 만든다 3. store.js 파일을 생성하고, 그 안에 reducer 함수와 초기 state값을 생성 import { createStore } from "redux"; var initState = { mode: "WELCOME", welcome_content: { title: "WEB", desc: "Hello,WEB", }, selected_content_id: 1, contents: [ { id: 1, title: "HTML", desc: "HTML is ..." }..
-
Redux-1리덕스 2021. 9. 20. 23:59
1. 가장 큰 어려움은 복잡함이다. 이러한 코드의 복잡성을 어떻게 낮출 것인가? 2. 리덕스는 이 코드의 복잡성을 낮춰주고, 어떤 결과를 가져올지 예측가능하게 만들어준다. state란 상태.그냥 객체일 뿐. 데이터가 이곳저곳 흩어져있는 것보다 한곳에 묶여있는 게 훨씬 관리하기 쉽기 때문에 사용. 이렇게 단 하나의 state를 유지하는 것으로 어플리케이션의 복잡성을 낮춘다 3. 리덕스의 특징 1) Single Source of Truth - 1개의 상태 2) 1개의 state에 모든 데이터를 넣는다. 3) 인가된 담당자(특정 함수)를 통해서만 값을 수정한다. - 개발자가 직접 값을 수정할 수 없다. - reducer - dispatcher 4. 데이터를 가져 갈 때도 함부로 가져가지 못한다. 데이터를 아주..