마침내 React를 배우는 첫 날이 지났다.
다음은 오늘 과제로 조사한 내용 중 일부이다.
SPA 방식과 MPA 방식은 무엇이고, 어떤 장/단점을 가지고 있나요?
SPA(Single Page Application) 혹은 웹 앱(Web App)은 하나의 페이지 안에서 해당되는 요소만 살짝 바꿔주는 개념
MPA(Multi Page Application)는 리렌더링(re-rendering)이 너무나 많이 이루어져 현대에는 적합하지 않다. => UX 나빠짐
SPA 장점: 단 한 개의 페이지, 서버에 리소스 1회 요청, 이후 필요할 때만 동적으로 생성 (데이터만 받아와 기존 페이지를 수정), 이를 통해 굉장히 자연스러운 UX 구현
SEO의 개념은 무엇이며, 리액트는 SEO에 적합할까요? 그 이유는 무엇일까요?
SEO(Search Engine Optimization)는 검색엔진에 얼마나 노출되느냐이다.
리액트는 HTML파일이 index.html 하나 뿐이므로 SEO에는 적합하지 않다.
리액트 컴포넌트란 뭘까요? 리액트 컴포넌트의 종류는 무엇이 있으며, 현재는 어떤 방식이 더 각광받고 있는지에 대해 적어보세요. 또한 다음 추가 질문에 대한 O, X를 말씀해주세요.
컴포넌트는 props라고 하는 input을 받고 화면에 어떻게 표시되는지 기술하는 React element를 output으로 준다.
컴포넌트에는 함수형 컴포넌트와 클래스형 컴포넌트가 있다. 두 가지 모두 기술적으로 동일하나 함수형 컴포넌트가 훨씬 쉽다.
- 컴포넌트를 만들 때 컴포넌트 이름은 반드시 가장 첫 글자가 대문자일 필요는 없다.
X, 나중에 React 쪽에서 오류가 난다. - 폴더는 소문자로 시작하는 카멜케이스로 작성하고, 컴포넌트를 만드는 파일은 대문자로 시작하는 카멜케이스로 이름을 짓는다.
O
아직 많이 어색하지만 JavaScript 때 그랬듯이 금방 적응하리라 믿는다.
