Hoonni
ํ›„๋‹ˆ's Blog

์ „์ฒด ๊ธ€

Hi There ! ๐Ÿ–๏ธ I am FrontEnd Developer ๐Ÿ’ป I'm studying AI, Backend, React-Native Now.
NodeJS

์‘๋‹ต ์ „์†ก

์‘๋‹ต ์ „์†ก์ด ์ž‘์—…์€ ์šฐ๋ฆฌ๊ฐ€ ๋ฐ˜์†กํ•˜๊ธธ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋กœ ์ฑ„์šฐ๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ4 : ์ƒˆ๋กœ์šด ํ—ค๋”๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Œ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์‘๋‹ต์— ํ—ค๋”๋ฅผ ๋ถ™์ด๊ฒŒ ๋˜๊ณ  ์‘๋‹ต์˜ ์ผ๋ถ€๊ฐ€ ๋  ์ปจํ…์ธ  ์œ ํ˜•์€ HTML์ด๋ผ๋Š” ์ผ๋ จ์˜ ๋ฉ”ํƒ€ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๊ฒŒ ๋จ5 ~ 8 : write๋Š” res(response)์— ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๊ณ , ๊ธฐ๋ณธ์ ์œผ๋กœ ๋Œ€๋‹จ์œ„ ํ˜น์€ ๋‹ค์ˆ˜์˜ ๋ผ์ธ์„ ํ†ตํ•ด ์ž‘๋™ํ•จ9 : ์‘๋‹ต์˜ ์ƒ์„ฑ์ด ๋๋‚ฌ์Œ์„ ๋…ธ๋“œ์— ์•Œ๋ ค์คŒend๋ฅผ ํ˜ธ์ถœํ•œ ์ดํ›„๋ถ€ํ„ฐ๋Š” ๋” ์ด์ƒ ์•„๋ฌด๊ฒƒ๋„ ์ž…๋ ฅํ•ด์„œ๋Š” ์•ˆ๋จend ์ดํ›„์— write๋ฅผ ๊ณ„์† ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ทธ ๊ฒฝ์šฐ์—๋Š” ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•จ์œ„ ์ฝ”๋“œ๋ฅผ ํ„ฐ๋ฏธ๋„์—์„œ ์‹คํ–‰ํ•˜๊ณ  localhost:3000์œผ๋กœ ์ ‘์†ํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ํ™”๋ฉด์ด ๋œธ์ดํ›„ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์˜ Network ํƒญ์— ๋“ค์–ด๊ฐ€๋ฉด ์•„๋ž˜์˜ ์‚ฌ์ง„์ฒ˜๋Ÿผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์ŒHea..

NodeJS

Node ์„œ๋ฒ„ ์ƒ์„ฑ๊ณผ ๋ผ์ดํ”„์‚ฌ์ดํด ๋ฐ ์ด๋ฒคํŠธ ๋ฃจํ”„

Node ์„œ๋ฒ„ ์ƒ์„ฑNode ์„œ๋ฒ„๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•1 : Node.js๋Š” ์ „์—ญ์œผ๋กœ ๋…ธ์ถœํ•˜๋Š” ํŠน์„ฑ์ด ์žˆ๊ธฐ๋•Œ๋ฌธ์— Node.js๋กœ ์‹คํ–‰ํ•˜๋Š” ๋ชจ๋“  ํŒŒ์ผ์—์„œ ๊ธฐ๋ณธ์œผ๋กœ require์ด๋ผ๋Š” ํ‚ค์›Œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ๊ฒฝ๋กœ๋ฅผ ์ƒ๋žตํ•˜๋ฉด http๋ผ๋Š” ๊ธ€๋กœ๋ฒŒ ๋ชจ๋“ˆ์„ ์ฐพ๊ฒŒ ๋จ (ํŒŒ์ผ ๊ฒฝ๋กœ๋Š” ๋ฐ˜๋“œ์‹œ ./๋‚˜ ์ ˆ๋Œ€ ๊ฒฝ๋กœ์˜ ๊ฒฝ์šฐ /๋กœ ์‹œ์ž‘)3 : rqListener๋Š” 7๋ฒˆ์งธ์ค„์˜ requestListener์˜ ๊ธฐ๋Šฅ์„ ์‹คํ–‰ํ•˜๋Š” ํ•จ์ˆ˜์ด ํ•จ์ˆ˜๋Š” ๋‘ ๊ฐ€์ง€ ์ธ์ˆ˜๋ฅผ ํ•„์š”๋กœ ํ•˜๋Š”๋ฐ, ์ฒซ ๋ฒˆ์งธ ์ธ์ˆ˜์—๋Š” ์š”์ฒญ์— ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ, ๋‘ ๋ฒˆ์งธ ์ธ์ˆ˜์—๋Š” ์‘๋‹ต์— ์‚ฌ์šฉ๋จ๋”ฐ๋ผ์„œ, Node.js๊ฐ€ ์ž๋™์œผ๋กœ ๋“ค์–ด์˜ค๋Š” ์š”์ฒญ์„ ๋Œ€๋ณ€ํ•˜๋Š” ๊ฐ์ฒด๋ฅผ ์ œ๊ณตํ•˜๊ณ  ํ•ด๋‹น ์š”์ฒญ์œผ๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ์„ ์ˆ˜ ์žˆ๊ฒŒ๋”ํ•˜๋ฉฐ ์š”์ฒญ์„ ๋ณด๋‚ธ ์‚ฌ๋žŒ์—๊ฒŒ ์‘๋‹ต์„ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋Š” ์‘๋‹ต ๊ฐ์ฒด๋ฅผ ์ฃผ๋Š” ๊ฒƒ7 : cre..

NodeJS

์›น ์ž‘๋™ ๋ฐฉ์‹

์›น ์ž‘๋™ ๋ฐฉ์‹

NodeJS

JavaScript ๋ณต์Šต

let vs constletconst๊ฐ€๋ณ€ํ•œ ๋ณ€์ˆ˜๋ถˆ๋ณ€ํ•œ ๋ณ€์ˆ˜  ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์•„๋ž˜์™€ ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ฐ”๊พธ๋ฉด์•„๋ž˜์˜ ์ฝ”๋“œ์™€ ๊ฐ™์ด ๋จ ์ด๋ ‡๊ฒŒ ์งง๊ณ  ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ ์•„๋ž˜๋Š” ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ ๋” ๋งŽ์€ ์˜ˆ์‹œ์ด๋‹ค.add ํ•จ์ˆ˜์ฒ˜๋Ÿผ return๋ฌธ์ด ํ•˜๋‚˜๋งŒ ์žˆ๋Š” ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ผ๋ฉด ์ค‘๊ด„ํ˜ธ์™€ return์„ ์ƒ๋žต ๊ฐ€๋ŠฅaddOne ํ•จ์ˆ˜์ฒ˜๋Ÿผ ์ธ์ˆ˜๊ฐ€ ํ•˜๋‚˜๋ผ๋ฉด ๊ด„ํ˜ธ๋ฅผ ์ƒ๋žต ๊ฐ€๋ŠฅaddRandom ํ•จ์ˆ˜์ฒ˜๋Ÿผ ์ธ์ˆ˜๊ฐ€ ์—†๋‹ค๋ฉด ๋น„์–ด์žˆ๋Š” ๊ด„ํ˜ธ ํ•œ ์Œ์„ ๋ช…์‹œ  ๊ฐœ์ฒด, ์†์„ฑ ๋ฐ ๋ฉ”์„œ๋“œ ์ž‘์—…์ค‘๊ด„ํ˜ธ๋กœ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑ์ค‘๊ด„ํ˜ธ ์•ˆ์—๋Š” ํ‚ค-๊ฐ’ ์Œ์ด ๋“ค์–ด๊ฐ์œ„์™€ ๊ฐ™์ด ๊ฐ์ฒด ๋‚ด์—์„œ ํ•จ์ˆ˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ์—ฌ๊ธฐ์„œ this๋Š” ์ฃผ์œ„ ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐ.์œผ๋กœ ์†์„ฑ ๋˜๋Š” ๋งค์„œ๋“œ(๊ฐ์ฒด ๋‚ด์˜ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜)๋ฅผ ์•ก์„ธ์Šค์•„๋ž˜๋Š” ์œ„ ์ฝ”๋“œ์˜ ์‹คํ–‰ ๊ฒฐ๊ณผperson.greet()๋ฅผ ์‹คํ–‰ํ•˜๋ฉด Hi, ..

NodeJS

REPL

REPL์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’์„ ์ฝ๊ณ (Read)์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’์„ ํ‰๊ฐ€(Evaluate)๊ฒฐ๊ณผ๊ฐ’์„ ์ถœ๋ ฅ(Print)๋Œ์•„๊ฐ€์„œ ์ƒˆ๋กœ์šด ์ž…๋ ฅ๊ฐ’์„ ๊ธฐ๋‹ค๋ฆฌ๋Š”(Loop) ๊ณผ์ •์„ ์˜๋ฏธREPL์— ์ง„์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•Node.js๊ฐ€ ์„ค์น˜๋œ ์ƒํƒœ์—์„œ node๋ฅผ ์ž…๋ ฅํ•˜๋ฉด REPL์— ์ง„์ž…์ฒ˜์Œ์— ์ปดํ“จํ„ฐ ์ „์ฒด ๊ฒฝ๋กœ๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ">" ์ด ๋ถ€๋“ฑํ˜ธ๋งŒ์ด ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ํ™•์ธ ๊ฐ€๋Šฅ์—ฌ๊ธฐ์—์„œ console.log์™€ ๊ฐ™์€ ๋ช…๋ น์–ด, 2 + 2, ํŒŒ์ผ ์“ฐ๊ธฐ ๋ฐ ์ƒํ˜ธ์ž‘์šฉ ๋“ฑ์ด ๊ฐ€๋ŠฅํŒŒ์ผ ์‹œ์Šคํ…œ์„ ์ž„ํฌํŠธํ•  ์ˆ˜ ์žˆ์Œ(fs.writeFileSync๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜๋„ ์žˆ์Œ)์ด ํ™˜๊ฒฝ์—์„œ๋Š” ์ฝ”๋“œ๊ฐ€ ํŒŒ์ผ๋กœ ์ €์žฅ๋˜์ง€ ์•Š๋Š” ๋Œ€์‹  ๋…ธํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ํ•œ ์ค„์”ฉ ์ž‘์„ฑํ•˜๊ฒŒ ๋จ์ด ์ฝ”๋“œ๋“ค์€ ๋…๋ฆฝ์ ์œผ๋กœ ๊ธฐ๋Šฅํ•˜์ง€ ์•Š์Œ์ด ํ”„๋กœ์„ธ์Šค๋ฅผ ์ข…๋ฃŒํ•˜๋ฉด ๊ทธ๋Œ€๋กœ ๋(์–ด๋””์—๋„ ์ €์žฅ๋˜์ง€ ์•Š๊ณ , ๋‹ค์‹œ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํŒŒ์ผ์ด..

NodeJS

Node.js์˜ ์—ญํ• 

Node.js์˜ ์—ญํ•  Node.js๋Š” ์„œ๋ฒ„์˜ ์ฝ”๋“œ ์‹คํ–‰์—๋งŒ ๊ตญํ•œ๋˜์ง€ ์•Š์Œ Node.js๋Š” JavaScript ๋Ÿฐํƒ€์ž„์œผ๋กœ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Œ์„œ๋ฒ„๋ฅผ ์šด์˜ํ•˜๋Š”๋ฐ ์‚ฌ์šฉํ•จโ”Œ Node.js์˜ ๊ฒฝ์šฐ์—๋Š” ์„œ๋ฒ„ ์ž์ฒด๋ฅผ ์Šค์Šค๋กœ ์ž‘์„ฑํ•จ(์ฝ”๋“œ๊ฐ€ ๋“ค์–ด์˜ค๋Š” ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•ด์„œ ๋‹ค๋ฅธ ์ฝ”๋“œ๋กœ ๋ณด๋‚ด์คŒ)โ”œ PHP์—์„œ๋Š” Apache๋‚˜ Nginx์™€ ๊ฐ™์€ ์ถ”๊ฐ€ ํˆด์ด ์žˆ์–ด์„œ ์š”์ฒญ์„ ๋ฐ›์•„ PHP ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•ด ์คŒโ”” Node.js๋Š” ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ์ฝ”๋“œ์—์„œ ์›ํ•˜๋Š” ์ž‘์—…์„ ์ˆ˜ํ–‰๋ชจ๋“  ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์„ ์šด์˜ํ•˜๋Š”๋ฐ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ•จ์‘๋‹ต(Response) ์‚ฌ์ด๋“œ๋„ ์ฒ˜๋ฆฌNode.js๋ฅผ ๋Œ€์ฒดํ•  ๋งŒํ•œ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ๋Š” Python, Django, PHP, Laravel, Vanilla PHP, ASP.NET, Ruby ๋“ฑ์ด ์žˆ์ŒNode.js์˜ ํฐ ์žฅ์ ์€ ํ”„๋ก ํŠธ์—”๋“œ์—์„œ..

NodeJS

Node.js ์‹คํ–‰ํ•ด๋ณด๊ธฐ

Node.js ์‹คํ–‰ํ•ด๋ณด๊ธฐ 1์ฝ˜์†”๋กœ ์‹คํ–‰1. ์•„๋ž˜ ์ฝ”๋“œ๋Š” ๋ณดํ†ต ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜์ง€๋งŒ Node.js๋กœ๋„ ์‹คํ–‰์ด ๊ฐ€๋Šฅ 2. Visual Studio Code์˜ ํ„ฐ๋ฏธ๋„์„ ์ƒˆ๋กœ ์—ด๊ณ , node ๋‹ค์Œ์— ํŒŒ์ผ๋ช…์„ ์ถ”๊ฐ€๋กœ ์ž…๋ ฅํ•˜๋ฉด ๋Œ€ํ™”ํ˜• ๋ชจ๋“œ์— ์ง„์ž…ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ ์ด JavaScript ์ฝ”๋“œ ํŒŒ์ผ์„ Node.js๋กœ ์‹คํ–‰ํ•˜๊ฒŒ ๋จ 3. Hello Node.js๊ฐ€ ํ‘œ์‹œ๋œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Œ  Node.js๋กœ ์‹คํ–‰ํ•ด๋ณด๊ธฐ 2ํŒŒ์ผ๋กœ ์ถœ๋ ฅ๊ฐ’ ์ž‘์„ฑํŒŒ์ผ๋กœ ์ถœ๋ ฅ๊ฐ’์„ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•ด Node.js๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๋‚ด์žฅ๋œ ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜์ธ ํŒŒ์ผ ์‹œ์Šคํ…œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉ 1. ๋…ธ๋“œ์— ํŒŒ์ผ ์‹œ์Šคํ…œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ๊ฒƒ์„ ์•Œ๋ฆฌ๊ธฐrequire()๋Š” Node.js์—์„œ ์ œ๊ณต๋˜๋Š” ๊ตฌ๋ฌธfs ๋ชจ๋“ˆ์€ Node.js์— ํฌํ•จ๋œ ๋…ธ๋“œ ์ฝ”์–ด ๋ชจ๋“ˆ ์ค‘ ํ•˜๋‚˜ 2. ๊ฐ„๋‹จํ•œ ์ƒ์ˆ˜๋กœ ์ž„ํฌํŠธ..

NodeJS

Node.js ์„ค์น˜ ๋ฐ ํ™•์ธํ•˜๊ธฐ

Node.js ์„ค์น˜ ๋ฐฉ๋ฒ•1. https://nodejs.org์— ์ ‘์† 2. ์ตœ์‹  ๋ฒ„์ „์„ ๋‹ค์šด๋กœ๋“œ (ํ˜„์žฌ 21.6.1๋ฒ„์ „์ด์ง€๋งŒ ์–ธ์ œ๋“  ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ์Œ !) 3. 4. 5. 6. 7. 8.  ์„ค์น˜๊ฐ€ ์ž˜๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•1. ํ„ฐ๋ฏธ๋„(๋งฅ) ํ˜น์€ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ(์œˆ๋„์šฐ)๋ฅผ ์‹คํ–‰ 2. node -v๋ฅผ ์ž…๋ ฅํ›„ ๋ฐฉ๊ธˆ ์„ค์น˜ํ•œ Node.js์˜ ๋ฒ„์ „์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Œ  Node.js ์‚ฌ์šฉ ๋ฐฉ๋ฒ• 1Node.js๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๋Œ€ํ™”ํ˜• ๋ชจ๋“œ๋กœ ์ง„์ž…(์ด๋Š” REPL์ด๋ผ ๋ถˆ๋ฆผ) 1. node ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ํ„ฐ๋ฏธ๋„(๋งฅ) ํ˜น์€ ์ปค๋งจ๋“œ ํ”„๋กฌํ”„ํŠธ(์œˆ๋„์šฐ)์˜ ์ƒˆ๋กœ์šด ๋ชจ๋“œ์— ์ง„์ž…ํ•˜๊ฒŒ ๋จ์—ฌ๊ธฐ์—์„œ๋Š” ํŠน์ •ํ•œ ๋…ธ๋“œ ๋ช…๋ น์–ด๋“ค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ(๊ธฐ๋ณธ์ ์ธ ๊ณ„์‚ฐ, JavaScript ์ฝ”๋“œ ์‹คํ–‰ ๊ฐ€๋Šฅ) 2. ๋Œ€ํ™”ํ˜• ๋ชจ๋“œ๋ฅผ ์ข…๋ฃŒํ•˜๋ ค๋ฉด Ctrl+C ํ˜น์€ ..