오늘의 강의
자바 에센셜_ node.js 강의를 시작합니다~!!! 딴따단!!!
01. 개요 및 설치
02. NVM 사용법
03. NPM 개요1
04. NPM 개요2
프론트를 개발할 때는 컴퓨터를 다룰 일이 없는데 node는 컴퓨터 제어방법을 배우는 거다~!!
LTS(long term supported) 버전
장기적으로 안정되고 신뢰도가 높은 지원이 보장되는 버전으로, 유지/보수와 보안(서버 운영 등)에 초점을 맞춰 대부분 사용자에게 추천되는 버전이다.
-
npm 에 대해서
아니 근데 무슨 js 하나만 해도 뭐가 이렇게 많은거야...
컴퓨터 용어야... 너.. 너무 어렵다... 정말...
내가 정말 영어하는거도 쉽지 않은데... 내가 컴퓨터 용어까지 배우고 있다니... 정말...
머리가 아프다 오늘...
쿠궁...!
최상의 웹 프론트엔드 개발에서는 이전에 우리가 script 혹은 link 로 가져왔었던 그런 기능들을 프로젝트에 직접적으로 설치해서 별도의 가공 처리를 거쳐서 결과물로 만들고, 그렇게 만들어진 결과물을 웹사이트로 동작을 시키는 거다.
그 과정에서 약간의 trade-off (상충관계) 개념이 발생하기도 한다.
node.js 라는 환경에서 npm이라는 개념으로 각각의 패키지를 직접적으로 설치하고 관리하고 하는 동작을 시켜줘야 한다.
지금보다 훨씬 복잡해지고, 그만큼 다양한 방법을 경험해야하는데 많이 어렵다.. 공부할 거도 많아지고 말이지...
여러 패키지를 설치할 수 있는데 (패키지는 모듈이라고도 한다.) npm install 이라는 명령을 통해서 특정 패키지를 설치하면 패키지의 내역이 package.js 파일에 기록이 남게 된다.
한 번 설치한 파일은 내역이 남게 되니까 그 내역을 바탕으로 실제 설치한 파일을 지우더라도 터미널에 npm install 또는 npm i 만 입력해도 다시 프로젝트에 그 해당 프로젝트를 설치가 가능함.
패키지를 설치하면 자동으로 그 패키지를 자동으로 관리해주는 Package lock 같은 패키지가 함께 설치된다.
개발용 의존성 패키지 설치와 일반의존성 설치의 차이점
*용도에 따라 다름
- 개발용 의존성 패키지 설치
npm install -D ... (-D, --save, -dev)
>> 내가 설치한 특정한 패키지들이 개발할 때만 필요하고, 그것이 나중에 웹 브라우저에서 동작할 때는 필요하지 않다
ex) parcel-bundler
- 일반의존성 설치
npm install ...
>> 실제로 웹 브라우저에서 동작할 수 있다는 것을 명시함.
ex) lodash
처음에 입력할 때는 그냥 입력하시는대로 따라서 뭐 모르고 입력하다가 이후에 설명을 해주셔서 이해가 된다.
이론에 대한 설명이 먼저였으면 더 좋지 않을까? 라는 생각도 해보게 되네 흠흠
근데 또 처음에 헤매다보니 어렵다 싶다가 다시 붙잡아지는 게 되서 괜찮은 건가 싶기도 하네..
아무튼 정리해주셔서 너무 다행이다.. 이해 아예 안되었는데...ㅎㅎㅎ
끝!
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드
'Study > Frontend_study' 카테고리의 다른 글
패스트캠퍼스 환급챌린지 36일차 미션 (3월 7일) : 프론트엔드개발 강의 후기 (0) | 2024.03.07 |
---|---|
패스트캠퍼스 환급챌린지 35일차 미션 (3월 6일) : 프론트엔드개발 강의 후기 (0) | 2024.03.06 |
패스트캠퍼스 환급챌린지 33일차 미션 (3월 4일) : 프론트엔드개발 강의 후기 (0) | 2024.03.04 |
패스트캠퍼스 환급챌린지 32일차 미션 (3월 3일) : 프론트엔드개발 강의 후기 (1) | 2024.03.03 |
패스트캠퍼스 환급챌린지 31일차 미션 (3월 2일) : 프론트엔드개발 강의 후기 (0) | 2024.03.02 |