밀래의 코딩북

간단한 웹사이트 디자인을 완료하였고 어떻게 Component를 나눌지 정해졌기에 이제 Component를 나눠 생성해보겠습니다. 우선, 생성하기전 create-react-app 으로 생성한 기본구조를 알아보고 Components 폴더를 생성한 뒤 Components들을 생성하겠습니다. 1. 기본 폴더 구조 index.js : react app의 가장 먼저 진입점이 되는 js 파일 App.js : index.js에서 root로 렌더링 되는 페이지 1-1. index.js index.js는 엔트리 포인트가 되는 파일입니다. index.js 먼저 살펴보면 다음과 같은 코드를 확인할 수 있습니다. import React from 'react'; import ReactDOM from 'react-dom'; imp..

React란 페이스북에서 만든 자바스크립트 기반 라이브러리 입니다. React 공식 홈페이지에서는 아래와 같이 소개 하고 있습니다. A JavaScript Libarary for building user interfaces 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리. React는 라이브러리 이다. 흔히 비교 대상이 되는 Angular는 프레임워크라 하지만 React는 라이브러리이다. 두개는 어떤 차이가 있을까? 간단히 설명하면 유저 인터페이스를 만들기 위해 모든 기능을 포함하지 않은 라이브러리는 React이고 모든 기능을 포함하고 있는 프레임워크는 Angular라고 생각하면 됩니다. React가 라이브러리라 불리우지만 걱정하지 않아도 됩니다. Raact를 프레임워크 급으로 만들어줄 여러가지 방..