정규표현식 - 개요 및 프로젝트 시작

OROSY·2021년 4월 7일
0

JavaScript

목록 보기
43/53
post-thumbnail

정규표현식

1. 개요

정규표현식이란 문자를 검색하고 대체하고 추출하는 방식을 제공하는 다양한 환경에서 사용할 수 있는 기능입니다. 정규표현식은 직관적이지 않으므로 초반에는 어렵다고 느낄 수 있습니다.
실제로 정규표현식을 배우기 전 프로젝트를 시작하는 셋팅에 대해 다시 알아봅니다.

2. 프로젝트 시작

정규표현식에 대해 학습하기 전에 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 파일을 생성합니다.

profile
Life is a matter of a direction not a speed.

0개의 댓글