Basix Knowledge Base

Powered by ๐ŸŒฑRoam Garden

June 9th, 2022

์กธ๋ฆผ

์–ด์ œ RSS ๊ตฌ๋… ๋ฐฉ์‹์„ ๋ฐ”๊พธ๋ ค๊ณ  ํ•˜๋ฃจ์ข…์ผ Miniflux๋กœ ๊ตฌ๋… ์˜ฎ๊น€

Synology ์œ„์—์„œ Docker๋กœ ๊ตด๋ฆฌ๊ณ  ์žˆ๋Š”๋ฐ ์ƒ๋‹นํžˆ ์ž˜ ๊ตด๋Ÿฌ๊ฐ

AB180 ์—”์ง€๋‹ˆ์–ด๋ง ๋ธ”๋กœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ์˜จ๊ฐ– ์ง“์„ ๋‹ค ํ•ด๋ณด๋Š” ๋ฐ ๋งŒ์กฑ์Šค๋Ÿฐ ๊ฒฐ๊ณผ๊ฐ€ ์•ˆ ๋‚˜์˜ด

์˜ค๋Š˜ ์ ‘ํ•œ ๋งํฌ

Pyston์„ PEP 523 ํ™•์žฅ ๋ชจ๋“ˆ๋กœ ์žฌ๊ตฌํ˜„

๊ธฐ์กด๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ ๋ณ„๋„์˜ Pyston ์„ค์น˜ ์—†์ด Python ๋ชจ๋“ˆ ํ•˜๋‚˜๋งŒ ์„ค์น˜ํ•˜๋ฉด JIT๊ฐ€ ํ™œ์„ฑํ™”

์ตœ๊ทผ ์˜คํ”ˆ ์†Œ์Šค ๋™ํ–ฅ์„ ์ž˜ ๋ชจ๋ฅด๋ฉด ์ด๋Ÿฐ ๋ง๋„ ํ•  ์ˆ˜ ์žˆ๊ฒ ๊ตฌ๋‚˜

๋Œ€๋ถ€๋ถ„์˜ ์˜คํ”ˆ ์†Œ์Šค ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ๊ธฐ์—…์ด๋‚˜ ๊ธฐ์—… ์ถœ์ž ์žฌ๋‹จ/์—ฐํ•ฉ ๋“ฑ์—์„œ ๊ฐœ๋ฐœ๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์—์„œ ์ง„์งœ ํ•˜๋‚˜๋„ ์•ˆ ๋งž๋Š” ์ฃผ์žฅ

ํ•œ๋ฒˆ ์ฝ๊ธฐ๋ณด๋‹ค๋Š” ์ผํ•˜๊ณ  ์žˆ๋Š” ํšŒ์‚ฌ์— ํšŒ์˜๋ฅผ ๋А๋‚„ ๋•Œ ์จ๋ณผ ์ˆ˜ ์žˆ๋Š” ์ž๊ฐ€ ๋ฌธ๋‹ต์— ๊ฐ€๊นŒ์›€

์€ํƒ„ํ™˜์€ ์—†๋Š” ๊ฒƒ์ธ๋ฐ... ํผํฌ๋จผ์Šค๋Š” ์ข‹์•„์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์–ด๋–ค ํŠธ๋ ˆ์ด๋“œ์˜คํ”„๊ฐ€ ์žˆ๋Š”์ง€๋Š” ์•Œ๊ณ  ์จ์•ผ ํ•œ๋‹ค.

content-visiblity๋Š” layout ๊ณ„์‚ฐ์„ ํ•„์š”ํ•  ๋•Œ๊นŒ์ง€ ๋Šฆ์ถฐ์ฃผ๋Š” CSS ํ”„๋กœํผํ‹ฐ์ž„

ํŽ˜์ด์ง€๋ฅผ ๋“ค์–ด๊ฐ€์ž๋งˆ์ž ๋ฐ”๋กœ ๋ณด์ด๋Š” ์š”์†Œ๋ผ๋ฉด ์ ์šฉํ•˜๋Š” ๊ฒŒ ์ƒ๊ฐ๋ณด๋‹ค ํฐ ํ–ฅ์ƒ์„ ๊ฐ€์ ธ์˜ค์ง€ ์•Š์„ ์ˆ˜๋„

contain: layout;์„ ์ž๋™์œผ๋กœ ํ™œ์„ฑํ™”ํ•จ

contain-intrinsic-size๋Š” ์œ„ content-visiblity์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์—ฌ, ๋ธŒ๋ผ์šฐ์ €์— ํ•ด๋‹น ์š”์†Œ๊ฐ€ ์–ด๋А ์ •๋„์˜ ํฌ๊ธฐ๋ฅผ ๊ฐ€์ง€๋Š” ์ง€ ๋Œ€๋žต์ ์œผ๋กœ ํžŒํŒ…ํ•ด์ฃผ๋Š” ์—ญํ• 

layout ๊ณ„์‚ฐ์ด ์‹ค์ œ๋กœ ์ด๋ฃจ์–ด์ง€๊ธฐ ์ „๊นŒ์ง€ ๋Œ€์ถฉ ์“ฐ๋Š” ํฌ๊ธฐ

๊ธ€ ์ž์ฒด๋Š” Clickbait๊ณ , ์œ„์— ์žˆ๋Š” ์˜์ƒ์ด ํ›จ์”ฌ ์œ ์ตํ•จ

์•„๋‹ˆ ๊ทผ๋ฐ ์˜์ƒ ๋ณด๊ณ  ๊ธ€ ์“ธ๊ฑฐ๋ฉด ์ ์–ด๋„ ์˜์ƒ์— ๋‚˜์˜ค๋Š” ์ •๋ณด๋ฅผ ์˜ฎ๊ฒจ์ ๋Š” ๋…ธ๋ ฅ์ด๋ผ๋„ ํ•ด์•ผ ํ•˜๋Š” ๊ฑฐ ์•„๋‹Œ๊ฐ€...

๋ฐฑ์Šคํ† ๋ฆฌ: Fly.io๊ฐ€ SQLite ๋ ˆํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„œ๋น„์Šค์ธ Litestream์„ ์ธ์ˆ˜ํ–ˆ์—ˆ์Œ

์˜ˆ์ „๋ถ€ํ„ฐ SQLite๊ฐ€ ํƒ€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ๋น„ํ•ด ์ง€์ง€ ์•Š์„ ์ •๋„์˜ ์„ฑ๋Šฅ์ด๋‚˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค๋Š” ์ด์•ผ๊ธฐ๋Š” ์ข…์ข… Hacker News ๊ตฌ์„์—์„œ ๋Œ๊ธด ํ–ˆ์Œ...

RGB์˜ 16์ง„์ˆ˜ ํ‘œํ˜„ ์ค‘ ๋‹จ์–ด ๊ฐ™์•„ ๋ณด์ด๋Š” ๊ฑฐ ๋ชจ์•„๋‘” ์‚ฌ์ดํŠธ

์ •๋ณด๊ฐ’์€ ์—†๋Š”๋ฐ ์›ƒ๊น€

์‚ฌ์‹ค ๋ณธ ์ง€๋Š” ์ข€ ์˜ค๋ž˜๋๊ณ  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 ํ‘œ์ค€์—์„œ ์ •์˜๋œ ๋ชจ๋“  ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ ์ž‘์šฉ์„ ํ•œ๋ฒˆ์— ๋น„ํ™œ์„ฑํ™” ๊ฐ€๋Šฅํ•œ ์†์„ฑ

TIL CSS filter: drop-shadow(); ์™€ box-shadow ์˜ ์ฐจ์ด

ํ•„ํ„ฐ๋Š” ์—˜๋ฆฌ๋จผํŠธ์˜ ๋‚ด์šฉ๋ฌผ์— ์ ์šฉ๋จ

์˜ˆ๋ฅผ ๋“ค์–ด ๋™๊ทธ๋ž€ ๋ฐฐ๊ฒฝ ํˆฌ๋ช… ์ด๋ฏธ์ง€์— ํ•„ํ„ฐ๋กœ ๊ทธ๋ฆผ์ž๋ฅผ ๋„ฃ์œผ๋ฉด ์› ๋ชจ์–‘ ๊ทธ๋ฆผ์ž๊ฐ€ ๋“ค์–ด๊ฐ€๊ณ , box-shadow๋Š” ๋„ค๋ชจ๋‚œ ๊ทธ๋ฆผ์ž๊ฐ€ ๋˜๋Š” ์‹

ํ•„ํ„ฐ๋Š” overflow: hidden;์˜ ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š์Œ

์Šน๊ฒฉ๋œ ๊ฒƒ ์ค‘์—์„œ๋Š” JSON.parse์™€ dedent, findLast ๊ฐ€ ํฌ๊ฒŒ ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค

์…‹ ๋‹ค ์—†์–ด์„œ ๋ชจ๋“ˆ ์“ฐ๋ ค ํ–ˆ๋˜ ๊ฑฐ๋ผ (...)