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

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

학습내용

1.  historyApiFallback

2. window.location

3. React Router

 

사실 / 객관

1. 100% 테스트 커버리지를 통과하지 못했다ㅠ 

---

Feelings(느낌,주관)

• 저번주에 이어 테스트 커버리지 100%를 달성하지 못한 채 과제를 마무리 해 너무 아쉽다 ㅠㅠ 다음에는 꼭 초록색 체크표시를 받고 한 주를 마무리 하고 싶다.

---

Findings(배운점)

1. historyApiFallback에 대해 알게 됐다. 

:  존재하지 않는 페이지에 접근할 때 리다이렉트를 해줄 수 있게 한다 
- 리액트는 SPA라 URL의 시작 주소(index.html)만 갖고 있으나 웹의 history APIf를 사용해서 여러가지 URL이 있는 것처럼 가짜주소를 만들 수 있다. 

- 하지만 localhost/shop/123 같이 주소로 이동 후 새로고침 시 프런트로 가지 않고 서버로 가게 되는데 이때 서버는 시작 주소만 알고 있다. 

- 이때 historyApiFallback의 설정을 통해 404 페이지를 주지 않고 설정한 경로로 서빙(이동)을 해준다. 

 

2. dispatch.mockClear에 대해 알게 됐다. 

어떤 순서로 실행될 지 장담할 수 없을때 dispatch 초기화 작업을 해준다.

 

3. beforeEach에 대해 알게 됐다.

파일의 각각의 테스트를 실핼 전  실행하는 함수로 중복되는 환경을 셋업 할 때 유용하게 쓸 수 있다.  

This is often useful if you want to reset some global state that will be used by many tests.

  beforeEach(() => {
    dispatch.mockClear();
    useDispatch.mockImplementation(() => dispatch);

    useSelector.mockImplementation((selector) =>
      selector({
        restaurants: [],
        restaurant: {},
        categories,
        regions,
      })
    );
  });

 

 

---

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

1. 과제를 했다는 것에 만족하지 말고 과제를 제대로 끝까지 달성하는 것을 목표료 하자!!