Basix Knowledge Base

Powered by ๐ŸŒฑRoam Garden

June 7th, 2022

ํŠธ์œ„ํ„ฐ์— ์ •๋ฆฌํ•ด ๋‘” ๋ฐ€๋ฆฐ RSS ๋‚ด์šฉ

Partytown ์†Œ๊ฐœ์ธ๋ฐ ๋‚ด์šฉ์€ ์ด๋ฏธ Partytown ์•Œ๋˜ ๋ถ„์ด๋ฉด skimming๋งŒ ํ•ด๋„ ๋  ๋“ฏ How Partytown Eliminates Website Bloat From Third-Party Scripts โ€” Smashing Magazine

Golang์˜ ์œ ๋ช…ํ•œ ๋น„ํŒ ๊ธ€์˜ ์‹œํ€„ ์ฏค ๋จ Lies we tell ourselves to keep using Golang

2022๋…„ 4์›”์— ๋ฆด๋ฆฌ์ฆˆ๋œ ์›น ํ”ผ์ณ ๋ชฉ๋ก. Priority Hints๋ž‘ hwb ์ •๋„๋งŒ ๊ธฐ์–ตํ•ด๋‘๋ฉด ๋ ๋“ฏ? web.dev/web-platform-0โ€ฆ

ํŠน์ • ์š”์†Œ๋กœ ์Šคํฌ๋กค์‹œ์ผœ์ฃผ๋Š” ๊ธฐ๋Šฅ. ์˜›๋‚ ์— ์š”๋Ÿฐ ๊ฑฐ ํ•  ๋•Œ๋Š” id ๋งŒ๋“ค์–ด์ฃผ๊ณ  a href="foo" ๊ฐ™์€ ์‹์œผ๋กœ ํ–ˆ์—ˆ๋Š”๋ฐ... hyeonseok.com/blog/888

Layered Architecture์— ๊ด€ํ•ด ์งง๋ง‰ํ•œ ์„ค๋ช…. MVC๋‚˜ MVVM ๊ฐ™์€ ๋””์ž์ธ ํŒจํ„ด๋„ ๊ทผ๋ณธ์ ์œผ๋ก  ์š”๋Ÿฐ ํ˜•ํƒœ์˜ ์ผ์ข…์ธ ๋“ฏ hudi.blog/layered-architโ€ฆ

curl ์ฃผ์ธ์žฅ ์•„์ €์”จ๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ์˜คํ”ˆ์†Œ์Šค ํ•œ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ์ฑ… ํ•˜๋‚˜ ์“ฐ์‹œ๋ ค๋Š” ๋“ฏ ์ถœํŒ์‚ฌ๋‹˜๋“ค ์ œ๋ฐœ ์ •๋ฐœ ์ข€... daniel.haxx.se/blog/2022/04/3โ€ฆ

๋””๋„์Šค ๋งž์€ ํ›„๊ธฐ fasterthanli.me/articles/i-wonโ€ฆ

FFmpeg๋กœ ๊ฐ„๋‹จํ•œ ๋น„๋””์˜ค ์—๋””ํŒ… shoreparty.org/posts/trim-croโ€ฆ

Node.js v18 ๋ฆด๋ฆฌ์ฆˆ์— ๊ด€ํ•ด Node.js TSC ๋ฉค๋ฒ„๋“ค๋ผ๋ฆฌ ์ด์•ผ๊ธฐํ•  ๋ฟ์ธ ์˜์ƒ youtube.com/watch?v=RSGNzEโ€ฆ

Lit.js๋กœ ๊ฐ„๋‹จํ•œ ์›น ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ blog.openreplay.com/build-a-lightwโ€ฆ

CSS๋กœ ๋ฐ˜์‚ฌ๋˜๋Š” ํšจ๊ณผ ๋‚ด๊ธฐ css-tricks.com/creating-realiโ€ฆ

