| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- OCR
- AI자격증
- 정렬
- Node
- 네이버
- 결제
- 프론트
- 프론트개발자
- 오블완
- ETF
- 토스페이
- 입점심사
- it #응집도 #결합도 #소프트웨어
- 프로그래머스
- OpenCV
- sw
- 웹훅
- 토스
- 개발
- 리액트
- 포트원
- SQL
- Ai
- openai
- supabase
- 티스토리챌린지
- 데이터베이스 #백엔드 #데이터
- 구글
- 개발자
- 코딩
- Today
- Total
croissant_code
리액트 올인원-3-Node.js 본문
Node.js
리액트는 노드 기반으로 돌아간다. 기존 JS는 웹 환경에서만 사용이 가능(개발자 도구 창)했지만, Node는 웹 환경이 아니여도 JS를 실행시켜주는 JS의 실행환경(Run Time)이다. 즉, JS가 구동할 수 있도록 만들어주는 실행환경이라고 생각하면 된다.
NPM은 Node Package Manager라는 것이다. Node들의 패키지를 관리하는 도구이다.
Node.js에서는 패키지가 프로그램의 단위이다. Ex) 쇼핑몰 패키지, 웹 패키지 등등
Node.js 모듈 시스템 이해
모듈이라는 것은 특정 기능을 1개의 파일이 아닌 N개의 파일로 나누어서 만드는 것을 의미한다. 여기서 기능별로 나누어진 JS의 파일들을 모듈이라고 한다. 예를 들면, user.js, cart.js, payment.js 이런식으로 모듈을 1개로 처리하는 것이 아니라 분리를 한다.
코드를 모듈로 나누어 관리하고 필요에 따라 import require 사용하는 방식을 모듈 시스템이라고 한다. 예시로는 CommonJS와 ESModule가 있다.
Node.js 라이브러리 사용
프레임워크와 라이브러리
npmjs에는 npm의 백화점이다. 모든 라이브러리가 존재한다.
라이브러리를 추가하면 package.json의 dependencies 에 라이브러리 의존성이 추가된다.
node_modules는 실제 라이브러리가 설치된 저장하는 곳이다.
package-lock.json는 package.json보다 버전 같은 것을 정밀하게 관리하는 곳(더 상세한 내용이 담겨진다)
npm i를 하면 package.json의 dependencies를 기준으로 다시 node_modules를 생성한다. 따라서 node_modules는 Git에 올리지 않는다. 왜냐하면 package.json만 있으면 되기 때문에 무거운 node_modules를 필요로하지 않기 때문이다.
'SW' 카테고리의 다른 글
| 원격 SSH 접근 환경 만들기 (1) | 2025.11.25 |
|---|---|
| 리액트 올인원-4-React.js (0) | 2025.10.16 |
| 리액트 올인원-1-자바스크립트 기본 (0) | 2025.10.15 |
| Clean Architecture (4) | 2025.08.07 |
| IT 이직하기 위한 단어 정리 (2) | 2025.07.12 |