Skip to content

WEB โ€‹

์›น ๊ฐœ๋ฐœ ๊ด€๋ จ ํฌ์ŠคํŠธ๋“ค์ž…๋‹ˆ๋‹ค.

CSS Cascade Algorithm ์ด๋ž€? (Feat. Cascade Layer)

CSS Cascade Algorithm ์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค. CSS Cascade Algorithm ์„ ์ดํ•ดํ•˜๋ฉด CSS ์Šคํƒ€์ผ ์šฐ์„ ์ˆœ์œ„๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‘~ ์ด๋ฏธ์ง€ ํ‚ค์›Œ๋ด~ ์ตœ์ ํ™” ํ•˜๋ฉด ๊ทธ๋งŒ์ด์•ผ (pt2. ๋‹ค์–‘ํ•œ ์ตœ์ ํ™” ๊ธฐ๋ฒ•)

2024 ๊ฒฝ๋ถ๋Œ€ํ•™๊ต ๋””์ž์ธํ•™๊ณผ ์กธ์—…์ „์‹œ ์›น์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ, React ํ™˜๊ฒฝ์—์„œ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ๊ธฐ๋ฒ•์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ์ง€์—ฐ ๋กœ๋”ฉ, ํฌ๊ธฐ ์กฐ์ •, CDN ํ™œ์šฉ ๋“ฑ ๋‹ค์–‘ํ•œ ์ „๋žต์„ ํ†ตํ•ด ์›น ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

์‘~ ์ด๋ฏธ์ง€ ํ‚ค์›Œ๋ด~ ์ตœ์ ํ™” ํ•˜๋ฉด ๊ทธ๋งŒ์ด์•ผ ๐Ÿคก (pt1. ์ด๋ฏธ์ง€ ํฌ๋งท)

almanac.httparchive.org ์˜ 2022๋…„ ๋ณด๊ณ ์„œ์— ๋”ฐ๋ฅด๋ฉด, ์ด๋ฏธ์ง€๊ฐ€ ํ•˜๋‚˜ ์ด์ƒ ํฌํ•จ๋œ ํŽ˜์ด์ง€๋Š” 99.9%์— ๋‹ฌํ•˜๋ฉฐ, LCP ์— ๊ฐ€์žฅ ํฐ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์š”์†Œ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. 2024 ๊ฒฝ๋ถ๋Œ€ํ•™๊ต ๋””์ž์ธํ•™๊ณผ ์กธ์—…์ „์‹œ ์‚ฌ์ดํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉฐ ๊ฒฝํ—˜ํ•œ ์ด๋ฏธ์ง€ ํฌ๋งท์˜ ์ข…๋ฅ˜์™€ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค

์ฒ ๋กœ ์œ„์— ๋ฌถ์—ฌ ์žˆ๋Š” IE ์‚ฌ์šฉ์ž๋ฅผ ๊ตฌํ•  ๊ฒƒ์ธ๊ฐ€ (์›น ํ˜ธํ™˜์„ฑ๊ณผ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•)

์ˆ˜๋งŽ์€ ์ตœ์‹  ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์šฉ์ž์™€ ์†Œ์ˆ˜์˜ IE ์‚ฌ์šฉ์ž๊ฐ€ ์ฒ ๋กœ ์œ„์— ๋ฌถ์—ฌ ์žˆ๋‹ค๋ฉด, ๊ฐœ๋ฐœ์ž๋Š” ๋ˆ„๊ตฌ๋ฅผ ๊ตฌํ•ด์•ผ ํ• ๊นŒ์š”? ํŠธ๋กค๋ฆฌ ๋”œ๋ ˆ๋งˆ๋กœ ํ’€์–ด๋ณด๋Š” ์›น ํ˜ธํ™˜์„ฑ๊ณผ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง• ์ด์•ผ๊ธฐ

REST API ์˜ REST ๋Š” ๋ฌด์—‡์ธ๊ฐ€?

REST API ๋Š” REpresentational State Transfer API ๋กœ, ์›น ์„œ๋น„์Šค์—์„œ ํ†ต์‹ ํ•˜๋Š”๋ฐ ์‚ฌ์šฉ๋˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด ์ธํ„ฐํŽ˜์ด์Šค์ž…๋‹ˆ๋‹ค.

Authentication, Authorization ์ธ์ฆ๊ณผ ์ธ๊ฐ€

์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ธ์ฆ(Authentication)๊ณผ ์ธ๊ฐ€(Authorization)์˜ ๊ฐœ๋…๊ณผ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค. Session, JWT ๋“ฑ ๋‹ค์–‘ํ•œ ์ธ์ฆ๋ฐฉ์‹๊ณผ CSRF ๋ฌธ์ œ์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค