์กธ๋ฆผ
AB180 ์์ง๋์ด๋ง ๋ธ๋ก๊ทธ๋ฅผ ์ถ๊ฐํ๋ ค๊ณ ์จ๊ฐ ์ง์ ๋ค ํด๋ณด๋ ๋ฐ ๋ง์กฑ์ค๋ฐ ๊ฒฐ๊ณผ๊ฐ ์ ๋์ด
์ค๋ ์ ํ ๋งํฌ
์ต๊ทผ ์คํ ์์ค ๋ํฅ์ ์ ๋ชจ๋ฅด๋ฉด ์ด๋ฐ ๋ง๋ ํ ์ ์๊ฒ ๊ตฌ๋
๋๋ถ๋ถ์ ์คํ ์์ค ์ํํธ์จ์ด๊ฐ ๊ธฐ์ ์ด๋ ๊ธฐ์ ์ถ์ ์ฌ๋จ/์ฐํฉ ๋ฑ์์ ๊ฐ๋ฐ๋๊ณ ์๋ ์ํฉ์์ ์ง์ง ํ๋๋ ์ ๋ง๋ ์ฃผ์ฅ
ํ๋ฒ ์ฝ๊ธฐ๋ณด๋ค๋ ์ผํ๊ณ ์๋ ํ์ฌ์ ํ์๋ฅผ ๋๋ ๋ ์จ๋ณผ ์ ์๋ ์๊ฐ ๋ฌธ๋ต์ ๊ฐ๊น์
์ํํ์ ์๋ ๊ฒ์ธ๋ฐ... ํผํฌ๋จผ์ค๋ ์ข์์ง ์ ์์ง๋ง ์ด๋ค ํธ๋ ์ด๋์คํ๊ฐ ์๋์ง๋ ์๊ณ ์จ์ผ ํ๋ค.
content-visiblity๋ layout ๊ณ์ฐ์ ํ์ํ ๋๊น์ง ๋ฆ์ถฐ์ฃผ๋ CSS ํ๋กํผํฐ์
ํ์ด์ง๋ฅผ ๋ค์ด๊ฐ์๋ง์ ๋ฐ๋ก ๋ณด์ด๋ ์์๋ผ๋ฉด ์ ์ฉํ๋ ๊ฒ ์๊ฐ๋ณด๋ค ํฐ ํฅ์์ ๊ฐ์ ธ์ค์ง ์์ ์๋
contain: layout;์ ์๋์ผ๋ก ํ์ฑํํจ
contain-intrinsic-size๋ ์ content-visiblity์ ํจ๊ป ์ฌ์ฉํ์ฌ, ๋ธ๋ผ์ฐ์ ์ ํด๋น ์์๊ฐ ์ด๋ ์ ๋์ ํฌ๊ธฐ๋ฅผ ๊ฐ์ง๋ ์ง ๋๋ต์ ์ผ๋ก ํํ ํด์ฃผ๋ ์ญํ
layout ๊ณ์ฐ์ด ์ค์ ๋ก ์ด๋ฃจ์ด์ง๊ธฐ ์ ๊น์ง ๋์ถฉ ์ฐ๋ ํฌ๊ธฐ
๊ธ ์์ฒด๋ Clickbait๊ณ , ์์ ์๋ ์์์ด ํจ์ฌ ์ ์ตํจ
์๋ ๊ทผ๋ฐ ์์ ๋ณด๊ณ ๊ธ ์ธ๊ฑฐ๋ฉด ์ ์ด๋ ์์์ ๋์ค๋ ์ ๋ณด๋ฅผ ์ฎ๊ฒจ์ ๋ ๋ ธ๋ ฅ์ด๋ผ๋ ํด์ผ ํ๋ ๊ฑฐ ์๋๊ฐ...
๋ฐฑ์คํ ๋ฆฌ: Fly.io๊ฐ SQLite ๋ ํ๋ฆฌ์ผ์ด์ ์๋น์ค์ธ Litestream์ ์ธ์ํ์์
์์ ๋ถํฐ SQLite๊ฐ ํ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋นํด ์ง์ง ์์ ์ ๋์ ์ฑ๋ฅ์ด๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค๋ ์ด์ผ๊ธฐ๋ ์ข ์ข Hacker News ๊ตฌ์์์ ๋๊ธด ํ์...
์ฌ์ค ๋ณธ ์ง๋ ์ข ์ค๋๋๊ณ Korean FE Articles์์ ๋ฌต์ ๋งํฌ ๊บผ๋ด๋ค๊ฐ ๋์ค๋๋ผ..
์ฒ์ ์ ํ ๋๋ ํ์ ์คํฌ๋ฆฝํธ๋ผ๋ ๋นํ์ค ๋ฌธ๋ฒ์ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ค์ผ๋ก ํธ์ ํด๋ ๋๋ ๊ฑด๊ฐ? ์๊ฐํ๊ธด ํ๋๋ฐ...
์๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ ์์ฒด๋ ํ์ค๋ณด๋ค ์ฐ์ ์์ ๋จผ์ ํ์ํ์ผ๋, ํ๋ฒ ๋ ๊ทธ๋๋ ์ด์ํ ๊ฒ๋ ์๊ณ
์ด๋ฏธ ํ์ ์คํฌ๋ฆฝํธ๊ฐ ์ ์ ํ์ดํ์ ์ฌ์ค์ ํ์ค์ผ๋ก ์ธ์ง๋๋ ์ํฉ์์ ๋ฌธ๋ฒ๋ง ์ถ๊ฐ๋๋ค๊ณ ํ๋ฉด ๋์ ๊ฑด ์๋ ์ถ๋๋ผ
๊ทธ๋๋ Intl API ๋นผ์ค ๊ฒ์ฒ๋ผ ๋ณ๋ ํ์ค์์ผ๋ก ๋ค๋ฃจ๋ฉด ์ข๊ฒ ๋ค๋ ํฌ๋ง ์ฌํญ์ ๋จ์์์
์ง๊ธ๊น์ง ์ด์์๋ ๊ฒ ๊ธฐ์ ์
GitHub ์ต๊ทผ๊น์ง ํ๋ณด๋ฅผ ๋ณด๋ฉด ์ด๋ฏธ Visual Studio Code ๊ธฐ๋ฐ์ ์ ํ์ ์์ ์ถ์ํ๋ฉด์ Atom์ ์ ๊ฒฝ๋ ์ ์ฐ๋ ํฐ๊ฐ ๋๋ฌด ๋ง์ด ๋ฌ์
Copilot, Codespaces, GitHub Extension ๋ฑ๋ฑ๋ฑ๋ฑ๋ฑ....
Netflix์ ์ฑ์ฉ ๋ฐฉ๋ฒ์ ๋ํด ์ด์ผ๊ธฐํ๋ ํ์บ์คํธ ์ํผ์๋
์๋ฐ ํ๋ ๋ณผ ๋๋ง๋ค ์ปค๋ฆฌ์ด ์๊ฐ ๊น์ด์ง๋ ๊ฑด ์ด์ฉ ์๊ฐ ์๋ค
์ด๋ฏธ ๋ณด๊ธด ํ๋๋ฐ ๊ทธ๋๋ ์ฌ์งํ๋ ํ์ฌ๊ฐ ํ์ฌ๋ ์ด๋๋ง ์กฐ๊ธ ๋ณดํ๋ฉด
์ค๋ ๊ฑธ๋ฆฌ๋ ์์ ์ ์ด๋ป๊ฒ ์ฌ์ฉ์์๊ฒ ์ ์ ๋ฌํ๋ ๊ฐ๋ ์ข ์ข ์ ์ฉํจ
๋ธ๋ญ์ฒด์ธ์ ์ง์ ๋ค๋ฃจ๋ ์ผ์ ํ๊ฒ ๋ ๊ฒฝ์ฐ์๋ ์ํธํ์ด๋ ๋ถ์ฐ ์ปดํจํ ์ ๋ํ ์ง์์ ํฌ๊ฒ ์์ ์ ์์
๊ทผ๋ฐ ๋ ์๊ฑฐ ํด๋น ์ ๋จ ใ ใ ใ ใ
๋จ์ ๊ธ์ Paywall ๊ฑฐ๋ ๊ฑด ๊ด์ฐฎ์ ์ผ์ผ๊น.. ์ฌํํผ
๋ด๋ดํ ์ฝ์ด๋ณด๊ธฐ ์ข์ ์ญ์ฌ์ ๊ฐ์ ๋๋
it is an efficient way to disable all of the interactions above and hide elements from assistive technology.
HTML ํ์ค์์ ์ ์๋ ๋ชจ๋ ์ฌ์ฉ์์์ ์ํธ ์์ฉ์ ํ๋ฒ์ ๋นํ์ฑํ ๊ฐ๋ฅํ ์์ฑ
ํํฐ๋ ์๋ฆฌ๋จผํธ์ ๋ด์ฉ๋ฌผ์ ์ ์ฉ๋จ
์๋ฅผ ๋ค์ด ๋๊ทธ๋ ๋ฐฐ๊ฒฝ ํฌ๋ช ์ด๋ฏธ์ง์ ํํฐ๋ก ๊ทธ๋ฆผ์๋ฅผ ๋ฃ์ผ๋ฉด ์ ๋ชจ์ ๊ทธ๋ฆผ์๊ฐ ๋ค์ด๊ฐ๊ณ , box-shadow๋ ๋ค๋ชจ๋ ๊ทธ๋ฆผ์๊ฐ ๋๋ ์
ํํฐ๋ overflow: hidden;์ ์ํฅ์ ๋ฐ์ง ์์
์น๊ฒฉ๋ ๊ฒ ์ค์์๋ JSON.parse์ dedent, findLast ๊ฐ ํฌ๊ฒ ๊ธฐ๋๊ฐ ๋๋ค
์ ๋ค ์์ด์ ๋ชจ๋ ์ฐ๋ ค ํ๋ ๊ฑฐ๋ผ (...)