오늘은 다시 리덕스 공부를 위해 글을 쓰게 되었다. 먼저 index.html을 수정하도록 한다. To Dos Add 위 코드는 현재 html코드이며, 현재 수정한 부분은 태그 안에 값을 수정하였다. 그런 다음 index.js를 다음과 같이 바꿔준다. // src -> index.js const form = document.querySelector("form"); const input = document.querySelector("input"); const ul = document.querySelector("ui"); const createToDo = (toDo) => { const li = document.createElement("li"); li.innerText = toDo; ul.appendChil..
리액트 프론트 앤드 개발자를 하면서 리덕스는 꽤나 중요한 축에 속해진다. 하지만 러닝커브가 길기 때문에 처음부터 많이 적용할 수도 없고, 적용을 많이 못하였던 것이 필자의 현실이었다. 그리고 다시 공부를 하면서 조금 깊게 파기 위해 리덕스가 무엇인지, 왜 필요하여 많이 쓰이는지에 대해 진득하게 정리를 해보기 위해 이 글을 쓰게 되었다. 왜 리덕스인가? 가장 궁금한 것 중 하나는 왜 리덕스를 쓰는 지다. 사실 찾으면 찾을수록 당연히 필요하다고 느낄 수 있지만, 처음 접한 사람에게는 이것이 굳이 왜?라는 기분이 들 수 있다. 리덕스는 쉽게 말하면 상태 관리를 의미한다. 리덕스를 사용하기 위해서 리덕스를 사용하기 위해 최소한의 설치는 다음과 같다. node, npm OR yarn 필자가 느끼기엔 이것이 가장 ..
- Total
- Today
- Yesterday
- 리액트 유튜브
- 리덕스
- CSS
- 뷰
- Switch
- array
- 노드
- redux
- Visual Studio Code
- 자바
- 재공부
- 파이썬
- 자바스크립트
- 리액트 썸네일
- java
- react
- github
- 코딩테스트
- 리액트
- 배열
- 함수
- node.js
- node-sass
- 프로그래머스
- programmers
- node
- javascript
- Git
- mongodb
- Coding Test
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |