profile
๐Ÿƒโ€โ™€๏ธ
post-thumbnail

#5.2-3 Partials, Extending Templates

Pug ๋ฐ˜๋ณตํŽ˜์ด์ง€๋ณ„๋กœ pug๋ฅผ ์ž‘์„ฑํ•˜๋‹ค๋ณด๋ฉด header๋‚˜ footer๊ฐ™์€ ๊ฒฝ์šฐ ๊ณ„์† ๋ฐ˜๋ณตํ•ด์„œ ์ž‘์„ฑํ•ด์•ผํ•˜๋Š” ๋ฒˆ๊ฑฐ๋Ÿฌ์›€์ด ์žˆ๋‹ค.

์•ฝ 24์‹œ๊ฐ„ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#5.1 Configuring Pug

HTML์˜ ๋ฌธ์ž์—ด์จ์„œ ๋ณด๋‚ด๋Š” ๋ฐฉ๋ฒ•(๊ธฐ๋ณธ)์ปจํŠธ๋กค๋Ÿฌ์•ˆ์— ์ž‘์„ฑํ•˜๊ธฐ์—๋Š” ๋„ˆ๋ฌด ๋‚ด์šฉ์ด ๋งŽ๋‹ค.Pug (ใ„ฑใ…‡ใ…‡๐Ÿ˜)ํ…œํ”Œ์„ ์ด์šฉํ•ด์„œ ๋ทฐ๋ฅผ ๋งŒ๋“œ๋Š”๊ฒƒ์„ ๋„์™€์คŒ์„ค์น˜https://www.npmjs.com/package/pug gitHubhttps://github.com/p

2์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#4.7-8 URL Parameters

:id๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.:id์—์„œ id๋Š” ๋‹ค๋ฅธ ์ด๋ฆ„์œผ๋กœํ•ด๋„ ๊ดœ์ฐฎ์Œ(์˜ˆ: potato) ์ค‘์š”ํ•œ ๊ฒƒ์€ ์•ž์— ':'๋ฅผ ๋„ฃ๋Š”๊ฒƒํŒŒ๋ผ๋ฏธํ„ฐ๋Š” url์•ˆ์— ๋ณ€์ˆ˜๋ฅผ ํฌํ•จ์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค.๋…ธ๋งˆ๋“œ์ฝ”๋” ์˜์ƒ url ํ™•์ธ ์‹œhttps://nomadcoders.co/wetube

5์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#4.6 Planning Routes

