React Q&A

JSX 문법을 도입하게 된 이유가 무엇일까요? 어떤 장점이 있나요?

• 기능과 UI를 한번에 작성할 수 있다.

JSX를 사용하지 않고 React를 사용할 수도 있나요? (advanced)

• 사용 가능하다.
• createElement를 이용해서

JSX에 JavaScript 표현식을 쓰려면 어떤 방법으로 써야 하나요?

• {}

import / export 구문은 어떤 식으로 사용할 수 있나요?

• export default : 이름을 변경해서 import할 수 있다.
• export : 객체로 넘길 때는 객체로 받는다?
• default :

컴포넌트 단위로 개발할 때의 장점?

• 재사용성, 유지보수에 좋다.
• 컴포넌트가 독립적으로 역할을 하기 때문에 테스트 하기에도 좋다.

하나의 컴포넌트에서 여러 개의 엘리먼트를 리턴할 수 있나요?

• Fragments

props를 다룰 때 지켜야 하는 엄격한 규칙

• 읽기 전용이기 때문에 변경하면 안된다.

props, state의 차이점

• state : 특정 컴포넌트가 가지는 변할 수 있는 상태
• props : 읽기 전용으로 변할 수 없는 것

왜 꼭 this.setState를 사용해야만 하는가?

• re-rendering을 위해

이벤트 처리 시 HTML과 다른 특징

• camelCase

순수함수

• 외부 요소에 영향을 받는 경우 side effect가 생겼다고 말한다.
• 입력값으로만 처리를 했을 경우

리액트 컴포넌트인 경우 순수함수로만 작동되어야 한다

상태는 변할 수 있는 값

마운트 : 화면상에 컴포넌트가 생성될 때

언마운트 : 화면상에 컴포넌트가 사라질 때