๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ช๋ฐ๋ธŒ์ฝ”์Šค8

[6์ฃผ์ฐจ] ๋ฐ๋ธŒ์ฝ”์Šค 6์ฃผ์ฐจ ๋ณต์Šต ๊ด€์‹ฌ์‚ฌ๋ณ„๋กœ API๋ฅผ ์–ด๋–ป๊ฒŒ ๊ตฌ๋ถ„ํ• ๊นŒ? express์˜ Router ์‚ฌ์šฉํ•˜๊ธฐ //app.js const express = require("express"); const app = express(); app.listen(3000); const userRouter = require("./routes/user"); const videoRouter = require("./routes/video"); app.use("/", userRouter); app.use("/videos", videoRouter); app.js์—์„œ๋Š” ์–ด๋–ค ๊ด€์‹ฌ์‚ฌ๋กœ ๋ผ์šฐํ„ฐ๋ฅผ ๋‚˜๋ˆŒ์ง€ ์ž‘์„ฑํ•ด์ค๋‹ˆ๋‹ค ๊ฐ ๋ผ์šฐํ„ฐ๋“ค์€ routes ํด๋” ํ•˜์œ„์— ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด์„œ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค. // routes/user.js const express = require('exp.. 2024. 4. 12.
[TIL]HTTP ๊ธฐ๋ณธ ์ •๋ฆฌ & REST API ๋ฐฐ์šด ๋‚ด์šฉ๊ณผ ์ถ”๊ฐ€์ ์œผ๋กœ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. HTTP HTML ๋ฌธ์„œ์™€ ๊ฐ™์€ ๋ฆฌ์†Œ์Šค๋“ค์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ํ”„๋กœํ† ์ฝœ ์›น์—์„œ ์ด๋ฃจ์–ด์ง€๋Š” ๋ชจ๋“  ๋ฐ์ดํ„ฐ ๊ตํ™˜์˜ ๊ธฐ์ดˆ์ด๋ฉฐ, ํด๋ผ์ด์–ธํŠธ-์„œ๋ฒ„ ํ”„๋กœํ† ์ฝœ์ด๋‹ค. HTTP๋Š” TCP๊ธฐ๋ฐ˜ ํ”„๋กœํ† ์ฝœ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋†’์€ ์‹ ๋ขฐ์„ฑ์„ ๋ณด์žฅํ•œ๋‹ค.. ๊ฐ„๋žตํ•œ TCP ํŠน์ง• ์˜ค๋ฅ˜ ์—†๋Š” ๋ฐ์ดํ„ฐ ์ „์†ก ์ˆœ์„œ์— ๋งž๋Š” ์ „๋‹ฌ(๋ณด๋‚ธ ์ˆœ์„œ๋Œ€๋กœ ๋„์ฐฉ) ์กฐ๊ฐ๋‚˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ ์ŠคํŠธ๋ฆผ Method ์„œ๋ฒ„์—๊ฒŒ ์–ด๋–ค ๋™์ž‘์ด ์ทจํ•ด์ ธ์•ผ ํ•˜๋Š”์ง€ ๋งํ•ด์ฃผ๋Š” ์—ญํ•  ๋ชจ๋“  HTTP ์š”์ฒญ ๋ฉ”์‹œ์ง€๋Š” ํ•œ ๊ฐœ์˜ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ง. GET: ์„œ๋ฒ„์—์„œ ์–ด๋–ค ๋ฌธ์„œ๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค POST: ์„œ๋ฒ„๊ฐ€ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ธ๋‹ค. PUT: ์„œ๋ฒ„๊ฐ€ ์ˆ˜์ •ํ•ด์•ผ ํ•  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ธ๋‹ค(์ „์ฒด ์ˆ˜์ •) PATCH: PUT์ฒ˜๋Ÿผ ์ˆ˜์ •ํ•  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด์ง€๋งŒ, ์ผ๋ถ€๋งŒ ์ˆ˜์ •ํ•œ๋‹ค.. 2024. 3. 17.
[2์ฃผ์ฐจ 3์ผ] CSS, JavaScript CSS๋ž€ ๋ฌด์—‡์ผ๊นŒ? Cascading Style Sheets์˜ ์•ฝ์ž๋กœ, HTML์„ ๊พธ๋ฉฐ์ค„ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. CSS๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” ์ธ๋ผ์ธ : ํƒœ๊ทธ์˜ style ์†์„ฑ์„ ์‚ฌ์šฉํ•ด์„œ css๋ฅผ ์ ์šฉํ•˜๋Š” ๊ฒƒ ๋‚ด๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ: head ํƒœ๊ทธ ์•ˆ์— styleํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์•ˆ์— ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ ์™ธ๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ: ๋ณ„๋„์˜ cssํŒŒ์ผ์„ ์ž‘์„ฑํ•˜์—ฌ linkํƒœ๊ทธ๋ฅผ ํ†ตํ•ด ์—ฐ๊ฒฐํ•˜๋Š” ๊ฒƒ CSS TEST ๋ฒ„ํŠผ ํŠน์ • ์š”์†Œ์— ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ๋‚ด๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ, ์™ธ๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ ๋ชจ๋‘ ํŠน์ • ์š”์†Œ์—๋งŒ ์Šคํƒ€์ผ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํƒœ๊ทธ ์ด๋ฆ„, ํ˜น์€ ์„ ํƒ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. ํด๋ž˜์Šค ์„ ํƒ์ž๋Š” .ํด๋ž˜์Šค์ด๋ฆ„์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„์ด๋”” ์„ ํƒ์ž๋Š” #์•„์ด๋””์ด๋ฆ„์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์„ ํƒ์ž์˜ ์šฐ์„ ์ˆœ์œ„๋Š” ์•„์ด๋”” ํด๋ž˜์Šค ์š”์†Œ ์ˆœ์œผ๋กœ ๋†’๋‹ค Jav.. 2024. 3. 9.
[Week1] Git ๋ช…๋ น์–ด ๋ช…๋ น์–ด์—์„œ ํ‘œ์‹œ๋Š” ๊ตฌ๋ถ„์„ ์œ„ํ•ด ์ž‘์„ฑํ•œ ๊ฒƒ์ด๋ฏ€๋กœ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅํ•  ๋•Œ๋Š” ์ƒ๋žตํ•˜๊ณ  ์ž‘์„ฑํ•ด์ฃผ์„ธ์š” ๋งŒ์•ฝ git add ์ด๋ผ๋ฉด ์‹ค์ œ๋กœ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅํ•  ๋•Œ๋Š” git add test.txt git init ์ƒˆ๋กœ์šด Git ์ €์žฅ์†Œ๋ฅผ ์ดˆ๊ธฐํ™”ํ•œ๋‹ค. ํ˜„์žฌ ๋””๋ ‰ํ† ๋ฆฌ์— .git์ด๋ผ๋Š” ํ•˜์œ„ ๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ์ƒ์„ฑ๋˜๋ฉฐ, Git ์ €์žฅ์†Œ๋กœ ์‚ฌ์šฉ๋œ๋‹ค. git add ์ž‘์—… ๋””๋ ‰ํ† ๋ฆฌ์˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ Staging Area์— ์ถ”๊ฐ€ํ•œ๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งํ•˜๋ฉด ์ƒˆ๋กœ์šด ๋ฒ„์ „์— ํฌํ•จ๋  ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์˜ˆ) git add test.txt test.txtํŒŒ์ผ์„ staging area์— ์ถ”๊ฐ€ git commit Staging Area์— ์žˆ๋Š” ํŒŒ์ผ๋“ค์˜ ์Šค๋ƒ…์ƒท์„ ์ฐ์–ด์„œ ๋กœ์ปฌ ์ €์žฅ์†Œ์— ์˜๊ตฌ์ ์œผ๋กœ ์ €์žฅํ•œ๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งํ•˜๋ฉด git add๋กœ ์ถ”๊ฐ€ํ•œ ๋ชจ๋“  ํŒŒ์ผ๋“ค์˜ ๋ณ€๊ฒฝ ์‚ฌ.. 2024. 2. 28.
[Week1] ๋ฆฌ๋ˆ…์Šค ๋ช…๋ น์–ด ๊ธฐ์ดˆ์ ์ด๊ณ  ์ž์ฃผ ์“ฐ์ด๋Š” ๋ฆฌ๋ˆ…์Šค ๋ช…๋ น์–ด ls (list) ํŒŒ์ผ ๋ฆฌ์ŠคํŠธ ๋ณด๊ธฐ(dir) (์˜ˆ) # ls cd (change directory) ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ๋ณ€๊ฒฝ # cd megan : ํ•˜๋ถ€ ๋””๋ ‰ํ† ๋ฆฌ์ธ megan์œผ๋กœ ๋“ค์–ด๊ฐ. # cd .. : ์ƒ์œ„๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™ # cd ๋˜๋Š” cd ~ : ์–ด๋Š๊ณณ์—์„œ๋“ ์ง€ ์ž๊ธฐ ํ™ˆ๋””๋ ‰ํ† ๋ฆฌ๋กœ ๋ฐ”๋กœ ์ด๋™ cp (copy) ํ™”์ผ ๋ณต์‚ฌ(copy) # cp index.html index.txt : index.html ํ™”์ผ์„ index.txt ๋ž€ ์ด๋ฆ„์œผ๋กœ ๋ณต์‚ฌ. mv (move) ํŒŒ์ผ์ด๋ฆ„(rename) / ์œ„์น˜(move)๋ณ€๊ฒฝ # mv index.htm index.html : index.htm ํ™”์ผ์„ index.html ๋กœ ์ด๋ฆ„ ๋ณ€๊ฒฝ $ mv file ../main/new_file : ํŒŒ์ผ์˜ ์œ„.. 2024. 2. 28.
[Week1] ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์€ ๋ฒ„์ „ ๊ด€๋ฆฌ, ๋ฐฑ์—…, ๋ณต๊ตฌ ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•ด์ฃผ๋Š” ์‹œ์Šคํ…œ์ด๋‹ค. ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์€ ํฌ๊ฒŒ 3์ข…๋ฅ˜๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ๋‹ค. 1. ๋กœ์ปฌ 2. ์ค‘์•™ ์ง‘์ค‘ํ˜• 3. ๋ถ„์‚ฐํ˜• ๋กœ์ปฌ ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๊ฐœ์ธ ์ปดํ“จํ„ฐ์—์„œ ์•„์ฃผ ๊ฐ„๋‹จํ•œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์‚ฌ์šฉํ•ด์„œ ํŒŒ์ผ์˜ ๋ณ€๊ฒฝ ์ •๋ณด๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ๋กœ์ปฌ์—๋งŒ ์ €์žฅ์„ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ˜‘์—…์— ๋ถˆ๋ฆฌํ•˜๋‹ค. ๋กœ์ปฌ ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์œผ๋กœ๋Š” RCS๊ฐ€ ์žˆ๋‹ค. ์ค‘์•™ ์ง‘์ค‘ํ˜• ๋ฒ„์ „๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๋กœ์ปฌ ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์—์„œ ํ˜‘์—…์ด ์–ด๋ ค์šด ์ ์„ ํ•ด๊ฒฐํ•˜๊ณ ์ž ์ค‘์•™ ์ง‘์ค‘ํ˜• ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์ด ๋“ฑ์žฅํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ํŒŒ์ผ์„ ๊ด€๋ฆฌํ•˜๋Š” ์„œ๋ฒ„๊ฐ€ ๋ณ„๋„๋กœ ์žˆ๊ณ  ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์ค‘์•™ ์„œ๋ฒ„์—์„œ ํŒŒ์ผ์„ ๋ฐ›์•„์„œ ์‚ฌ์šฉํ•œ๋‹ค. ์ค‘์•™์—์„œ ๋ฒ„์ „์„ ๊ด€๋ฆฌํ•˜๊ณ  ๊ณต์œ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ˜‘์—…์— ์œ ๋ฆฌํ•˜๋‹ค. ํ•˜์ง€๋งŒ ์ค‘์•™ ์„œ๋ฒ„์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ.. 2024. 2. 28.