Quiz 1: basic React, Component, Props, JSX

Yerim Son·2023년 6월 27일
1

React

목록 보기
9/23
post-custom-banner
  1. React.js에서는 어떤 유형의 코드로 작성하나요?

: 선언형(Declarative) JavaScript 코드

  1. JSX란 무엇일까요?

: React project에서만 활성화되는 특수한 비표준 구문이다.

  1. 왜 component를 React의 모든 것이라고 할까?

: 모든 UI는 결국 여러 빌딩 블록(=component)으로 구성되며, 따라서 사용자 인터페이스를 '컴포넌트의 조합'이라고 생각할 수 있다.

  1. '선언형'이란 무슨 뜻인가?

: 원하는 결과(대상 UI 등)을 정의하고, 라이브러리(React)가 단계를 구성한다.

  1. React Component란 무엇인가?

: 일반적으로 표시되어야 하는 HTML(JSX) 코드를 반환하는 JavaScript함수이다.

  1. React 앱은 React 컴포넌트를 몇 개 가져야 하나?

: 원하거나 필요한 만큼 가질 수 있다.

  1. React를 사용해서 DOM node에 mount되는 하나의 root component를 가진 component tree를 구축한다.
  1. '컴포넌트 트리'란?

: 루트 노드 아래에 여러 컴포넌트가 중첩되어 있는 것을 뜻한다.

  1. 어떻게 컴포넌트간에 데이터를 전달하나?

: '프로퍼티'라고 알려진 '커스텀 HTML 속성'을 통해서.

  1. React component 내부의 동적 데이터(반환된 JSX 코드)는 어떻게 출력하나요?

: 아무 JS표현식을 단일 중괄호({})로 감싸 사용한다. 중괄호 사이에 블록 문(예: if 문)을 넣을 수는 없지만, 이 특수 기능을 사용하면 모든 JS 표현식의 결과를 출력할 수 있다.

🐹

post-custom-banner

0개의 댓글