Today I Learn...

  • 리액트 라우터 부가기능

    • history 객체: 컴포넌트 내에 구현하는 메소드에서 라우터에 직접 접근을 할 수 있다. (뒤로가기, 특정 경로로 이동, 이탈 방지 등)

    • withRouter HoC: 라우트 컴포넌트가 아닌곳에서 match / location / history 를 사용해야 할 때 사용

    • Switch: 여러 Route 들을 감싸서 그 중 규칙이 일치하는 라우트 단 하나만을 렌더링 / 아무것도 일치하지 않았을때 보여줄 Not Found 페이지를 구현

    • NavLink: 현재 경로와 Link 에서 사용하는 경로가 일치하는 경우 특정 스타일 혹은 클래스를 적용 할 수 있는 컴포넌트

  • Redux

    • 리덕스의 3가지 규칙
      1. 하나의 애플리케이션 안에는 하나의 스토어가 있습니다.
      2. 상태는 읽기전용 입니다.
      3. 변화를 일으키는 함수, 리듀서는 순수한 함수여야 합니다.

To-Do

  1. 벨로퍼트와 함께하는 모던 리액트 문서
  2. 자바스크립트 개발자라면 알아야 할 33가지 개념(참고문서 1)
  3. 코어 자바스크립트 / 리액트를 다루는 기술 읽기

참고문서

  1. https://velog.io/@jakeseo_me/2019-03-15-2303-%EC%9E%91%EC%84%B1%EB%90%A8-rmjta5a3xh