코드숨 React 8기 - 5주차 회고

Facts(학습내용, 사실/ 객관)

학습내용

1.  동기식 처리 모델 vs 비동기식 처리 모델 

2. Promise , asyc/await

3. fetch 

4. REST

5. Redux에서 비동기 액션 실행하기 (Redux thunk) 

 

사실 / 객관

1. 4주차 강의를 다시 처음 부터 보며 리덕스 테스트 코드를 익히고 5주차 과제를 시작했다

---

Feelings(느낌,주관)

• 저번 주 학습을 잘따라가지 못했다는 느낌이 들어 4주차 강의를 처음부터 다시 듣고 4주차 과제를 다시 해보았다. 그래서 인지
• 저번 주 보다 리덕스 테스트 코드 작성에 익숙해졌다. 확실히 테스트 코드는 어떤 기술이라기 보다 패턴이기 때문에 더 익숙해진다면 더 효율적으로 잘 사용할 수 있을 것 같다.
• 현직장에서 리덕스의 useSelctor함수를 사용해 store의 state을 가져오는 코드를 많이 쓰는데 get util 함수로 더 간단한게 만들 수있을 것 같다. 

---

Findings(배운점)

 1.  Redux thunk로 action을 작성하는 방법을 알게됐다.

 2. utils 함수 생성으로 기존의 코드를 리팩터링 하는 방법과 그 util함수를 테스트 하는 방법을 익혔다.

//CategoriesContainer.jsx
import { get } from '../utils';

const categories = useSelector((get('categories')));
const restaurant = useSelector((get('restaurant')));


//utils.js

export function get(key) {
  return (obj) => obj[key];
}


//utils.test.js
import { get } from './utils';

test('get', () => {
  const state = {
    name: '홍길동',
  };
  const f = get('name');
  const g = get('region');

  expect(f(state)).toBe('홍길동');
  expect(g(state)).toBeFalsy();
});

3. find를 활용한 코드도 위와 같이 utils 함수로 만들 수 있는데 굳이 만들 필요 없이 함수형 라이브러리를 가져다 쓰는 것도 방법이라는 것을 알게됐다. 

---

Affirmation(자기 선언, 앞으로 할 것)

1. 조금 더 빨리 과제 시작해서 많은 리뷰 받기 !