์œ ์ € ์ž…์žฅ์„ ์ƒ๊ฐํ•˜์—ฌ ํ”Œ๋žœ์งœ๊ธฐ(๊ธฐ๋ณธ)๋‚˜์ค‘์— ๋Œ“๊ธ€๊ธฐ๋Šฅ๊ณผ ์ข‹์•„์š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ์˜ˆ์ •ํ™ˆ(/)์„ ๊ฐ„๋‹ค.๋กœ๊ทธ์ธํ•˜์ง€ ์•Š์•˜๋‹ค๋ฉด ๋กœ๊ทธ์ธ(/login)2-1. ํšŒ์›๊ฐ€์ž…์„ ์•ˆํ–ˆ๋‹ค๋ฉด ํšŒ์›๊ฐ€์ž…(/join)2-2. ํšŒ์›๊ฐ€์ž…์ด ๋˜์–ด์žˆ์œผ๋ฉด ๋กœ๊ทธ์ธ(/login)ํ™ˆ์œผ๋กœ ๋Œ์•„์™€์„œ ๋™์˜์ƒ ๊ฒ€์ƒ‰(/sea

5์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#4.3 Export

ํ•˜์ง€๋งŒ, ์ถ”ํ›„ ๋ผ์šฐํ„ฐ ํ•จ์ˆ˜์˜ ๋‚ด์šฉ์ด ์ ์  ๋Š˜์–ด๋‚  ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ผ์šฐํ„ฐ์™€ ์ปจํŠธ๋กค๋Ÿฌ๊ฐ€ ๊ฐ™์€ ๊ณณ์— ์žˆ๋Š” ๊ฒƒ์€ ์ข‹์ง€ ์•Š์€ ๊ฒƒ์ด๋‹ค.ํ•˜์—ฌ, ์ปจํŠธ๋กค๋Ÿฌ ํŒŒ์ผ์„ ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค.globalController๊ฐ€ ์—†๋Š” ์ด์œ ๋Š”?๊ธ€๋กœ๋ฒŒ ๋ผ์šฐํ„ฐ๋Š” url์„ ๊น”๋”ํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด ์“ฐ๋Š”๊ฒƒ์ผ ๋ฟ์˜ˆ์‹œ

6์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

#4.2 Cleaning the Code

์ปจํŠธ๋กค๋Ÿฌ์™€ ๋ผ์šฐํ„ฐ ๋‚˜๋ˆ„๊ธฐ๋ชจ๋“  ํŒŒ์ผ์€ ๋ถ„๋ฆฌ๋œ ๋ชจ๋“ˆserver.js์— ์žˆ๋Š” ์•„๋ž˜ ์†Œ์Šค router jsํŒŒ์ผ์— ์ž˜๋ผ๋‚ด๊ธฐrouter js์—์„œ import expressํ•˜๊ธฐjs๋Š” ๊ฐ์ž ์ž๊ธฐ์„ธ๊ณ„๋ฅผ ๊ฐ€์ง.์ด๋ฏธ server.js์— express๋ฅผ importํ–ˆ์–ด๋„ globalRout

6์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

#4.0 What are Routers?

http://expressjs.com/ko/api.htmlRouter๋Š” controller์™€ URL๊ด€๋ฆฌ๋ฅผ ์‰ฝ๊ฒŒ ํ•ด์คŒ. ์‰ฝ๊ฒŒ ๋งํ•ด ๋ฏธ๋‹ˆ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค๊ฒŒ ํ•ด์คŒ์ž‘์—…์ค‘์ธ ์ฃผ์ œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ URL์„ ๊ทธ๋ฃนํ™” ํ•ด์คŒ๋ชจ๋“  Express ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—๋Š” app router๊ฐ€

2022๋…„ 6์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

#3.11 External Middlewares(Morgan)

https://www.npmjs.com/package/morganmiddleware๋Š” ์ง์ ‘ ์ž‘์„ฑํ•  ์ˆ˜ ๋„ ์žˆ๊ณ  ์„ค์น˜ํ• ์ˆ˜๋„ ์žˆ๋Š”๋ฐ morgan์€ ์„ค์น˜ํ•˜๋Š” ๊ฒƒ ์ค‘ ํ•˜๋‚˜.morgan์€ node.js ์„œ๋ฒ„๋กœ ๊ตฌ์„ฑ๋œ ์›น ํ™˜๊ฒฝ์—์„œ HTTP request ๋กœ๊ทธ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ

2022๋…„ 6์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#3.6 Middlewares part Two

app.use() golobal middleware๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ (์–ด๋Š URL์—๋„ ์ž‘๋™ํ•˜๋Š” middleware) app.use() ์€ ๋ฌด์กฐ๊ฑด get์œ„์— ์™€์•ผํ•œ๋‹ค. (get๋ณด๋‹ค ์•„๋ž˜ ์žˆ์œผ๋ฉด middleware์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Œ) ๋ชจ๋“  route์—์„œ ์ด ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ

2022๋…„ 6์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#3.5 Middlewares part One

์ค‘๊ฐ„์— ์žˆ๋Š” ์†Œํ”„ํŠธ์›จ์–ด1\. Middlewares๋Š” request์™€ response ์‚ฌ์ด์— ์žˆ๋‹ค๋ธŒ๋ผ์šฐ์ €๊ฐ€ requestํ•œ ๋‹ค์Œ, ์„œ๋ฒ„๊ฐ€ ์‘๋‹ตํ•˜๊ธฐ ์ „ Middlewares๊ฐ€ ์žˆ๋Š” ๊ฒƒ2\. Middlewares๋Š” handler(controller)๊ณ , ๋ชจ๋“  handler(

2022๋…„ 6์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#3.3 Responses

์„œ๋ฒ„๊ฐ€ request์— respondํ•˜๋„๋ก ํ•˜๋Š” ๋ฒ•์„œ๋ฒ„์—๊ฒŒ get request์— ์–ด๋–ป๊ฒŒ ์‘๋‹ตํ•˜๋Š” ์ง€http request๊ฐ€ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€(์–ธ์ œ ์‹œ์ž‘๋˜๊ณ  ์–ธ์ œ ์ข…๋ฃŒ๋˜๋Š” ์ง€)์ฒซ๋ฒˆ์งธ ์ธ์ž๋Š” request object(req) ๋‘๋ฒˆ์งธ ์ธ์ž๋Š”, response object

2022๋…„ 6์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

#3.2 GET Requests part Two

์„œ๋ฒ„๊ฐ€ request์— respondํ•˜๋„๋ก ํ•˜๋Š” ๋ฒ•์„œ๋ฒ„์—๊ฒŒ get request์— ์–ด๋–ป๊ฒŒ ์‘๋‹ตํ•˜๋Š” ์ง€http request๊ฐ€ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€(์–ธ์ œ ์‹œ์ž‘๋˜๊ณ  ์–ธ์ œ ์ข…๋ฃŒ๋˜๋Š” ์ง€)express์™€ ์—ฐ๊ด€๋œ ์ฝ”๋“œ๋Š” express application์ด ๋งŒ๋“ค์–ด์ง„ ๋‹ค์Œ๋ถ€ํ„ฐ ์ฝ”๋“œ๋ฅผ

2022๋…„ 6์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

#3.1 GET Requests

์„œ๋ฒ„๊ฐ€ request์— respondํ•˜๋„๋ก ํ•˜๋Š” ๋ฒ•

2022๋…„ 6์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

#3.0 Your First Server

import express from "express"express function์„ ์‚ฌ์šฉํ•˜๋ฉด express application์„ ์ƒ์„ฑํ•ด์ค€๋‹ค.์ด์ œ app์ด express application์ด ๋œ ๊ฒƒapp์ด listentํ•ด์•ผ ํ•œ๋‹ค ํ–ˆ์„ ๋•Œ ๋ฌด์—‡์„ listeningํ•ด์•ผ

2022๋…„ 6์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Bable

babel์€ ์šฐ๋ฆฌ๊ฐ€ ์ž‘์„ฑํ•œ ์ตœ์‹  JS๋ฅผ NodeJS๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” JS๋กœ ๋ฐ”๊ฟ”์ค€๋‹ค.๋ฐ”๋ฒจ ์„ค์น˜ ๋ฐ”๋กœ๊ฐ€๊ธฐ(https://babeljs.io/setupNode๋ฅผ ํด๋ฆญ ํ›„ ์„ค์น˜ ๋ฐฉ๋ฒ• ํ™•์ธ์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅ ํ›„ ์„ค์น˜๋ฅผ ํ•˜๊ฒŒ๋˜๋ฉด package.json์— devDepe

2022๋…„ 6์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ”„๋กœ์ ํŠธ ์‹œ์ž‘

git initgithub์— Repository ์ƒ์„ฑ ๋ฐ URL ๋ณต์‚ฌ์›๊ฒฉ์ €์žฅ์†Œ์— ์ถ”๊ฐ€git remote add origin https://github.com/jjinichoi/wetube-reloadednpm init์•„๋ž˜์ฒ˜๋Ÿผ ๋ฌผ์–ด๋ณด๋Š” ๊ฒƒ์— ๋‹ตํ•˜๋ฉด package

2022๋…„ 6์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

npm์ด๋ž€?

npm ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์œ„ํ•œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ Node.js์˜ ๊ธฐ๋ณธ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž์ด๋‹ค.yarn์ด๋ž‘ ๊ฑฐ์˜ ๋˜‘๊ฐ™์€๊ฒƒ์ž„(ํŽ˜๋ถ์ด ๋งŒ๋“  ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €)https://www.npmjs.com/

2022๋…„ 6์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

NodeJS๋ž€?

NodeJS๋ฅผ ์‰ฝ๊ฒŒ ๋งํ•˜๋ฉด ํฌ๋กฌ V8 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์œผ๋กœ ๋นŒ๋“œ ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋Ÿฐํƒ€์ž„์ด๋‹ค.๋ธŒ๋ผ์šฐ์ € ๋ฐ–์—์„œ ๋Œ์•„๊ฐ€๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ90๋…„๋Œ€ JS๋Š” ์›น์‚ฌ์ดํŠธ์™€ ์ƒํ˜ธ์ž‘์šฉ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ–ˆ์—ˆ๋‹ค.Ryan Dahl์€ NodeJS๋ฅผ ๋งŒ๋“ค์–ด์„œ

2022๋…„ 6์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์‹œ์ž‘ํ•˜๊ธฐ ์ „ ์—๋Ÿฌ ๋ฐœ์ƒ ์‹œ ์ฐธ๊ณ 

์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋‹ค๋ณด๋ฉด, ์‚ฌ์†Œํ•œ ์—๋Ÿฌ๋‚˜ ํฐ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๊ฒŒ ๋ ๊ฒƒ์ด๋‹ค.์—๋Ÿฌ ๋ฐœ์ƒ ์‹œ ์•„๋ž˜ ๋‚ด์šฉ๋Œ€๋กœ ํ•ด๊ฒฐํ•ด๋ณด์ž.1\. ์—๋Ÿฌ ๋ฐœ์ƒ ์‹œ ์Šค์Šค๋กœ ๊ณ ์นœ๋‹ค.(๊ตฌ๊ธ€๋ง ๋“ฑ)2\. ์—๋Ÿฌ๋ฉ”์„ธ์ง€๋ฅผ ๋ณด๊ณ  ๊ณ ์ณ๋ด๋„ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•  ์‹œ์—๋Š” ์—๋Ÿฌ์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ์ œ3์ž์—๊ฒŒ ํ•˜๊ฒŒ๋  ๊ฒƒ์ธ๋ฐ, "์•ˆ๋ผ์š”, ์–ด๋–ก

2022๋…„ 6์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

3-4.๋ธŒ๋žœ์น˜(branch)-ํ‰ํ–‰์„ธ๊ณ„ ๋‚˜๋ˆ„๊ธฐ

1๋ฒ„์ „์„ ๊ธฐ์ค€์œผ๋กœ A๋ผ๋Š” ์‚ฌ๋žŒ๊ณผ B๋ผ๋Š” ์‚ฌ๋žŒ์ด ๋™์‹œ์— ๋ฒ„์ „2๋ฅผ ๋™์‹œ์— ์ž‘์—…ํ•˜๊ณ  ์ปค๋ฐ‹์„ ์Œ“์œผ๋ฉด ์ถฉ๋Œ์ด ๋ฐœ์ƒ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Ÿด ๊ฒฝ์šฐ ํ•œ์ค„์ด ์•„๋‹Œ ์—ฌ๋Ÿฌ ์ค„๋กœ ์Œ“๋Š”๋‹ค.n์ค„๋กœ ์Œ“๊ณ  ๋‚˜์ค‘์— ํ•ฉ์น  ์ˆ˜ ์žˆ๋Š”์ง€ โ†’ ใ…‡ใ…‡๊ทธ๋Ÿผ ์ถฉ๋Œ์ด ๋‚˜๋”๋ผ๋„ ํ•ฉ์น˜๋Š” ์‹œ์ ์— ๋ช…์‹œ์ ์œผ๋กœ ์ถฉ๋Œ์„ ํ•ด๊ฒฐํ•  ์ˆ˜

2022๋…„ 5์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€