2021/06

๐Ÿ’ป ๊ฐœ๋ฐœ/Node.js

[ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ - Node.js ๊ฐ•์˜ ํ›„๊ธฐ] 5์ฃผ์ฐจ : ๊ฐ•์˜ ํ›„๊ธฐ

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ PC๋ฒ„์ „์— ์ตœ์ ํ™” ๋˜์–ด์žˆ์œผ๋ฉฐ ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉฐ "ํ•œ ๋ฒˆ์— ๋๋‚ด๋Š” Node.js ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๊ฒฉ์ฐจ ํŒจํ‚ค์ง€ Online"์„ ๋ฌด๋ฃŒ๋กœ ํ˜‘์ฐฌ๋ฐ›์•„ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค. ๋“œ๋””์–ด ๊ธธ๊ณ  ๊ธด ํ•œ ๋‹ฌ์ด ๋๋‚ฌ๋‹ค. ์ด๊ฒŒ ์‹œ๊ธฐ๊ฐ€ ๊ธฐ๋ง๊ณ ์‚ฌ ๊ธฐ๊ฐ„ํ•˜๊ณ  ๊ฒน์ณ์„œ ๊ฐ•์˜๋ฅผ ์ œ๋Œ€๋กœ ๋“ฃ์ง€๋Š” ๋ชปํ•œ ๋“ฏ ์‹ถ๋‹ค. ์ตœ๊ทผ ๋น„์ „๊ณต์ž ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŽ์•„์ง€๊ณ  ์žˆ๋Š”๋ฐ ๊ทธ๋Ÿฐ ๋ถ„์œ„๊ธฐ์— ์•Œ๋งž์€ ๊ฐ•์˜๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๋ณธ์ธ๋„ ์ „๊ณต์ž์ด์ง€๋งŒ ์›น์ชฝ์œผ๋กœ๋Š” ๊ธฐ๋ณธ์ ์ธ js๋ฌธ๋ฒ•๋งŒ ์•Œ๊ณ  ์žˆ๊ณ  ๊นŠ๊ฒŒ ๋ฐฐ์šด ์ ์ด ์—†๋‹ค. ํ˜„์žฌ ํ•™๊ต ๊ฐ•์˜ ์ค‘์— 1~2์ฃผ ๊ฐ„๊ฒฉ์œผ๋กœ ๋‹ค์–‘ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ณผ๋ชฉ์ด ์žˆ๋Š”๋ฐ ๊ฑฐ๊ธฐ์„œ ๋ฆฌ์•กํŠธ๋ฅผ ์ฒ˜์Œ ์ ‘ํ–ˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ 2๋ฒˆ์˜ ๊ฐ•์˜์—์„œ ๋งŽ์€ ์–‘์˜ ์ •๋ณด๋ฅผ ์–ป๊ธฐ๋ž€ ์‰ฝ์ง€ ์•Š์•˜๋‹ค. ๊ทธ ๋•Œ ๋ฐฐ์šฐ์ง€ ๋ชปํ•œ ๋ถ€๋ถ„๋“ค์„ ์ด๋ฒˆ Node.js ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ถ”๊ฐ€์ ์œผ๋กœ..

๐Ÿ’ป ๊ฐœ๋ฐœ/Node.js

[ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ - Node.js ๊ฐ•์˜ ํ›„๊ธฐ] 4์ฃผ์ฐจ : ๋ฐ”๋ฒจ๊ณผ JSX, ์›นํŒฉ (ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž)

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ PC๋ฒ„์ „์— ์ตœ์ ํ™” ๋˜์–ด์žˆ์œผ๋ฉฐ ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉฐ "ํ•œ ๋ฒˆ์— ๋๋‚ด๋Š” Node.js ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๊ฒฉ์ฐจ ํŒจํ‚ค์ง€ Online"์„ ๋ฌด๋ฃŒ๋กœ ํ˜‘์ฐฌ๋ฐ›์•„ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค. ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž ํ’€์Šคํƒ๊ฐœ๋ฐœ์ž ๋ฒŒ์จ 4์ฃผ์ฐจ๋‹ค. ์ด์ œ ํ•œ ์ฃผ๋งŒ ๋”ํ•˜๋ฉด ์„œํฌํ„ฐ์ฆˆ ํ™œ๋™์€ ๋... ์ด๋ฒˆ ์ฃผ์— ํ•˜๋‚˜ ์“ฐ๊ณ  ๋‹ค์Œ ์ฃผ์— ๋งˆ์ง€๋ง‰ 5์ฃผ์ฐจ๋ฅผ ์“ธ๋ผํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ์ฃผ ์ˆ˜์š”์ผ๊นŒ์ง€ 5์ฃผ์ฐจ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๋ผ๊ณ  ํ•˜์…”์„œ ์˜ค๋Š˜ ํ•˜๋‚˜... ๋‚ด์ผ ํ•˜๋‚˜... ์ด๋ ‡๊ฒŒ ์จ์•ผ๋œ๋‹ค๐Ÿ˜‚๐Ÿ˜‚ ์˜ค๋Š˜์€ ์ง€๋‚œ ์ฃผ ๋ฆฌ์•กํŠธ ๋ง›๋ณด๊ธฐ์— ์ด์€ ๋ฐ”๋ฒจ๊ณผ JSX, ์›นํŒฉ์— ๋Œ€ํ•ด์„œ ํ•™์Šตํ–ˆ๋‹ค. ์ผ๋‹จ JSX๊ฐ€ ๋ญ๋ƒ๊ณ ? HTML์ฒ˜๋Ÿผ ์ƒ๊ธด ๋ฌธ๋ฒ•์ด๋‹ค. const element = Hello, world!; ๋ญ”๊ฐ€ ์งฌ๋ฝ•๋๋‹ค. HTML ํƒœ๊ทธ์ธ๋ฐ constํ˜• ๋ณ€์ˆ˜..

