2022.12.20.(화)
TIL Today I Learned
Good: GitHub 레파지토리 생성 후 TodoApp 저장한 것.
Bad: 리액트 심화 1회 독을 하지 못한 것. 하지만 여러 가지 많이 배운 날.
[리액트 심화]
- 1-0강
- immer
어디서 익숙한 단어가 보였다. 5조 소통방에 지원 님이 TIL로 적은 것이다. 그땐 그냥 넘겼는데 심화 강의에서 언급해서 다시 보러 갔다. 소통의 순기능인 것 같다.
Immer 를 배우기 전에 간단하게 요약을 한다. Immer 를 사용하면 우리가 상태를 업데이트할 때, 불변성을 신경 쓰지 않으면서 업데이트해주면 Immer 가 불변성 관리를 대신 해준다.
- Immer 사용법
이번 섹션에서는 우리가 기존에 만들었던 사용자 관리 프로젝트에 Immer 를 적용해보면서 Immer 의 사용법을 알아보자.
우선 프로젝트에서 다음 명령어를 실행하여 Immer 를 설치한다.
$ yarn add immer이 라이브러리를 사용 할 땐 다음과 같이 사용한다. 우선 코드의 상단에서 immer 를 불러와주어야 한다. 보통 produce 라는 이름으로 불러온다.
import produce from 'immer';그리고 produce 함수를 사용 할 때에는 첫번째 파라미터에는 수정하고 싶은 상태, 두번째 파라미터에는 어떻게 업데이트하고 싶을지 정의하는 함수를 넣어준다. 두번째 파라미터에 넣는 함수에서는 불변성에 대해서 신경쓰지 않고 그냥 업데이트 해주면 다 알아서 해준다.
const state = { number: 1, dontChangeMe: 2 };
const nextState = produce(state, draft => {
draft.number += 1; });
console.log(nextState); // { number: 2, dontChangeMe: 2 }다음 링크를 열어서 CodeSandbox 를 열으면, Immer 를 쉽게 연습할 수 있다.
출처: https://react.vlpt.us/basic/23-immer.html
-> 5조 소통방 immer
- 1-2강
Promise, async, await에 대해 알지 못하면 개인적으로 공부하라고 해서 찾아봤다. 비동기가 무엇인지 분명 알았는데 잊어버려서 다시 찾아봤다.
-
동기의 대략적인 특징
동시에 여러 작업을 수행할 수 없다. 흐름을 예측하기 쉽다. 먼저 수행되고 나중에 수행되는 것들이 명확하다. -
비동기의 대략적인 특징
동시에 여러 작업을 수행할 수 있다. 흐름을 예측하기 어렵다. 즉 무엇이 먼저 완료될 지 보장할 수 없다.
출처: https://springfall.cc/post/7 봄가을
[정예부대]
22.12.21. 수요일 11시 정예부대 A반 시작한다. 미리 이 영상을 2번 보기가 숙제이다. 같은 조 대원이 GitHub에 레파지토리를 생성해서 TodoApp 한 것을 올린다고 하였다. 나도 시도했다.
git init
git add .
git commit -m “ToDoApp01”
git remote add origin https://github.com/waterfist/이름-.git
git push -u origin main
yarn start항상 제일 처음이 어렵다. 처음을 못 하는데 어떻게 시작하는가? 이것을 꼭 기억했다가 다음 레파지토리 생성할 때 잘 써야겠다.
[A반 5조 소통]
- 어느 날 김태인 매니저님께서 조원끼리 소통할 수 있는 노션을 만들면 좋다고 추천해줬다. 그날 바로 생성하여 활발히 사용하고 있다.
- 드디어 꿀팁을 적을 수 있는 날이 왔다. 사실 리액트 심화 강의에 있는 정보인데 보고 도움이 되어서 남겼다.
[ 8주 차 계획 ]
- 스파르타코딩클럽 계획
✔ 월: 리액트 심화
✔ 화: 리액트 심화
□ 수: 리액트 심화
□ 목: 프로젝트 리액트 클론코딩
□ 금: 프로젝트 리액트 클론코딩
- 나의 계획
□ 리액트 심화 강의 1회독
