React-boilerplate란?

📌boilerplate(보일러 플레이트)란?

컴퓨터 프로그래밍에서, 보일러 플레이트 코드 또는 간단히 보일러 플레이트(boilplate code)는 변형이 거의 없는 여러 장소에서 반복되는 코드의 섹션이다. 상세한 언어를 사용할 때 프로그래머는 사소한 기능만 수행하기 위해 많은 boilerplate 코드를 작성해야 한다.
보일러 플레이트의 필요성은 메타프로그래밍(컴퓨터가 필요한 보일러 플레이트 코드를 자동으로 작성하거나 컴파일 시 삽입하도록 함), 구성에 대한 규칙(좋은 기본값을 제공하여 모든 프로젝트에서 프로그램 세부사항을 지정할 필요성을 줄이는 것), 모델 구동 엔진과 같은 높은 수준의 메커니즘을 통해 줄일 수 있다(모델 및 모델 대 코드 생성기를 사용하므로 수동 보일러 플레이트 코드가 필요 없음).
-위키백과-

즉 보일러 플레이트란 '별 수정 없이 반복적으로 사용되는 코드'를 자동으로 생성해주는 것이다.

원래 보일러플레이트는 19세기에 증기 보일러를 만들때 틀로 사용하는 강철판을 의미했다. 보일러플레이트에는 보일러 이름 등의 제조 정보가 음각으로 새겨져 있어서 보일러플레이트를 통과한 강철판에는 보일러 이름 등이 새겨지게 되었다. 이게 인쇄 분야로 이어져서 반복해서 사용하는 텍스트(주로 광고나 로고)를 의미하게 되었다.

📌시작하기

1. Make sure that you have Node.js v10.13.0 and npm v6.4.1 or above installed.

   • Node.js와 npm의 버전이 일정 버전보다 높아야 한다.

2. react-boilerplate - git repo를 clone하기

   #Typescript
   git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate-typescript.git <YOUR_PROJECT_NAME>
   
   #React
   git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git <YOUR_PROJECT_NAME>

3. Move to the appropriate directory: cd <YOUR_PROJECT_NAME>

   • 해당 앱으로 이동 후

4. Run npm run setup in order to install dependencies and clean the git repo.
   At this point you can run npm start to see the example app at http://localhost:3000.
   - setup후 start를 통해 localhost에서 테스트 앱 확인가능

5. Run npm run clean to delete the example app.

   • 테스트 앱 지우기

#REFERENCE

보일러 플레이트(Boiler Plate) 이해하기
react-boilerplate