2020-12-24(목) ~리액트 재활중~

리액트 재활(?)중...

• 리액트 기본 개념 정리
  • JSX, State, Props, Class Component
  • Class Component로 간단한 Habit Tracker 제작해봄

---

• JSX 문법
  1. 태그를 열면 닫아야 한다.
  2. 최사위 태그는 반드시 하나의 태그로 감싸져 있어야 한다.
  3. return 뒤 괄호는 필수가 아니지만 가독성을 위해 작성
  4. JSX 안에서 javascript 사용 하는 방법 : {}로 감싸준다.
  5. 스타일과 클래스명 넣는 방법
     • 스타일 : 객체를 만들어서 넣어야 함. (속성은 카멜케이스 방식), style속성 안에 객체를 넣는다.
     • 클래스명 : class가 아닌 className 속성으로 넣는다.
  6. 주석 쓰는 방법 : 중괄호로 감싸서 js구문을 쓰게 만든 후 /* */와 같은 식
     • 혹은 태그 사이에 한줄 주석
• props
  • properties의 줄임말
  • 컴포넌트를 쓰면서 특정값을 전달해주고 싶을 때 사용