패스트캠퍼스 환급챌린지 35일차 미션 (3월 6일) : 프론트엔드개발 강의 후기

오늘의 목표

남은 노드 시리즈를 끝내보자~!!(했지만 내일 이어서..!)

 

05. 개발 서버 실행과 빌드

06. 유의적 버전

 

들어가기 전에 먼저!

 

Pacel 이란?

Webpack과 함께 bundler 시장의 점유율을 나눠갖고 있는 모듈 번들러다.

 

번들러(bundler)란?

dependency가 있는 자바스크립트 파일들을  최적화, 압축하여 하나 혹은 여러개의 static 파일로 빌드해주는 컴파일러다.

 

 

pacel bundler 패키지를 지난 시간에 설치해줬기 때문에

index.html 파일을 기준으로 해서 내 컴퓨터 로컬 환경에서 개발용으로 서버를 열고, 서버에 접근해서 내가 만든 이 프로젝트를 브라우저에서 확인하겠다! 라는 의미!

 

명령

parcel index.html  터미널에서는 아직 모르면 동작 안함.

 

그러면 package.json 파일에 가서 

scripts 라는 곳에 들어있는 내용을 삭제하고

"dev": "pacel index.html" 이라는 내용을 추가한다.

 

>>

터미널에서 pacel index.html 이라고 작성한 거랑  package.json에 가서 pacel index.html 과는

조금 다르게 현재 프로젝트에서만 동작하게 되어 있는데

(그건 개발용의존성패키지*(전날강의보면 의미 나옴)로 pacel-bundler를 설치해서 그런거임)

 

 

그리고 나서 터미널에 입력한 두 가지

1) pacel index.html

2)npm run dev

(jason 파일 저장하고 입력해야함!)

 

 

표시한 두 부분은 똑같아야함!!!!

 

 

 

 

 

 

 

 

import _ from 'lodash'

 

Parcel에 대해 익힐 때 초반에는 이 기술은 실제 개발에 필요한 것이 아닌 옵션으로 익히면 좋은 기술 이라는 생각에  사실 집중이 잘 안되었다. 그런데 막상 공부를 해보니 개발을 둘러싸고 있는 환경을 뜯어보고 그 내부를 들여다보는 것이 개발자로서 성장하는데 매우 중요한 것이었다. 단순히 코드만 짜는 코더가 아닌, UI/UX와 성능 최적화까지 생각하는 사람이 될 수 있다니..!

 

 

 

 

> 유의적 버전

 

 

 

유의적 버전

(Semantic Versioning, SemVer)

- > 버전에 의미를 부여해서 해설할 수 있다는 거!(약속된 버전 규칙)

 

Major : 기존 버전과 호환되지 않는 새로운 버전.

Minor : 기존 버전과 호환되는 새로운 기능이 추가된 버전.

Patch : 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전.

 

> 위 내용을 보고 프로그램이 현재 어떠한 상태인지를 유추가능하다.

 

 

터미널에 오른쪽과 같이 입력하면 최신 버전 확인 가능함

 

^(캐롯)이 붙어있으면 

> Major 버전 안에서 가장 최신 버전으로 업데이트 가능

 

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N

패스트캠퍼스 [직장인 실무교육]