React.js 요점정리

강정우·2022년 12월 29일
0

react.js

목록 보기
10/45
post-thumbnail

section 1

정답
1. Declarative JS code
2. React Project에서만 활병화되는 특수한 비표준 구문
3. 모든 UI는 결국 빌딩블록(=component)로 구성되며 사용가 인터페이스를 "컴포넌트의 조합"이라 생각할 수 있다.
4. 원하는 결과(UI등)를 정의하고 React.js가 단계를 구성한다.
5. 일반적으로 표시되어야하는 HTML코드(JSX)를 반환하는 JS 함수이다.
6. 사용자 마음대로
7. React를 사용해서 DOM node에 mount되는 1개의 root component를 가진 component tree를 구축한다.
8. root node아래 여러개의 component가 중첩되어있는 것을 뜻한다.
9. HTML 속성("property")을 통해
10. 아무 JS표현식을 {} 로 감싸 사용함.

section 2

  1. 수동으로 이벤트리스너를 추가한다.
    예제 코드
  2. 이벤트가 발생했을 때 실행할 함수의 pointer => React.js가 대신 실행함
  3. 참조 포스팅
  4. useState를 통해 "상태"값을 생성해 JSX에서 변경 후 출력한다.
  5. 표준 JS변수는 React 컴포넌트를 재평가하지 않는다. 즉, React는 일부 변숫값의 변경 여부에 별 관심이 없다. 컴포넌트 함수를 재평가하지도 않는다. 등록된 상태 값(useState를 통해 생성)이 변경되었을 때만 재평가가 이루어진다.
  6. useState를 다시 호출하면 새로운 상태가 생성될 뿐이다. 즉 변경된 값이 적용이 안 된다.
  7. useState는 정확히 두 요소로 이루어진 배열을 반환한다. 두 번째 요소는 언제나 상태에 새 값을 설정하기 위해 호출하는 함수이다. 해당 함수를 호출하면 React가 컴포넌트를 재평가하도록 트리거한다.
  8. 개수 제한 X
  9. const가 빠짐

section 3


1. JSX요소로 만들어진 Array를 반환한다.
2. 모든 요소에 필요한 고유 식별 기준이 되기 때문이다.
3. React.js 조건문 참조 2가지 방법

profile
智(지)! 德(덕)! 體(체)!

0개의 댓글