👀 유의적 버전 (SemVer) 라이브러리나 패키지, 또는 다양한 툴들을 설치할 때 가끔 뒤에 숫자가 붙는 것을 볼 수 있다. 이는 유의적 버전 (Semantic Versioning) 으로 버전에 의미를 부여하여 구분하는 것이며 숫자와 마침표로 구분한다. (ex. 4.17.20) 숫자는 순서대로 Major.Minor.Patch 를 나타내며 다음과 같은 의미를 가지고 있다. Major는 기존 버전과 호환되지 않는 새로운 버전을 뜻한다. Minor는 기존 버전과 호환되는 새로운 기능이 추가된 버전을 말한다. Patch는 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전을 말한다. 캐럿기호 ^는 Major 앞에 붙는데 Major 버전 안에서 가장 최신 버전으로 업데이트 가능하다는 의미이다. 예를 들어, 1..
🎯 parcel vscode에서 짠 html을 웹에 실행시키는 방법은 대표적으로 vscode의 plugin중 하나인 Open with Live server가 있다. 하지만 parcel을 이용해서 개발 서버를 실행시키는 방법이 최신 웹 프론트엔드 개발에 더 유용하다고 볼 수 있다. parcel 설치는 터미널에서 npm install parcel-bundler -D 를 입력하면된다. 여기서 parcel이란, 쉽고 빠른 웹/앱 번들러로 번들은 프로젝트 개발에 필요한 여러 모듈(패키지)를 하나로 묶어내는 것이다. 이제 parcel을 이용한 개발 서버를 실행해보기 전에 먼저 프로젝트 폴더에 기본적으로 index.html 파일과 main.js 파일을 만들어 놓자. 1. "dev": "parcel index.html..
🎁 npm이란? 노드 패키지 매니저는 전 세계의 개발자들이 만든 다양한 기능(패키지)를 설치하고 관리하는 매니저다. 전 세계의 개발자들이 혼자, 팀 단위, 회사 차원에서 작업한 패키지를 npm 생태계에 업로드하는 구조로 원하는 패키지를 검색하여 npm install로 설치하는 것이다. npm은 Node.js를 설치할 때 자동으로 같이 설치되므로 따로 설치할 필요는 없다. 이제 vscode에서 프로젝트 파일을 열고 터미널에서 다음을 순서대로 입력해보자. 1. npm init -y 터미널에서 npm init -y를 입력하면 package.json 파일이 생성된다. package.json의 내용은 다음과 같다. name은 프로젝트의 이름을 명시하는 옵션이다. version은 프로젝트의 버전을 적는 옵션이다. ..
🔎 Node.js란? Node.js는 chrome v8 javascript 엔진으로 빌드된 javascript 런타임으로 쉽게 말하면 javascript가 동작하는 컴퓨터 환경이라고 할 수 있다. 브라우저에서 동작하는 웹페이지를 제작할 때 컴퓨터에서 다양한 역할을 수행하기 위해서는 Node.js의 도움이 필요하다. Node.js가 동작할 수 있는 환경은 다음과 같다. Node.js가 설치된 컴퓨터 chorme같은 웹 브라우저 순수하게 html, css, js로 만든 웹은 다소 비효율적일 수 있으므로 여러 모듈(sass, babel등)을 설치해 도움을 받는데, 이런 모듈들은 브라우저에서 직접 동작할 수 없기 때문에 Node.js 환경에서 도움을 받아 js로 변환하는 것이다. 📑 Node.js 설치 방법 1..