LINE Engineering์—์„œ ๊ฐœ๋ฐœํ•œ CI/CD ์†”๋ฃจ์…˜ PIPE ์†Œ๊ฐœ. ๋ณธ์ธ์—๊ฒŒ ๋งž๋Š” ๋ถ€๋ถ„๋งŒ ์ทจ์‚ฌ ์„ ํƒํ•ด์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ณ  ์ฟ ๋ฒ„๋„คํ‹ฐ์Šค๋ฅผ ํ†ตํ•ด ๋Ÿฐํƒ€์ž„์— ์ง์ ‘ ์—‘์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•จ... engineering.linecorp.com/ko/blog/pipe-cโ€ฆ

๊ฐ„์ง€๋‚˜๋Š” ๊นƒํ—™๋ฑƒ์ง€~ ๋‚œ ์ฃผ๋กœ shields.io ์ผ๋Š”๋ฐ ์ €๋Ÿฐ ๊ณณ๋„ ์žˆ๋Š”๊ฐ‘๋‹ค css-tricks.com/adding-custom-โ€ฆ

๋ถ€ํŠธ์ŠคํŠธ๋žฉ, Material UI ๊ฐ™์€ CSS UI ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ๊ผญ ํ•„์š”ํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ์˜คํžˆ๋ ค ๋ฐฉํ•ด๊ฐ€ ๋  ์ˆ˜๋„ ์žˆ๋‹ค๊ณ  ์ง€์ ํ•˜๋Š” ๊ธ€. ๋‚˜๋„ ๋น„์Šทํ•œ ๊ฑฑ์ •์œผ๋กœ Reach UI์™€ Radix UI๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ณ  ํ›จ์”ฌ ๋งŒ์กฑ์Šค๋Ÿฌ์›€! smashingmagazine.com/2022/05/you-doโ€ฆ

fe-news 5์›”ํ˜ธ. ์ด๊ฑด RSS ๊ตฌ๋…๊ณผ ๋ณ„๊ฐœ๋กœ ์ด๋ฏธ ์ฝ์€ ๋“ฏ... github.com/naver/fe-news/โ€ฆ

๊ฐœ๋ฐœ์ž ๋ฉด์ ‘ ๊ณผ์ •์— ๋””๋ฒ„๊น…์„ ํฌํ•จํ•ด์•ผ ํ•˜๋Š”๊ฐ€? ์ €์ž๋Š” ์—…๋ฌด์— ์ค‘์š”ํ•œ ๋Šฅ๋ ฅ์€ ์ฝ”๋”ฉ ๊ทธ ์ž์ฒด๋„ ์žˆ์ง€๋งŒ ๊ทธ๋งŒํผ ์ด๋ฏธ ์งœ์ธ ์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์ˆ˜์ •ํ•˜๋Š” ๋Šฅ๋ ฅ๋„ ์ž˜ ํ‰๊ฐ€๋˜์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ด์•ผ๊ธฐํ•˜๊ณ  ์‹ถ์€ ๋“ฏ zhenghao.io/posts/debugginโ€ฆ

๊ทธ ์™ธ์— ๋ฐ€๋ฆฐ RSS

ํ›„๋ณด์ž์™€ ๋ฉด์ ‘๊ด€์€ ๊ฐ‘์„ ๊ด€๊ณ„๊ฐ€ ์•„๋‹ˆ๋‹ค. ์ €์ž์„ธ๋ฅผ ์ทจํ•  ํ•„์š”๊ฐ€ ์—†๋‹ค. ๋ฉด์ ‘์„ ์„œ๋กœ๊ฐ€ ์ž˜ ๋งž๋Š”์ง€ ํ™•์ธํ•˜๋Š” ์†Œ๊ฐœํŒ…์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์ž.

