React.js 입문 2일차

섹션 2, 3

자바스크립트 복습

• <script></script> 태그 안에 js를 넣는다
• js 코드를 태그 안에 넣지 않고 <script> src=”js파일경로” </scipt> 로 js파일을 넣을 수 있다
• <script> src=”js파일경로” defer </scipt> defer를 사용하면 해당 페이지가 모두 로딩 된 후 외부 스크립트가 실행된다
• <script> src=”js파일경로” type=”module”</scipt> type=”module”은 js파일을 모듈처럼 취급한다
  → import 사용 가능
• 빌드를 할 때, React의 빌드 프로세스가 자동으로 script를 넣어주고 사용자가 다운받에 최적화된 형태로 js를 바꿔준다
• let과 const
  → const가 변경 불가한게 아니라 덮어쓸 수 없다는것!
• Arrow funtions
  function의 여러가지 표현 방식
  객체를 리턴할 때는 꼭 () ⇒ ({}) 로 중괄호를 묶어서 중괄호가 함수를 정의하는것이 아니라 객체임을 나타내게 해야 한다
• Exports & Imports
• Classes
• Spread operator ex. 두 배열을 이어붙일 때
• Array 주요 메서드
  map()
  find()
  findIndex()
  filter()
  reduce()
  concat()
  slice()
  splice()

컴포넌트

• React는 컴포넌트로 이루어졌다
• 컴포넌트는 재사용 가능한 코드이다 → reusability
• 선언형으로 작성한다
• 컴포넌트별로 js 파일을 만들어서 관리한다
• props 를 이용해 다른 컴포넌트에 저장된 데이터를 이용할 수 있다

• 컴포넌트 래퍼를 만들 수 있다
  이때, props.children으로 여는 태그와 닫는 태그 사이에 넣을 수 있도록 하여야 한다 그렇지 않으면 단순히 대체될 뿐이다