![]()
컴포넌트의 장점은 재사용성에 있다. 다른 컴포넌트로 구성된 컴포넌트를 만들 수 있지만 점점 많은 컴포넌트를 중첩할수록 다른 파일로 분리하는 것이 좋다. 루트 컴포넌트 파일 이전 게시물에서 프로필 컴포넌트와 그것을 렌더링하는 갤러리 컴포넌트를 만들었다. Create React App에서 앱은 src/App.js에 있지만 설정에 따라 루트 컴포넌트가 다른 파일에 있을 수도 있다. 나중에 랜딩 화면을 변경하여 과학 도서 목록을 넣거나, 모든 프로필을 다른 곳에 배치하려면 어떻게 할까? 갤러리와 프로필을 루트 컴포넌트 밖으로 옮기는 것이 좋다. 이렇게 하면 다른 파일에서 더 모듈화되고 재사용할 수 있다. 컴포넌트 옯기는 법 1. 컴포넌트를 넣을 새 JS파일을 만든다. 2. 해당 파일에서 함수 컴포넌트를 내보낸다..
![]()
리액트 공식문서를 토대로 공부를 시작하려고 한다. 리액트 공식문서가 두개가 존재하는데, 한 개는 https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 한국어로 번역된 기존에 있던 리액트 공식문서이고, 내가 공부할 리액트 공식문서는 베타 버전이며 번역이 되지 않은 https://beta.reactjs.org/learn Quick Start A JavaScript library for building user interfaces beta.reactjs.org 위와 같은 사이트이다. 맥북으로 리액트를 시작하려면 일단 brew로 node를 ..