์˜ˆ์ „์— ์™”๋˜ ์ œ์˜๋ฅผ ๊ฑฐ์ ˆํ•œ ๊ฒŒ ์‚ฌ์‹ค์€ ๊ทผ์†์ผ์ˆ˜ ์ด์Šˆ๋„ ์žˆ๊ธด ์žˆ์—ˆ๋Š”๋ฐ... ๊ทธ ํŒ€์—์„œ ํ–ฅํ›„ 3๊ฐœ์›” ์ด๋‚ด์— ์ˆ˜ํ–‰ํ•˜๊ฒŒ ๋  ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ณผ์ œ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? ๋ผ๋Š” ์งˆ๋ฌธ์—์„œ ์‹œ์›ํ•œ ๋‹ต์„ ๋ชป ๋ฐ›์•˜๋‹ค๊ณ  ์ƒ๊ฐํ•จ

์‚ฌ๊ฒฌ์œผ๋กœ Headless CMS์˜ ์žฅ์ ์€ ๋”ธ๋ ค์˜ค๋Š” ๋ฐฑ์˜คํ”ผ์Šค๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค (...)

๋‹น์—ฐํžˆ WordPress๋‚˜ Ghost ๊ฐ™์€ ๊ฒƒ์— ๋น„๊ตํ•˜๋ฉด ์ข€ ๋” lock-in์—์„œ ์ž์œ ๋กญ๊ธด ํ•œ๋ฐ ์‚ฌ์‹ค ๊ทธ๋Ÿฐ ๋ง ํ•  ๊ฑฐ๋ฉด ๋ฆฌ์น˜ ํ…์ŠคํŠธ ํฌ๋งท์ด๋ผ๋„ ์„œ๋กœ ๋งž์ถฐ์•ผ ํ•˜์ง€ ์•Š๋‚˜ ํ•˜๋Š” ์ƒ๊ฐ์€ ๋ช‡ ๋ฒˆ ํ•ด๋ดค๋‹ค...

์•„ํ† ๋ฏน ๋””์ž์ธ์„ ๋น„ํŒํ•  ๋•Œ ์ข…์ข… ๊ฑฐ๋ก ๋˜๋˜ Molecule, Organism ๊ตฌ๋ถ„์— ๋Œ€ํ•œ ์ฃผ๊ด€์„ฑ์„ ํ•ด์„ํ•œ ๋ฐฉ๋ฒ•์ด ํฅ๋ฏธ๋กญ๊ธด ํ•œ๋ฐ, ์‚ฌ์‹ค ์—ฌ์ „ํžˆ ์ฃผ๊ด€์ ์ธ ๋ฐฉ๋ฒ•์ด๋ผ๋Š” ๋А๋‚Œ์€ ๋“ ๋‹ค

Comment๋Š” ์ปจํ…์ŠคํŠธ์ธ๊ฐ€? Post๋Š” ์ปจํ…์ŠคํŠธ์ธ๊ฐ€? Molecule์— ์ปจํ…์ŠคํŠธ๊ฐ€ ํฌํ•จ๋˜๋Š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ํ•„์š”ํ•ด์ง„๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•  ๊ฒƒ์ธ๊ฐ€?

๋ญ”๊ฐ€... ์˜๋ฌธ์„ ๋” ๋งŽ์ด ๋‚จ๊น€

ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋Š” ๊ทธ ํŠน์„ฑ์ƒ Secret key ๊ฐ™์€ ๋ฏผ๊ฐํ•œ ์ž๋ฃŒ๋ฅผ ๋‹ค๋ฃจ๋Š”๋ฐ, ์œ„ ๊ตฌ์กฐ์—์„œ๋Š” ํ•ด๋‹น ๊ฐ’์ด ๋Ÿฐํƒ€์ž„์— ๋…ธ์ถœ๋œ๋‹ค๋Š” ์ ์„ ์‰ฝ๊ฒŒ ์•Œ๊ธฐ ์–ด๋ ต๋‹ค.

NextJS์—์„œ ์ด๋Ÿฌํ•œ ๊ฐ’์„ NEXT_PUBLIC_ prefix๋กœ ๊ตฌ๋ถ„ํ•˜๋Š” ๊ฒƒ๊ณผ๋Š” ๋Œ€์กฐ์ ์ด๋‹ค.

