일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 자바스크립트 배열
- cookie
- 제어유닛
- 자료구조
- 후위표기법변환
- 후위표기법연산
- 컴퓨터 구조
- mongoose
- 보조저장장치
- 유튜브클론코딩
- CPU
- Session
- MongoDB
- 리액트
- 프론트엔드
- Express
- 연결자료구조
- 컴퓨터 구조론
- 모던 자바스크립트 Deep Dive
- 제어유니트
- react
- 깃허브 로그인
- 마이크로명령어
- node.js
- pug
- 표현식과 문
- JavaScript
- Nodemon
- 유튜브 클론코딩
- 자바스크립트
- Today
- Total
목록pug (2)
909 Devlog

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

1. Returning HTML 지금까지 response를 보낼 때, res.end()를 사용하여 response를 끝내버리거나, res.send()를 사용하여 간단한 문자열을 보내기만 했었습니다. 이제 HTML을 보내서 진짜 웹 페이지를 구성해 봅시다. HTML을 보내는 세 가지 방법이 있습니다. 첫 번째 방법은 아래와 같이 res.send()에 HTML의 문자열을 써서 보내는 방법입니다. res.send("Hello World!"); 이 방법을 사용하면 DOCTYPE부터 html, head, body 등등 모든 태그를 다 써서 보내야 합니다. 이 작업을 모든 res.send()에다가 전부 다 한다는 생각을 하기만 해도 끔찍합니다. 매우 귀찮고, 시간이 오래 걸리며, 어려운 작업입니다. 두 번째 방법은..