목록Nodemon (2)

909 Devlog

[유튜브 클론코딩] Webpack

0. Webpack을 배우는 이유 제 유튜브 클론코딩 첫 번째 포스팅을 보셨다면, 프로젝트의 백엔드에서 최신 자바스크립트 문법을 사용하기 위해, Babel이란 자바스크립트 컴파일러를 거쳐 Node.js가 작동하고 있다는 것을 알고 계실 겁니다. 프론트엔드에서 사용하는 자바스크립트는 브라우저(크롬, 파이어폭스 등)마다 다르게 작동할 수 있습니다. 따라서, 백엔드에서 했던 자바스크립트 컴파일 작업을 프론트엔드에 사용하는 자바스크립트에도 적용시키고, CSS 작업을 더 편리하게 할 수 있는 SCSS를 사용하고, 어느 브라우저든 이해할 수 있는 코드를 넘겨주려면, Webpack을 사용해야 합니다. 사실 많은 개발자들은 Webpack을 직접 사용하지 않습니다. 대부분 Webpack이 이미 포함되어 있는 툴들(rea..
토이 프로젝트/유튜브 클론코딩 2023. 8. 6. 22:06
[유튜브 클론코딩] Node.js, express로 서버 구현 전 기본 세팅

1. 폴더 생성 원하는 곳에 폴더를 생성합니다. 1.1 GitHub 연결 1에서 생성한 폴더에서 터미널을 열고 git init 명령어를 입력해 줍니다. 다음으로 GitHub에 접속하여 repository를 만들고 repository URL을 복사하여 git remote add origin [복사한 URL] [ ]을 빼고 입력해 줍니다. 2. package.json 파일 생성 (Node.js가 설치되어 있어야 합니다.) 1에서 생성한 폴더에서 터미널을 열고 npm init 명령어를 입력하면 npm이 package.json을 만드는 걸 도와줍니다. package name: (폴더 이름) version: (1.0.0) description: entry point: (index.js) test command: ..
토이 프로젝트/유튜브 클론코딩 2023. 7. 9. 21:05
이전 Prev 1 Next 다음