๐Ÿš€ ๋ธ”๋กœ๊ทธ ์ด์ „ํ–ˆ์Šต๋‹ˆ๋‹ค.

bbahna

SERIES

4 PostsยทLast updated on September 10, 2022

์›น ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘์›๋ฆฌ, http๋ž€?

April 03, 2022

1. ์›น ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘์›๋ฆฌ ์ž…๋ ฅํ•œ ์‚ฌ์ดํŠธ์˜ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ index.html์„ ๊ฐ€์ ธ์˜ค๋ฉฐ html ํŒŒ์ผ์— ์ข…์†๋œ ํŒŒ์ผ(js, css, image ๋“ฑ)์„ ๋งŒ๋‚  ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„๋กœย ๋ฅผ ๋ณด๋‚ด ๋ฐ›์•„์˜จ๋‹ค. ์›น ํด๋ผ์ด์–ธํŠธ ํ•„์š”ํ•œ ํŒŒ์ผ๋“ค(html,js,css...)์„ ๋‹ค์šด๋ฐ›์•„ ํ•ด์„(๋ Œ๋”๋ง)ํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ฃผ๋Š”ย ํ”„๋กœ๊ทธ๋žจ(๋ธŒ๋ผ์šฐ์ €) ์›น ์„œ๋ฒ„ ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ(url)์— ๋”ฐ๋ผ โ€ฆ

web
browser
http
TIL

HTML, DOM ์ฐจ์ด

April 20, 2022

HTML์ด๋ž€ HTML(HyperText Markup Language)์€ ์›น์„ ์ด๋ฃจ๋Š” ๊ฐ€์žฅ ๊ธฐ์ดˆ์ ์ธ ๊ตฌ์„ฑ ์š”์†Œ๋กœ, ์›น ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ์™€ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. HTML ์ด์™ธ์˜ ๋‹ค๋ฅธ ๊ธฐ์ˆ ์€ ์ผ๋ฐ˜์ ์œผ๋กœ ์›น ํŽ˜์ด์ง€์˜ ๋ชจ์–‘/ํ‘œํ˜„ (CSS), ๋˜๋Š” ๊ธฐ๋Šฅ/๋™์ž‘ (JavaScript)์„ ์„ค๋ช…ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. DOM์ด๋ž€ โ€œDocument(HTML)์— ์ ‘๊ทผํ•ด์„œ, Obโ€ฆ

HTML
DOM
TIL

CSR, SSR / SPA, MPA์— ๋Œ€ํ•œ ์ดํ•ด

May 10, 2022

CSR(Client Side Rendering) ์ตœ์ดˆ์— ํ•œ๋ฒˆ ์„œ๋ฒ„์—์„œ ์ „์ฒด ํŽ˜์ด์ง€๋ฅผ ๋กœ๋”ฉํ•˜์—ฌ ๋ณด์—ฌ์ฃผ๊ณ , ์ดํ›„์—๋Š” ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ์ด ์˜ฌ ๋•Œ ๋ฆฌ์†Œ์Šค๋ฅผ ์„œ๋ฒ„์—์„œ ์ œ๊ณตํ•œ ํ›„, ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•ด์„ํ•˜๊ณ  ๋ Œ๋”๋งํ•จ ๋ชจ๋“  html๊ณผ static ํŒŒ์ผ์ด ๋กœ๋“œ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ค์•ผ ํ•จ SEO(๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”)๊ฐ€ ์–ด๋ ค์›€ SSR(Server Side Rendering) ์™„์ „ํ•œ hโ€ฆ

CSR
SSR
SPA
MPA
TIL

์ธ์ฆ๋ฐฉ์‹: ์ฟ ํ‚ค, ์„ธ์…˜, ํ† ํฐ(JWT)

September 10, 2022

์™œ ๋“ฑ์žฅํ–ˆ์„๊นŒ? HTTP ํ†ต์‹ ์€ ์š”์ฒญ(Request) โ†’ ์‘๋‹ต(Response)์ด ์ข…๋ฃŒ๋˜๋ฉด ์—ฐ๊ฒฐ์„ ๋Š์–ด๋ฒ„๋ฆผ Connectionless(๋น„์—ฐ๊ฒฐ์„ฑ): ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญ์„ ํ–ˆ์„ ๋•Œ, ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต์„ ๋ณด๋‚ธ ํ›„ ์—ฐ๊ฒฐ์„ ๋Š๋Š” ์ฒ˜๋ฆฌ๋ฐฉ์‹ Stateless(๋ฌด์ƒํƒœ์„ฑ): ํด๋ผ์ด์–ธํŠธ์˜ ์ƒํƒœ ์ •๋ณด๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๋Š” ์„œ๋ฒ„ ์ฒ˜๋ฆฌ๋ฐฉ์‹(ํด๋ผ์ด์–ธํŠธ์™€ ์ฒซ ๋ฒˆ์งธ ํ†ต์‹ ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผโ€ฆ

http
network
cookie
cache
session
token
JWT
TIL