๊ธ€ ๋งˆ์ง€๋ง‰์—์„œ ์•”ํ˜ธํ™”/๋ณตํ˜ธํ™”๋ฅผ ํ•œ๋‹ค๊ณ ๋Š” ํ•˜๋Š”๋ฐ... ํด๋ผ์ด์–ธํŠธ์—์„œ cleartext์— ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์ด์ƒ ๊ทธ์ € ์˜ค๋ฒ„ํ—ค๋“œ ์•„๋‹Œ๊ฐ€

ํ™˜๊ฒฝ ๋ณ€์ˆ˜๊ฐ€ ์ •์ ์œผ๋กœ ๋นŒ๋“œ ๊ณผ์ •์— ํฌํ•จ๋œ๋‹ค๋Š” ์‚ฌ์‹ค ์ž์ฒด๋Š” ๋ณ€ํ•˜์ง€ ์•Š์Œ

๋Ÿฐํƒ€์ž„์˜ ์ •์˜์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜๋Š” ์žˆ๋Š”๋ฐ... ์‹คํ–‰ ๋‹น์‹œ์— env ํŒŒ์ผ์„ ์ •์ ์œผ๋กœ ๋ฝ‘์•„์„œ __ENV.js์— ๋„ฃ์œผ๋ฉด ๊ทธ๊ฒƒ์ด ๋นŒ๋“œ ์•„๋‹Œ๊ฐ€

next build ํ•  ๋•Œ process.env ์น˜ํ™˜๋˜๋Š” ๋ถ€๋ถ„์€ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•œ๊ฑฐ์ง€??

๊ธ€ ์„œ๋‘์— ๋ฌธ์ œ ์‚ฌ๋ก€๋กœ ์ œ์‹œํ–ˆ๋Š”๋ฐ ์น˜ํ™˜ํ•˜๋Š” ๋กœ์ง์„ ๋ฐ”๊พผ ๊ฒƒ ๊ฐ™์ง„ ์•Š์Œ

.env ํŒŒ์ผ์— ๋ณต์‚ฌํ•ด์„œ ์„œ๋ฒ„์—์„œ process.env ์— ์ ‘๊ทผํ•œ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ... ์น˜ํ™˜๋œ ๊ฐ’์„ ์ด์šฉํ•˜๊ณ  ์žˆ๋Š” ๊ฒŒ ์•„๋‹Œ๊ฐ€?

Note: In order to keep server-only secrets safe, Next.js replaces process.env.* with the correct values at build time.

Automatic Static Optimization์€ ์–ด๋–ป๊ฒŒ ๋œ ๊ฑฐ์ง€?

์ด๋ฆ„์—์„œ ์•Œ ์ˆ˜ ์žˆ๋“ฏ ๋ฏธ๋ฆฌ SSG๋ฅผ ํ•ด ๋†“๋Š” ๊ธฐ์ˆ ์ด๋ผ ์„œ๋ฒ„ ์‹คํ–‰ ์ค‘์˜ ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์ฝ์–ด๋“ค์ผ ์ˆ˜๋Š” ์—†์Œ

์‚ฌ์‹ค ์†Œํ”„ํŠธ์›จ์–ด ๋ฒค๋”๋“ค์˜ ์ค€๋น„๋Š” ์ด๋ฏธ ๋๋‚ฌ๊ณ  ํฐํŠธ ์ œ์ž‘์‚ฌ๋“ค์ด ๋„์ž…ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒŒ ๊ณผ์ œ๊ฐ€ ๋˜๋Š”๋ฐ...

