본문 바로가기

React/면접질문

(4)
[면접질문 #4] What is difference between Element and Component? - Element와 Component의 차이점이 무엇인가? 아래 글은 https://github.com/sudheerj/reactjs-interview-questions 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. Element는 DOM의 관점에서 우리가 화면에 나타내고 싶은 plain object 이다. Element는 다른 Element를 그들의 props로 포함할 수 있다. React의 element를 만드는 것은 가벼운 작업이다. Element가 한번 생성되면 다시는 변형되지 않는다. React Element는 다음과 같이 표현할 수 있다...
[면접질문 #3] What is JSX - JSX란 무엇인가? 아래 글은 https://github.com/sudheerj/reactjs-interview-questions 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. JSX ECMAScript 문법의 확장판이다. Basically, 이것은 React.createElement()를 사용해 개발했던 것과 다르게 편리함을 제공해준다. JSX는 HTML과 Javascript와 매우 유사하다. 예시는 아래와 같다. 태그 안은 render 함수에 Javascript 함수로 반환된다. class App exten..
[면접질문 #2] What are the major features of React - 리액트의 가장 큰 특징은 무엇인가? 아래 글은 https://github.com/sudheerj/reactjs-interview-questions 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. 리액트에서 가장 큰 특징으로는 다음과 같다. 1. 연산에 상대적으로 많이 소요되는 RealDOM을 사용하지 않고 VirtualDOM을 사용한다 2. SSR (Server Side Rendering) 을 지원한다. 3. 단방향 데이터 바인딩을 따른다. 4. 화면을 개발하기 위해 재사용 가능한 UI 컴포넌트를 사용한다.
[면접질문 #1] What is React? - 리액트란 무엇인가 아래 글은 https://github.com/sudheerj/reactjs-interview-questions 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다. 이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다. 리액트는는 사용자 인터페이스를 좀 더 쉽게 구성하기 위해 사용되어지는 오픈 소스 프론트엔드 자바스크립트 라이브러리이다. 리액트는 웹과 앱에 view layer를 처리하기 위해 사용되어 진다. 그리고 이것은 Facebook에서 일하고 있는 Jordan Walke라는 사람으로부터 탄생했다. 리액트는 처음으로 페이스북 news feed 201..