🦷 ToothlessDev

Appearance

WEB ​

μ›Ή 개발 κ΄€λ ¨ ν¬μŠ€νŠΈλ“€μž…λ‹ˆλ‹€.

CSS Cascade Algorithm μ΄λž€? (Feat. Cascade Layer)

CSS Cascade Algorithm 은 λΈŒλΌμš°μ €μ—μ„œ μŠ€νƒ€μΌμ„ μ μš©ν•˜λŠ” 방법을 μ •μ˜ν•©λ‹ˆλ‹€. CSS Cascade Algorithm 을 μ΄ν•΄ν•˜λ©΄ CSS μŠ€νƒ€μΌ μš°μ„ μˆœμœ„λ₯Ό 이해할 수 μžˆμŠ΅λ‹ˆλ‹€.

Web

응~ 이미지 ν‚€μ›Œλ΄~ μ΅œμ ν™” ν•˜λ©΄ κ·Έλ§Œμ΄μ•Ό (pt2. λ‹€μ–‘ν•œ μ΅œμ ν™” 기법)

2024 κ²½λΆλŒ€ν•™κ΅ λ””μžμΈν•™κ³Ό μ‘Έμ—…μ „μ‹œ μ›Ήμ‚¬μ΄νŠΈ 개발 κ²½ν—˜μ„ λ°”νƒ•μœΌλ‘œ, React ν™˜κ²½μ—μ„œ 이미지 μ΅œμ ν™” 기법을 μ μš©ν•˜λŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ΄…λ‹ˆλ‹€. 지연 λ‘œλ”©, 크기 μ‘°μ •, CDN ν™œμš© λ“± λ‹€μ–‘ν•œ μ „λž΅μ„ 톡해 μ›Ή μ„±λŠ₯을 ν–₯μƒμ‹œν‚€λŠ” 방법을 λ‹€λ£Ήλ‹ˆλ‹€.

Web

그림으둜 ν•œλˆˆμ— λ³΄λŠ” λΈŒλΌμš°μ € λ Œλ”λ§ κ³Όμ •

μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ£Όμ†Œμ°½μ— URL을 μž…λ ₯ν•˜κ³  화면에 νŽ˜μ΄μ§€κ°€ μ‹€μ œλ‘œ κ·Έλ €μ§€κΈ°κΉŒμ§€μ˜ κ³Όμ •κ³Ό 각 κ³Όμ •μ—μ„œ κ°œμž…λ˜λŠ” ν”„λ‘œμ„ΈμŠ€, μŠ€λ ˆλ“œλ₯Ό 그림으둜 μ‰½κ²Œ μ•Œμ•„λ΄…μ‹œλ‹€

Web

응~ 이미지 ν‚€μ›Œλ΄~ μ΅œμ ν™” ν•˜λ©΄ κ·Έλ§Œμ΄μ•Ό 🀑 (pt1. 이미지 포맷)

almanac.httparchive.org 의 2022λ…„ λ³΄κ³ μ„œμ— λ”°λ₯΄λ©΄, 이미지가 ν•˜λ‚˜ 이상 ν¬ν•¨λœ νŽ˜μ΄μ§€λŠ” 99.9%에 λ‹¬ν•˜λ©°, LCP 에 κ°€μž₯ 큰 영ν–₯을 λ―ΈμΉ˜λŠ” μš”μ†Œμ΄κΈ°λ„ ν•©λ‹ˆλ‹€. 2024 κ²½λΆλŒ€ν•™κ΅ λ””μžμΈν•™κ³Ό μ‘Έμ—…μ „μ‹œ μ‚¬μ΄νŠΈλ₯Ό κ°œλ°œν•˜λ©° κ²½ν—˜ν•œ 이미지 포맷의 μ’…λ₯˜μ™€ μ΅œμ ν™” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€

Web

철둜 μœ„μ— λ¬Άμ—¬ μžˆλŠ” IE μ‚¬μš©μžλ₯Ό ꡬ할 것인가 (μ›Ή ν˜Έν™˜μ„±κ³Ό 크둜슀 λΈŒλΌμš°μ§•)

μˆ˜λ§Žμ€ μ΅œμ‹  λΈŒλΌμš°μ € μ‚¬μš©μžμ™€ μ†Œμˆ˜μ˜ IE μ‚¬μš©μžκ°€ 철둜 μœ„μ— λ¬Άμ—¬ μžˆλ‹€λ©΄, κ°œλ°œμžλŠ” λˆ„κ΅¬λ₯Ό ꡬ해야 ν• κΉŒμš”? 트둀리 λ”œλ ˆλ§ˆλ‘œ ν’€μ–΄λ³΄λŠ” μ›Ή ν˜Έν™˜μ„±κ³Ό 크둜슀 λΈŒλΌμš°μ§• 이야기

Web

REST API 의 REST λŠ” 무엇인가?

REST API λŠ” REpresentational State Transfer API 둜, μ›Ή μ„œλΉ„μŠ€μ—μ„œ ν†΅μ‹ ν•˜λŠ”λ° μ‚¬μš©λ˜λŠ” μ†Œν”„νŠΈμ›¨μ–΄ μΈν„°νŽ˜μ΄μŠ€μž…λ‹ˆλ‹€.

Web

Authentication, Authorization 인증과 인가

μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ 인증(Authentication)κ³Ό 인가(Authorization)의 κ°œλ…κ³Ό 차이점에 λŒ€ν•΄ μ•Œμ•„λ΄…λ‹ˆλ‹€. Session, JWT λ“± λ‹€μ–‘ν•œ 인증방식과 CSRF λ¬Έμ œμ— λŒ€ν•΄ μ•Œμ•„λ΄…λ‹ˆλ‹€

Web