[항해99] 3/19 React(1) TIL

강의도 봐야하고, 개인 과제도 해야 한다..!

< TIL >

• DOM : 문서 객체 모델 / 트리 구조
• ES6 문법의 내용
• map / filter / concat / from
• JSX : HTML을 품은 JS!

• 라이프 사이클
  

• 클래스형 / 함수형 컴포넌트
  - 물론 함수형을 써야하는 요즘이지만, 레거시를 위해 클래스도 알아두자!

• State와 Props

• styled-component 패키지 설치하여 사용하기!
  - SCSS 사용

• 클래스형 컴포넌트와 달리 함수형 컴포넌트에서는 라이프 사이클 메서드 활용이 불가하므로 React Hook을 사용한다.

• Ref = 이름표

• Routing
  - MPA / SPA
  - Routing 라이브러리를 활용하자!
  - BrowserRouter
  - params, props
  - useHistory 활용

• Switch
  - Not Found 지정해주기

< 회고 >

• 개인적으로 정리한 내용이 너무 많아 블로그로 다 옮기지는 못했다.
• React...너...뭐 돼...? 응 돼...
  너무 어려워ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
• 새벽에 코딩한 내용을 제 정신에 다시 보니 기억이 1도 없다. 내가 뭘 어떻게 한건지 알려주실 분,,,?
• 20일인 일요일 유일한 휴일에도 코딩 인생,,,따라서 이 TIL 은 19 ~ 20일의 내용이라고 해야겠지,,,😇