리액트를 설치하려면 먼저 node.js가 설치되어야하는데, 과연 이들은 어떤 연관이 있는걸까?
Node.js
node.js란 chrome v8 javascript 엔진으로 빌드된 javascript 런타임이다.
💡런타임?
- 실행 환경
- 특정한 프로그램을 실행하기 위해 필요한 환경을 말한다.
- 예를 들어, txt파일을 보기위해 메모장이 필요한데 여기서 메모장은 txt파일을 위한 실행 환경 즉, 런타임인것이다.
자바스크립트 역시 이를 읽고 해석하고 실행시켜줄 실행 환경이 필요한데, 우리가 알고 있는 대표적인 예가 브라우저(크롬,엣지,익스,사파리 등)일 것이다.
하지만, 브라우저 밖에서도 자바스크립트를 실행할 수 있는 니즈가 생기게 되었고 그래서 node.js 가 탄생하게 된 것이다!!
정리하자면 node.js는 브라우저 밖에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 실행 환경 인 것이다.
npm
npm은 Node Package Manager로 node로 실행할 수 있는 패키지들을 관리하는 도구이다. npm을 통해 피키지를 다운로드 받고, 업데이트 하고, 삭제할 수 있는 것이다.
💡node 란?
- 간단히 말해서 컴퓨터 네트워크를 구성하는 기기 하나하나를 말한다.
- 스마트폰과 같은 실행환경이라고 할 수 있다.
💡package 란?
- 자바스크립트 파일들의 묶음을 말한다.
- 스마트폰을 통해 실행할 수 있는 application이라고 할 수 있다.
정리하자면, npm은 application을 설치 삭제 및 관리 해주는 앱스토어와 같은 역할을 하는 도구인 것이다!
그렇다면, react를 사용하는데 왜 node.js와 npm을 알아야 할까?
그 이유는 리액트도 하나의 package이기 때문이다.
이를 다운 받으려면 npm이 필요하게 되고, react를 이용해서 개발환경을 구축하려면 다른 package들 (sass, router등)도 필요하게 된다.
그리고, 이런 package들을 조합해서 컴퓨터에서 실행하려면 node.js가 필요하기 때문에 결국 리액트로 개발을 하기 위해서는 node.js와 npm은 뗄 수 없는 사이인 것이다!!
마무리✨
리액트 공부를 할 수록 느끼는 것은 개발에 불필요한 것은 없다는 것이다. 이건 왜 쓰는거지? 하고 일단 쓰라고해서 뭣도 모르고 쓰는 코드 한 줄 한 줄이 다 역할이 있고 이유가 있었다. 아직 이건 시작에 불과하겠지만 코드 한 줄 한 줄의 역할과 의미를 알아는게 조금 재미있을 지도...ㅎㅎ
