create-react-app

리액트 설치

제일 먼저 Node.js가 필요하다. 설치되어 있지 않을 경우는 공식 사이트에서 다운 받아 설치하며 가능한 안정적인 LTS 버전을 설치하고 프로젝트를 진행할 폴더에서 리액트를 설치한다. npx로 설치하면 최신 버전의 리액트가 설치된다.

npx create-react-app [project-name]

리액트 실행

설치가 완료되면 리액트를 실행할 수 있다.

npm run start

리액트 배포

작업하던 프로젝트를 배포하기 위해선 build 작업이 필요하다. git, firebase등에 배포할 경우 build 폴더를 지정하면 된다.

npm run build

배포전 확인 작업

간편하게 serve 명령어로 서버를 설치해서 동작을 확인 한 후에 최종 배포를 하는 게 좋다.

npm install -g serve
serve -s build

record 1

넘쳐나는 정보는 초보에게 약일까 독일까

리액트를 설치하는 과정은 여기저기 가이드도 많이 나와있기에 어렵지 않았다. 설치된 파일들을 열어보니.. 스크립트의 향연을 느낄 수 있었다. 과연 잘해나갈 수 있을까. 제발 꾸준히 할 수 있기를.

Gulp를 사용하면서 만족해했는데 어느 순간부터인지 Gulp도 한물간 것처럼 느껴질 때가 있다. 아직도 사용할 수 있는 곳이 많이 있는데.. 기술의 흐름이 빠르게 변하니 굳이 사용하지 않아도 되는 곳에 새로운 것을 접목시키려 하는 경우가 있는 것 같다.

이제는 새로운 것은 그만이라기보다는 한 우물을 팔 수 있는 끈기가 필요한 것 같다. 나에게 포기하지 않을 끈기가 함께 하길.