리액트의 공식 명령어이자 보일러플레이트인 CRA에 대해서 글쓰고자 한다.
본론으로 들어가기 앞서, 먼저 보일러 플레이트에 대해 알아보자.
What is "Boiler Plate"?
위키에서는 보일러플레이트 코드를 다음과 같이 정의하고 있다.
변경이 거의 또는 전혀 없이 많은 곳에 포함되어야하는 코드 섹션
보일러플레이트라는 단어의 어원이 신문사업에서 생겼다고 한다. 1890년대에 광고나 컬럼에서 똑같이 사용되는 텍스트를 강철로 도장 찍듯이 찍기 시작한 것.
어원과 정의를 보았을 때 보일러플레이트는 아래와 같이 정의할 수 있겠다.
최소한의 변경으로 여러 곳에서 재사용되는 것
What is "CRA"?
CRA는 Create-React-App 라는 리액트 공식 명령어의 약자이다.
명령어는 아래와 같다.
npx create-react-app 프로젝트명(서비스명)
참고로 npx는 npm의 CLI이다.
명령어를 직역하자면 '리액트 어플리케이션 하나 만들어주삼' 이 되겠다.
IDE나 에디터로 프로젝트를 생성할 수 있지만 CRA로 생성하면 웹팩(Webpack) 등의 세팅들을 알아서 해준다.
IDE나 에디터로 생성할 시 해당 세팅을 일일이 해줘야 한다.
여담으로 CRA로 생성한 어플리케이션에는 웹팩 설정 파일이 안 보이는데 그건 CRA가 숨겨놓았기(!) 때문이다. package.json의 scripts를 통해 파일 경로를 찾을 수 있다.
그렇다면 왜 사람들은 CRA를 보일러플레이트라고 부르는 걸까?
CRA = Bioler Plate?
CRA에는 '변경 없는 (어플리케이션을 생성해주는) 코드'들이 있고 이 코드들은 '여러 곳(정확히는 여러 사람들에게)'에서 쓰인다.
이는 보일러플레이트의 역할과 일치하므로 CRA는 리액트의 보일러 플레이트라고 할 수 있겠다.
다음에는 리액트의 기본 문법에 대해서 포스팅하겠다.
문의 및 오류 지적은 언제나 환영합니다 :)