๐Ÿ’ป ๊ฐœ๋ฐœ/Node.js

[ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ - Node.js ๊ฐ•์˜ ํ›„๊ธฐ] 3์ฃผ์ฐจ : ๋ฆฌ์•กํŠธ ๋ง›๋ณด๊ธฐ

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ PC๋ฒ„์ „์— ์ตœ์ ํ™” ๋˜์–ด์žˆ์œผ๋ฉฐ ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉฐ "ํ•œ ๋ฒˆ์— ๋๋‚ด๋Š” Node.js ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๊ฒฉ์ฐจ ํŒจํ‚ค์ง€ Online"์„ ๋ฌด๋ฃŒ๋กœ ํ˜‘์ฐฌ๋ฐ›์•„ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค. NODEJS๊ฐ•์˜ NODEJS๊ฐ•์˜ NODEJS๊ฐ•์˜ NODEJS๊ฐ•์˜ NODEJS๊ฐ•์˜ ์œ„์—์„œ ๋ณด์ด๋Š” ์•„์ด์ฝ˜๋“ค ๋‹ค๋“ค ๋ฌด์—‡์ธ์ง€ ๋ฐ”๋กœ ์•Œ ๊ฒƒ์ด๋‹ค. ์ด๋Ÿฌํ•œ ์–ดํ”Œ๋“ค์˜ ํŠน์ง•์€ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋ผ๋Š” ์ ์ธ๋ฐ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ์šฐ๋ฆฌ๊ฐ€ ๊ธฐ์กด๊นŒ์ง€ ์•Œ๊ณ  ์žˆ๋˜ ์›น์‚ฌ์ดํŠธ์™€๋Š” ์‚ด์ง ๋‹ค๋ฅด๋‹ค. ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™์  ๊ด€์ ์—์„œ ์ธํ„ฐ๋„ท์ด๋‚˜ ์ธํŠธ๋ผ๋„ท์„ ํ†ตํ•ด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์‘์šฉ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋งํ•œ๋‹ค. ๊ณผ๊ฑฐ์˜ ์›นํŽ˜์ด์ง€์˜ ๊ฒฝ์šฐ MVC์˜ ํ˜•ํƒœ๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ์—ˆ๋‹ค. Model - ๋ฐ์ดํ„ฐ์™€ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ๊ด€๋ฆฌํ•œ๋‹ค. View - ๋ ˆ์ด์•„์›ƒ๊ณผ ..

๐Ÿ’ป ๊ฐœ๋ฐœ/Node.js

[ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ - Node.js ๊ฐ•์˜ ํ›„๊ธฐ] 2์ฃผ์ฐจ : ๋ฌดํ•œ ์Šคํฌ๋กค์„ ํ†ตํ•œ ๋ฐ์ดํ„ฐ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ PC๋ฒ„์ „์— ์ตœ์ ํ™” ๋˜์–ด์žˆ์œผ๋ฉฐ ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉฐ "ํ•œ ๋ฒˆ์— ๋๋‚ด๋Š” Node.js ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๊ฒฉ์ฐจ ํŒจํ‚ค์ง€ Online"์„ ๋ฌด๋ฃŒ๋กœ ํ˜‘์ฐฌ๋ฐ›์•„ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค. ๋…ธ๋“œ js ๋…ธ๋“œ js ๋…ธ๋“œ js ๋…ธ๋“œ js ๋…ธ๋“œ js 2์ฃผ์ฐจ ๋ฆฌ๋ทฐ๊ฐ€ ์‚ด์ง ๋Šฆ์—ˆ๋”ฐ..ํ•™๊ต ์‹œํ—˜ ์‹œ๊ฐ„๊ณผ ๊ฒน์น˜๋Š๋ผ ํ•œ ์ฃผ๋ฅผ ๋ฏธ๋ค˜๋‹ฌ๊นŒ...^^;; ์ด๋ฒˆ ์ฃผ๋Š” ์ง€๋‚œ ์ฃผ์— ๋ฐฐ์› ๋˜ ์Šคํฌ๋ž˜ํผ๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ์„ ๋ฐฐ์› ๋‹ค. ์šฐ์„  ๊ฐ•์˜์—์„œ ๋ฌดํ•œ ์Šคํฌ๋กค์— ๋Œ€ํ•ด์„œ ๋ฐฐ์› ๋Š”๋ฐ ์ธ์Šคํƒ€๊ทธ๋žจ์ด๋‚˜ ํŽ˜์ด์Šค๋ถ์˜ ๊ฒฝ์šฐ ๋‰ด์Šคํ”ผ๋“œ์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์Šคํฌ๋กค์„ ๋‚ด๋ฆด ๊ฒฝ์šฐ ๋Š์ž„ ์—†์ด ์Šคํฌ๋กค์ด ์ƒ์„ฑ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ง€๊ธˆ๊นŒ์ง€ ์ด๊ฒƒ์— ๋Œ€ํ•ด ๊ถ๊ธˆํ•ดํ•œ ์ ์ด ์—†์—ˆ๋Š”๋ฐ ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•˜๋Š” ๊ฑฐ์ง€? ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋“  ์ƒ๊ฐ์€ ์ผ์ • ์‹œ๊ฐ„๋งˆ๋‹ค ..

๐Ÿ’ป ๊ฐœ๋ฐœ/Node.js

[ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ - Node.js ๊ฐ•์˜ ํ›„๊ธฐ] 1์ฃผ์ฐจ : ์›น ํฌ๋กค๋Ÿฌ์™€ ์›น ์Šคํฌ๋ž˜ํผ

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ PC๋ฒ„์ „์— ์ตœ์ ํ™” ๋˜์–ด์žˆ์œผ๋ฉฐ ํŒจ์ŠคํŠธ์บ ํผ์Šค ์„œํฌํ„ฐ์ฆˆ 3๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉฐ "ํ•œ ๋ฒˆ์— ๋๋‚ด๋Š” Node.js ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๊ฒฉ์ฐจ ํŒจํ‚ค์ง€ Online"์„ ๋ฌด๋ฃŒ๋กœ ํ˜‘์ฐฌ๋ฐ›์•„ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค. ํŒจ์ŠคํŠธ์บ ํผ์Šค์—์„œ ์„œํฌํ„ฐ์ฆˆ๋ฅผ ๋ชจ์ง‘ํ•œ๋‹ค๊ธธ๋ž˜ ๊ณต์งœ๋กœ ๊ฐ•์˜๋ฅผ ๋“ค์„ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ์—ฌ์„œ ๋ƒ…๋‹ค ์‹ ์ฒญํ–ˆ์Œ. ์Šคํ”„๋ง ๊ด€๋ จํ•ด์„œ ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์‹ถ์–ด์„œ ์‹ ์ฒญํ–ˆ์ง€๋งŒ ์ด๋ฒˆ ์„œํฌํ„ฐ์ฆˆ์—” ์Šคํ”„๋ง์ด ์—†๋‹ค๋Š”๊ฒŒ ํ•จ์ •... ๊ทธ๋ž˜๋„ ๋…ธ๋“œ๋„ ๊ฒฐ๊ตญ์—” ๋ฐฑ์—”๋“œ ์ชฝ์ด๊ณ  ํ•™๊ต ๊ฐ•์ขŒ์—์„œ ์‚ด์ง ์ฐ๋จนํ•œ ์ ์ด ์žˆ์–ด์„œ ์ข€ ๋” ๋ฐฐ์›Œ๋ณผ ๊ฒธ node.js ์„œํฌํ„ฐ์ฆˆ๋ฅผ ์‹ ์ฒญํ–ˆ๋‹ค. ๋ญ ์•„๋ฌดํŠผ ์„œํฌํ„ฐ์ฆˆ๋กœ ์„ ์ •๋˜์–ด์„œ ๋ฆฌ๋ทฐ๋ฅผ ํ•œ ๋‹ฌ ์ •๋„ ์จ์•ผํ•˜๊ฒŒ ๋์Œ... ์‹œํ—˜๊ธฐ๊ฐ„์ด๋ผ ๋นก์„ธ์ง€๋งŒ ํ•œ ๋ฒˆ ๋‹ฌ๋ ค๋ด…์‹œ๋‹ค! node.js! node.js! ์ •๋ง ์†”์งํ•œ ๋ฆฌ๋ทฐ์ด๋‹ˆ ๋ณธ ๊ฐ•์˜๋ฅผ ์ง์ ‘ ๋ˆ ๋‚ด๊ณ  ๋“ค์œผ์‹ค ๋ถ„๋“ค์€ ..

kodo_o
'2021/06 ๊ธ€ ๋ชฉ๋ก