์‚ฐ๋Œ์—์„œ ๋ช‡๋ช‡ ์ƒˆ๋กœ์šด OTF ํ‘œ์ค€์œผ๋กœ ์‹คํ—˜ํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ๋„ ์žˆ๊ณ , ์‹ค์งˆ์ ์œผ๋กœ ํฐํŠธ ์ œ์ž‘์‚ฌ ์ž…์žฅ์—์„œ๋„ variant ๋งŒ๋“œ๋Š” ๋น„์šฉ์ด ์ ˆ๊ฐ๋˜๋Š” ์žฅ์ ๋„ ์žˆ์–ด์„œ ๋ฏธ๋ž˜๋Š” ๋ฐ์ง€ ์•Š์„๊นŒ?

ํƒ€์ดํ‹€๊ณผ ๋‚ด์šฉ ๋ชจ๋‘ ๋งํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฐ”๊ฐ€ ์•„์ฃผ ๋ช…ํ™•ํ•จ: ์˜คํ”ˆ์†Œ์Šค ๋ฉ”์ธํ…Œ์ด๋„ˆ๋“ค์—๊ฒŒ ์ •๋‹นํ•œ ๋Œ€๊ฐ€๋ฅผ ์ง€๋ถˆํ•˜๋ผ ์ •๋„์˜ ์ด์•ผ๊ธฐ

๋” ์ •ํ™•ํžˆ๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ํšŒ์‚ฌ๋Š” ๊ทธ ํšŒ์‚ฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ์˜คํ”ˆ ์†Œ์Šค์˜ ๋ฉ”์ธํ…Œ์ด๋„ˆ๋“ค์—๊ฒŒ ์ •๋‹นํ•œ ๋Œ€๊ฐ€๋ฅผ ์ง€๋ถˆํ•ด์•ผ ํ•  ์˜๋ฌด๊ฐ€ ์žˆ๋‹ค๊ณ  ๋งํ•˜๊ณ ์ž ํ•˜๋Š” ๋“ฏ

์œ ๋‹ˆํฌ๊ตฟ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ด ์˜จ๋ณด๋”ฉ

flexbox๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•ด์„œ... ๋‚˜์  ๊ฒŒ ์žˆ๋‚˜?

๋Œ€๋ถ€๋ถ„์˜ ๋ฉ”์ด์ € ์†Œ์…œ ์‚ฌ์ดํŠธ์—์„œ (์‚ฌ์‹ค์ƒ) WebP๋ฅผ OpenGraph ์ด๋ฏธ์ง€๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ 

๊ทธ๋ž˜๋„ ์•ˆ ๋˜๋Š” ๊ณณ๋“ค์˜ ์‚ฌ์ด์ฆˆ๋„ ์ž‘์ง€ ์•Š์•„์„œ JPEG/PNG ์„œ๋น™ํ•˜๋Š” ๊ฒŒ ์ข‹์„ ๋“ฏ

๊ทธ ์™ธ์— ์˜ค๋Š˜ ์ ‘ํ•œ ๊ธ€

ํŠธ์œ„ํ„ฐ ์š”์•ฝ ๋ฐ ๋ฒˆ์—ญ ํƒ€๋ž˜: https://twitter.com/dylayed/status/1533704164873674752

๊ธฐ์ˆ  ๋ถ€์ฑ„๊ฐ€ ๋ฐœ๋ชฉ์„ ์žก๊ฒŒ ๋˜๋Š” ์ž„๊ณ„์ ์€ ์–ด๋””๋ถ€ํ„ฐ์ผ๊นŒ?

์š”์ฆ˜ ์ œ๋ชฉ ์–ด๊ทธ๋กœ ์ฐธ ์‹ฌํ•ด์ง€๊ธด ํ–ˆ์Œ...

๋‚ด์šฉ์€ ๋ฌด๋‚œํ•˜๊ฒŒ ์ž์ฃผ ์“ฐ์ด๋Š” UI ์š”์†Œ ์†Œ๊ฐœ์ž„

Bing์ด sitemap.xml ์ง€์›์„ ์ค‘๋‹จํ•˜๊ณ  IndexNow๋กœ ์ด๋™