[Level up] 정규 표현식(1) - 개요 & 프로젝트 시작

01.개요

• 정규표현식이란 문자를 검색하고 대체하고 추출하는 방식을 제공하는 다양한 환경에서 사용할 수 있는 기능입니다.

02.프로젝트 시작

• 정규표현식에 대해 학습하기 전에 VS code를 통해 프로젝트를 시작할 수 있도록 환경을 셋팅합니다.

2-1 $ npm init -y

• npm으로 패키지 관리를 시작한다는 명령어이며 해당 명령어를 통해 지정한 폴더 내에 package.json 파일을 생성합니다.

2-2 $ npm install parcel-bundler -D

• 프로젝트에서 개발 서버를 오픈해야 하므로 parcel-bundler라는 이름의 패키지(모듈)를 설치하는 명령어이며 -D는 개발자 용도라는 것을 의미합니다.

2-3 index.html & main.js

• HTML 파일과 JS 파일을 폴더 내에 생성하고 script 태그로 연결합니다.

2.4 package.json

"scripts": {
"dev": "parcel index.html", // parcel 명령어로 index.html 파일을 기준으로 개발 서버를 오픈
"build": "parcel build index.html" // 제품화하는 경우 parcel build 명령어로 진행
}

• 위와 같이 설치한 parcel bundler를 이용하여 개발 서버를 열 수 있는 스크립트를 작성합니다.

2.5 $ npm run dev

• 개발 서버를 오픈합니다.

2.6 README.md 파일 생성

• 해당 폴더 내에 마크다운하기 위한 README.md 파일을 생성합니다.