[DevNote] 0212

오늘 내가 공부 한 것.

• 오늘은 데이터 베이스에 명령을 전달하기 위한 redux를 공부했다.
• 간단한거 같으면서도 막상 들어가면 생각해야 할 게 많았던 것 같다.

---

오늘 배운 내용 정리.

1.form

• form은 기본적으로 submit라는 이벤트를 갖고 있다.
• 배열을 만들어서 콘솔을 찍어보면 input값이 바로 나오지 않을 때가 있는데, 함수 안에 내용물을 넣어뒀을 때, setState가 동기적으로 그 값을 반영한다는 guarantee가 없다는 답변입니다. pending 상태에 있기 때문에 적어도 해당 렌더링 과정에서는 결과값이 반영될 수도, 그러지 않을 수도 있는 것이죠

2.map

• map함수는 첫번째 인자로 오는 콜백함수를 각 요소에 한번씩 사용하여 준다고 생각하면 된다. 그렇게 나온 값을 새로운 배열에 넣어준다.

["there", "is", "are", "some", "hello"].map((potato) => potato.toUpperCase());

• 여기서 potato는 기존의 받은 배열의 요소 하나하나를 지칭하는 말이 된다. map이라는 함수는 화살표 함수로 지정된 함수를 각 potato에게 적용한다는 것이다.
• 즉, 6개의 potato는 toUppercase()라는 함수를 한번씩 통과하게 되는 것이다. 일종의 공항 검색대라고 생각하자. 다 들어가면 소지품을 뺴고 들어가게 된다는 함수를 실행하는 것 처럼.

3.Route

• BrowserRoute 와 HashRouter의 차이점은 URL에 #가 붙는 것에 차이.

import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";

4. Redux

• Store에는 꼭 reducer가 따라온다.
• Reducer에서 어떤 값을 리턴하든 그 값이 곧 어플리케이션의 state가 된다.
• getstate()를 하게 되면 리턴한 값을 받을 수 있다.
• 오직 Reducer를 통해서만 state를 변경할 수 있다. 다른 방법은 없다.
• Reducer를 통해 변경할 때는 Action을 Dispatch해줘야 한다.
• Action은 Object 형식이어야 하고 {Type : "ADD"} 와 같은 이름을 같는다.
• Subscribe는 state의 변경사항을 알려준다.
• Store.subscribe("fuction") -> fuction이 실행되면서 변동사항을 알려준다.

---

느낀점

• 노마드 코더 수업을 들으니 그래도 조금 이해가 되는 것 같다.
• 이번주는 달리는게 아니라 천천히 가는 것이 목표이기 때문에, 애초에 설정했던 것을 이루는것에 집중하고 개인 공부를 계속 병행해야 겠다.

---

오늘의 한줄

저점다지기중....