Hyunjin Cho

@resistan@hackers.pub ยท 16 following ยท 20 followers

๐Ÿ•ฏ๏ธ๋ฐ”๋ผ๋Š” ๊ฑด ํ‰๋“ฑํ•œ ๋ฏผ์ฃผ ์„ธ์ƒ.

๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ, HTML, CSS๋กœ ์‚ด๋‹ค ์š”์ฆ˜์€ ๋‹ค์‹œ ํˆฌ์Ÿ.

์ ‘๊ทผ์„ฑ ํ”„๋กœ์ ํŠธ
a11ykr.github.io
๋ธ”๋กœ๊ทธ
resistan.com
0

์‚ด๋ฉด์„œ RTL ์–ธ์–ด ์ง€์›์„ ํ•œ ๋ฒˆ๋„ ํ•ด ๋ณธ ์ ์ด ์—†์–ด์„œ ๋ฌด์„ญ๊ฒŒ ๋А๊ปด์ง„๋‹ค. ์•„๋งˆ ์„œ์–‘ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค๋„ CJK ๋ณด๋ฉด ์ด๋Ÿฐ ๋А๋‚Œ์ผ๊นŒ?

1
1

์ ‘๊ทผ์„ฑ ๋ฌธ์„œ๋ฅผ ๋ฒˆ์—ญํ•˜๊ณ  ๋ชจ์•„๋‘๋Š” ํŽ˜์ด์ง€์—์„œ, ๋ธ”๋กœ๊ทธ๋ฅผ ์„น์…˜์„ ์ถ”๊ฐ€ํ•˜๊ณ  ๋ฌธ์„œ๋Š” gitbook๊ณผ ๋น„์Šทํ•œ ํ˜•ํƒœ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ์ž‘์—… ์ค‘์ž…๋‹ˆ๋‹ค. ๋ธ”๋กœ๊ทธ ์„น์…˜ ์ถ”๊ฐ€ํ•œ ๊น€์— ๊ธ€๋„ ๊ฐ„๋งŒ์— ์ผ๋„ค์š”. ๋„ˆ๋ฌด ๋‹น์—ฐํ•œ ์ด์•ผ๊ธฐ๋งŒ ์“ด ๊ฒƒ๋„ ๊ฐ™์ง€๋งŒ์š”. ์•ž์œผ๋กœ ํ–ˆ์œผ๋ฉด ํ•˜๋Š” ๊ฒƒ๋„, ๋ณ€๊ฒฝํ•œ ์‚ฌ์ดํŠธ์— ์ •๋น„ํ•  ๊ฒƒ๋„ ๋งŽ๋„ค์š”. ์†๋„๊ฐ€ ํ•„์š”ํ•œ ์ผ์€ ์•„๋‹ˆ์ง€๋งŒ, ์—ฌ๋Ÿฌ ์‚ฌ๋žŒ์ด ๊ฐ™์ดํ•˜๋ฉด ๋” ์˜๋ฏธ๊ฐ€ ์žˆ๋Š” ์ผ์ด ๋  ๊ฒƒ ๊ฐ™์•„, ํ•จ๊ป˜ํ•˜์‹ค ๋ถ„๋“ค์„ ๊ณ„์† ์ฐพ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

https://a11ykr.github.io/

3

h1 ํƒœ๊ทธ์˜ ๊ธฐ๋ณธ ์Šคํƒ€์ผ์ด ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค
------------------------------
- ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ €๋“ค์ด
<h1> ํƒœ๊ทธ์˜ ๊ธฐ๋ณธ ์Šคํƒ€์ผ(UA ์Šคํƒ€์ผ)์„ ๋ณ€๊ฒฝํ•˜๋Š” ์—…๋ฐ์ดํŠธ๋ฅผ ์ง„ํ–‰ ์ค‘์ž„
- ํŠนํžˆ ์ค‘์ฒฉ๋œ
section, article, nav, aside ๋“ฑ์˜ ๋‚ด๋ถ€์—์„œ ์‚ฌ์šฉ๋œ <h1>์— ์˜ํ–ฅ์„ ์คŒ
- ๊ฐœ๋ฐœ์ž๋“ค์€ ์ด ๋ณ€๊ฒฝ์œผ๋กœ ์ธํ•ด ์‚ฌ์ดํŠธ์— ์˜ˆ๊ธฐ์น˜ ์•Š์€ ์Šคํƒ€์ผ ๋ณ€ํ™”๋‚˜ Lighthouse ๊ฒฝ๊ณ ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์ฃผ์˜๊ฐ€ ํ•„์š”โ€ฆ
------------------------------
https://news.hada.io/topic?id=20275&utm_source=googlechat&utm_medium=bot&utm_campaign=1834

0

@resistanHyunjin Cho @Cyan์‹œ์•ˆ (๋ณธ๊ณ„ ํƒ๋ผ ๊ฐฑ์‹ ์ด ์•ˆ ๋จ) ์•„, ๊ทธ๋ ‡๊ตฐ์š”. ์—ฐํ•ฉ์šฐ์ฃผ์—์„œ ์ปค๋ชจ์ง€๋ผ๊ณ  ํ•˜๋ฉด ๋ณดํ†ต Unicode์— ํฌํ•จ๋˜์–ด ์žˆ์ง€ ์•Š์€, ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ํ†ตํ•ด ๋ณด์—ฌ์ฃผ๋Š” ์ปค์Šคํ…€ ์—๋ชจ์ง€๋ฅผ ๋œปํ•ด์š”!

1

@resistanHyunjin Cho @Cyan์‹œ์•ˆ (๋ณธ๊ณ„ ํƒ๋ผ ๊ฐฑ์‹ ์ด ์•ˆ ๋จ) ์ €๋„ ์ปค์Šคํ…€ ์—๋ชจ์ง€๋Š” ์ ‘๊ทผ์„ฑ์— ์‹ฌ๊ฐํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ Hackers' Pub์—์„œ๋Š” ์ง€์›ํ•˜์ง€ ์•Š๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. (๋‹ค๋ฅธ ์ธ์Šคํ„ด์Šค์—์„œ ์“ด ์ปค์Šคํ…€ ์—๋ชจ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ ๋Š” ์žˆ์ง€๋งŒ์š”.)

@hongminheeๆดช ๆฐ‘ๆ†™ (Hong Minhee) @Cyan์‹œ์•ˆ (๋ณธ๊ณ„ ํƒ๋ผ ๊ฐฑ์‹ ์ด ์•ˆ ๋จ) ์ €๋Š” ์ปค๋ชจ์ง€๋ฅผ ์ปค์Šคํ…€ ์—๋ชจ์ง€๋ณด๋‹ค๋Š” ๋ฆฟ์Šคํ”ผํฌ(leetspeak) - lol, ์•ผ๋ฏผ์ •์Œ ๊ฐ™์€ ๊ฒƒ๋“ค๋กœ ์ƒ๊ฐ์„ ํ–ˆ์—ˆ์–ด์š”. TTS์—์„œ ํ…์ŠคํŠธ๋กœ ์ฝํžˆ์ง€๋งŒ ๋œป์ด ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌ๋˜์ง€ ์•Š๋Š” ๊ฒƒ์œผ๋กœ์š”.

0

@Cyan์‹œ์•ˆ (๋ณธ๊ณ„ ํƒ๋ผ ๊ฐฑ์‹ ์ด ์•ˆ ๋จ) ์ „๋งน์ธ ๊ฒฝ์šฐ์—๋Š” ์ปค๋ชจ์ง€๊ฐ€ ๋ฌธ์ œ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™๊ธด ํ•˜๋„ค์š”. ์ €์‹œ๋ ฅ(์•ฝ๊ฐ„์ด๋ผ๋„ ์‹œ๋ ฅ์ด ์žˆ๋Š”) ๊ฒฝ์šฐ์—๋Š” ํ™•๋Œ€ํ•ด์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค ์‹ถ์–ด์„œ ์˜คํžˆ๋ ค ๊ดœ์ฐฎ์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ปค๋ชจ์ง€๋Š” ASCII ์•„ํŠธ์ฒ˜๋Ÿผ ํ…์ŠคํŠธ๊ฐ€ ์•„๋‹Œ ์ฝ˜ํ…์ธ ๋กœ ๊ฐ„์ฃผ๋  ๋“ฏ ํ•˜๊ณ  ์„ค๋ช…์ด ๋ณ„๋„๋กœ ์ œ๊ณต๋˜๋Š” ํŽธ์ด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ์„ค๋ช…ํ•  ๊ฑฐ๋ƒ๋Š”... ๊ฒฝ์šฐ์— ๋”ฐ๋ผ ๋ถ„๋ช…์น˜ ์•Š๊ธฐ๋Š” ํ•ฉ๋‹ˆ๋‹ค๋งŒ...

0

์˜ค ์•ˆ๋…•ํ•˜์„ธ์š”, ์›น ๋ช‡ ๊ฐœ์›” ์ „์— ์ง์ ‘ ์šด์˜ํ•˜๊ณ  ๊ณ„์‹  ์ ‘๊ทผ์„ฑ ์‚ฌ์ดํŠธ๋งต์„ ์ ‘ํ•œ ํ”„๋ŸฐํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋ž˜๋จธ์ž…๋‹ˆ๋‹ค.

๊ฐœ์ธ ๋ธ”๋กœ๊ทธ์— ์˜ฌ๋ฆด ์›น ์ ‘๊ทผ์„ฑ์ด UI ์„ค๊ณ„์— ์ค‘์š”ํ•œ ์ด์œ  - ์›น ์ ‘๊ทผ์„ฑ์˜ ์˜์˜์™€ ์˜๋ฏธ๋ก ์ ์ธ CSS ๊ทœ์น™์„ ์„ค๊ณ„ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ดˆ์•ˆ ์ž‘์„ฑ์„ ๋งˆ์น˜๊ณ  ํ‡ด๊ณ  ์ž‘์—…์„ ๊ฑฐ์น˜๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ๋ ˆํผ๋Ÿฐ์Šค ๊ฒ€์ฆ ๋“ฑ ๊ฐ๊ด€์„ฑ์ด ์ค‘์š”ํ•œ ๋ถ„์•ผ์ด๋‹ค ๋ณด๋‹ˆ, ์ž‘์—… ์ค‘๊ฐ„์— ๋ช‡๋ช‡ ์ „๋ฌธ๊ฐ€ ๋ถ„์˜ ์˜๊ฒฌ์„ ๋ฐ›๊ณ  ์‹ถ์–ด ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ฐ€์ž…์„ ์‹ ์ฒญํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๊ธ€ ๋งจ ํ•˜๋‹จ ์„น์…˜์— ๊ธ€์„ ๊ธฐํšํ•˜๋ฉฐ ์ฐพ์€ ์™ธ๋ถ€ ์ž๋ฃŒ์— ๋Œ€ํ•ด ๋ชฉ๋ก์„ ์ถ”๋ ธ์–ด์„œ ์ฐธ๊ณ  ๋ฌธ์„œ ์ถ”๊ฐ€์— ๋„์›€์ด ๋˜์ง€ ์•Š์„๊นŒ ์‹ถ์Šต๋‹ˆ๋‹ค.

์„œ๋ฌธ

W3C ํ™ˆํŽ˜์ด์ง€์˜ ๋‚ด๋น„๊ฒŒ์ด์…˜ ํ•ญ๋ชฉ ์ค‘ ์‚ฌ๋ช…(Mission) ํŽ˜์ด์ง€๋ฅผ ๊ฐ€๋ณด๋ฉด ์„ค๊ณ„ ์ฒ ํ•™ ์ค‘ ์ฒซ ๋ฒˆ์งธ๊ฐ€ ์ ‘๊ทผ์„ฑ์œผ๋กœ โ€œ๋ชจ๋“  ์‚ฌ๋žŒ์ด ์›น์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์•ผ ํ•œ๋‹ค"๋ผ๊ณ  ์ •์˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์›น ํ‘œ์ค€ ๋ช…์„ธ๋Š” ๊ทธ๋Ÿฐ ์„ค๊ณ„ ์ฒ ํ•™์„ ์ง€ํ‚ค๊ณ ์ž ํ•ญ์ƒ ์ ‘๊ทผ์„ฑ์„ ๊ฐ™์ด ๊ณ ๋ คํ•˜์—ฌ ๋งŒ๋“ค์–ด์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

    ์›น์˜ ํž˜์€ ๋ณดํŽธ์„ฑ์— ์žˆ์Šต๋‹ˆ๋‹ค. ์žฅ์• ์— ๊ด€๊ณ„์—†์ด ๋ชจ๋“  ์‚ฌ๋žŒ์˜ ์ ‘๊ทผ์€ ํ•„์ˆ˜์ ์ธ ์ธก๋ฉด์ž…๋‹ˆ๋‹ค.
    โ€“ Tim Berners-Lee, Accessibility | Our mission | W3C

HTML์€ ๋งˆํฌ์—…์˜ ๊ตฌ์กฐ์  ์˜๋ฏธ๋ฅผ ์ถฉ๋ถ„ํžˆ ๊ณ ๋ คํ•ด์„œ ์›น ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ ๋‹ค๋ฉด, ํŠน๋ณ„ํ•œ ๋Œ€์‘์„ ํ•˜์ง€ ์•Š๊ณ  ์ ‘๊ทผ์„ฑ์„ ๋‹ด๋ณด๋˜๋Š” ํŠน์ง•์ด ์žˆ์Šต๋‹ˆ๋‹ค. Switch UI ๊ฐ™์ด ํ”„๋ŸฐํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์ง์ ‘ ๊ตฌํ˜„์ด ํ•„์š”ํ•ด์„œ ์ƒ๊ธฐ๋Š” ์ ‘๊ทผ์„ฑ์˜ ํ•œ๊ณ„์— ๋Œ€ํ•ด์„œ๋Š”1 WAI-ARIA๋ฅผ ํ†ตํ•ด ์ง์ ‘ ์ ‘๊ทผ์„ฑ์„ ๋ณด์กฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  aria-busy, aria-current, aria-expanded, aria-pressed์™€ ๊ฐ™์€ WAI-ARIA ์ƒํƒœ๋ฅผ ์ œ๋Œ€๋กœ ํ™œ์šฉํ•˜๋ฉด ๋ช…์‹œ์ ์œผ๋กœ UI ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์šฉ์ดํ•œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜(DX)์„ ๊ฐ–๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ๊ฒฝํ—˜์„ ์‹ค๋ฌด์—์„œ ์ ์šฉํ•œ ์‚ฌ๋ก€ ๋‘๊ฐ€์ง€๋ฅผ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.
์˜๋ฏธ๋ก ์ ์ธ CSS ์ž‘์„ฑ๋ฒ•
๊ทธ๊ฐ„ CSS์—์„œ ํ”ฝ์…€์„ ์›€์ง์ด๋Š”๊ฑด ๊ฝค ๋นก์…Œ์ง€! ํ•˜์ง€๋งŒ ์ด์ œ ๋…ผ์‹œ๋ฉ˜ํ‹ฑ(non-semantic) ํ•œ ํด๋ž˜์Šค ์ด๋ฆ„๊ณผ HTML์•ˆ์— ์“ฐ๋Š” ์ธ๋ผ์ธ CSS, ๊ฑฐ๊ธฐ๋‹ค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•ˆ์— ์ž‘์„ฑํ•˜๋Š” CSS ์Šคํƒ€์ผ์„ ์“ฐ๋Š”๊ฒŒ ์ง„์งœ๋กœ ์˜ค์ง€๊ณ  ์ง€๋ฆฌ๊ณ  ๋ ›์ž‡๊ณ ์ธ ๋ฐฉ๋ฒ•์ธ ๊ฒƒ์ด๋‹ค! ํŒจ๋ฐ€๋ฆฌ ๊ฐ€์ด CSS GIF๋ฅผ ์—ฌ๊ธฐ๋‹ค ๋„ฃ์–ด๋ผ! ์ด๋ ‡๊ฒŒ ใ…‹

(๋ฒˆ์—ญ) ๊ตฌ๋‹ฅ๋‹ค๋ฆฌ ๊ณต๋ฃก์„ ์œ„ํ•œ ์˜ค๋Š˜๋‚ ์˜ CSS โ€” Steemit
์›๋ณธ ์ด๋ฏธ์ง€ ์ถœ์ฒ˜ - Dinosaur Comics

์˜๋ฏธ๋ก ์ ์ธ CSS ์ž‘์„ฑ๋ฒ•์ด๋ž€ HTML์˜ ์˜๋ฏธ์„ฑ๊ณผ WAI-ARIA ์ ‘๊ทผ์„ฑ ์š”์†Œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” CSS Rules ์„ค๊ณ„ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋ฌด์—‡์„ ๋‹ค๋ฃฐ์ง€ ์˜์ƒ์œผ๋กœ ์ดํ•ดํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„์€ โ€œHow to write Semantic CSS - YouTubeโ€œ๋ฅผ ๋จผ์ € ๋ณด์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค.

ํด๋ž˜์Šค ์„ ํƒ์ž๋Š” CSS ํŠน์ด๋„(Specificity)2 ์ค‘์— ์ค‘๊ฐ„ ์ •๋„์˜ ์šฐ์„ ์ˆœ์œ„๋ฅผ ๊ฐ–๊ณ  ์žˆ์–ด ๋ฒ”์šฉ๋„๊ฐ€ ๋†’์€ ํŠน์ง•์„ ๊ฐ–๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํŠน์ง•์œผ๋กœ ์ธํ•ด ๋ชจ๋“  CSS ๊ทœ์น™(Rules)์„ ํด๋ž˜์Šค ์ด๋ฆ„์œผ๋กœ ์ •์˜ํ•˜๋Š” ๊ฒƒ์ด ํ”ํ•œ ์‚ฌ์šฉ ํŒจํ„ด์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์•„๋ž˜ ๋ฌธ๋‹จ์— ์ธ์šฉํ•œ W3C CSS ๋ช…์„ธ์— ๋”ฐ๋ฅด๋ฉด ํด๋ž˜์Šค ์ด๋ฆ„ ์œ„์ฃผ์˜ CSS ๊ทœ์น™ ์ •์˜๋Š” ์›น ํ‘œ์ค€ ์ธก๋ฉด์—์„œ HTML์ด ๊ฐ€์ง„ ๋…ผ๋ฆฌ์  ๊ตฌ์กฐ์™€ CSS ๊ฐ€์ƒ ํด๋ž˜์Šค(Pseudo-classes)๋กœ ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ๋Š” ๋นŒํŠธ์ธ ์ƒํƒœ์ธ :checked, :default, :disabled, :invalid, :required ๋“ฑ์ด ์ถฉ๋ถ„ํžˆ ์žˆ์Œ์—๋„ ๋ฌด์‹œํ•˜๋Š” ๊ฒƒ์€ HTML์˜ ๊ตฌ์กฐ์  ์˜๋ฏธ๋ฅผ ์•ฝํ™”ํ•˜๋Š” ์ข‹์ง€ ์•Š์€ ๊ด€ํ–‰์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

    CSS๋Š” ํด๋ž˜์Šค ์–ดํŠธ๋ฆฌ๋ทฐํŠธ์— ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ์„ ๋ถ€์—ฌํ•˜์—ฌ, ๊ณ ์œ ํ•œ ์—ญํ• ์ด ๊ฑฐ์˜ ์—†๋Š” ์—˜๋ฆฌ๋จผํŠธ(์˜ˆ: HTML์˜ <div> ๋ฐ <span>)๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋‚˜๋งŒ์˜ โ€œ๋ฌธ์„œ ์–ธ์–ด"๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  โ€œclassโ€ ์–ดํŠธ๋ฆฌ๋ทฐํŠธ๋ฅผ ํ†ตํ•ด ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ฌธ์„œ ์–ธ์–ด์˜ ๊ตฌ์กฐ์  ์š”์†Œ๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์ •ํ•ด์ง„ ์˜๋ฏธ๊ฐ€ ์žˆ์ง€๋งŒ, ์‚ฌ์šฉ์ž๊ฐ€ ์ž„์˜๋กœ ์ •์˜ํ•œ ํด๋ž˜์Šค๋Š” ๊ทธ๋ ‡์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ด๋Ÿฌํ•œ ๊ด€ํ–‰์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. โ€” โ€œClass Selectorsโ€ Selectors Level 3 | W3C

    *์›๋ฌธ์—์„œ โ€œAuthors (์ž‘์„ฑ์ž)โ€ ํ‚ค์›Œ๋“œ๋ฅผ ์ง์—ญํ•ด ๋ณด๋‹ˆ ์–ด์ƒ‰ํ•ด์„œ ์ƒ๋žตํ•˜๊ฑฐ๋‚˜ โ€œ์‚ฌ์šฉ์ž"๋กœ ๋Œ€์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ ์ด ๋ฌธ์ œ๋Š” WAI-ARIA ์ƒํƒœ๋ฅผ ํ™œ์šฉํ•ด์„œ ๋”์šฑ ๊นŠ์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„œ๋ฌธ์˜ ๋งˆ์ง€๋ง‰ ๋ฌธ๋‹จ์—์„œ ์–ธ๊ธ‰ํ•œ aria-busy(๋กœ๋”ฉ ์ค‘), aria-current(ํ˜„์žฌ ์œ„์น˜ํ•œ ํƒญ), aria-expanded(์—ด๋ฆผ ๋‹ซํž˜ ์ƒํƒœ), aria-pressed(๋ฒ„ํŠผ ๋ˆŒ๋ฆผ ์ƒํƒœ) ์–ดํŠธ๋ฆฌ๋ทฐํŠธ ๋“ฑ์œผ๋กœ UI ์ƒํƒœ๋ฅผ ์˜๋ฏธ์ƒ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์€ ์ž๋ฃŒ
์ ‘๊ทผ์„ฑ ๊ธฐ๋ฐ˜ UI ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ ์ž๋ฃŒ

์ง์ ‘ ์‹ค์Šต์œผ๋กœ ์ตํžˆ๋Š” ๊ฒƒ์„ ๊ถŒํ•˜๊ณ ์ž ๋ฐ”๋กœ ํ–‰๋™์œผ๋กœ ์˜ฎ๊ฒจ ์‹ค์ฒœํ•  ์ˆ˜ ์žˆ๋Š” ์ž๋ฃŒ๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ๊ณจ๋ž์Šต๋‹ˆ๋‹ค.

    ๋…ผ๋ฆฌ์  ์„ค๊ณ„์™€ HTML5 ์•„์›ƒ๋ผ์ธ ์•Œ๊ณ ๋ฆฌ์ฆ˜: ์›น์˜ ๊ทผ๋ณธ์ธ HTML์˜ ๋…ผ๋ฆฌ์  ์„ค๊ณ„๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ React ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ์— ๋Œ€ํ•ด์„œ ๊ณ ๋ฏผํ•ด ๋ณด๊ณ  ์•„์›ƒ๋ผ์ธ ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋Œ€ํ•ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ์•Œ์•„๋ณด๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
    ์ ‘๊ทผ์„ฑ์ด ์ด๋„๋Š” ์›น ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ž๋™ํ™” : Wonderwall Tech: ์—ฌ๋Ÿฌ ์›น ํ‘œ์ค€ ์ ‘๊ทผ์„ฑ ์š”์†Œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ปดํฌ๋„ŒํŠธ ๋งˆํฌ์—…๊ณผ ์ œ์–ด ์ƒํƒœ๋ฅผ ์„ค๊ณ„ํ•˜์—ฌ, ์ด๋ฅผ ์ข…๋‹จ ํ…Œ์ŠคํŠธ ์ˆ˜ํŠธ์˜ ์‹œ๋ฉ˜ํ‹ฑ ํ”Œ๋ž˜๊ทธ(Semantic Flag)๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์†Œ๊ฐœํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.
    PandaCSS์™€ ํ•จ๊ป˜ CSS-in-JS์˜ ๋ฏธ๋ž˜๋กœ : Wonderwall Tech: ๋ฐ”๋กœ ์œ„ ํ•ญ๋ชฉ์˜ ๋™ ์ €์ž์ด์‹  ๊น€ํƒœํฌ๋‹˜์˜ ์˜๋ฏธ๋ก ์  CSS ์ž‘์„ฑ๋ฒ•์— ๋Œ€ํ•ด ์ตœ๊ทผ์˜ CSS-in-JS ๋„๊ตฌ ์‚ฌ์šฉ ์ธก๋ฉด์œผ๋กœ ๋‹ค๋ฃฌ ๊ธ€์ž…๋‹ˆ๋‹ค.
    Open UI: W3C ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ทธ๋ฃน ์ค‘ ํ•˜๋‚˜๋กœ, ๊ธฐ๋ณธ HTML ์‚ฌ์–‘์—๋Š” ์—†์–ด ๋ณ„๋„ ๊ตฌํ˜„์ด ํ•„์š”ํ•œ UI ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ์ •๋ฆฌํ•˜์—ฌ ์—ฐ๊ตฌํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค.
    Inclusive Components: ํฌ๊ด„์ ์ธ(Inclusive) ์—ฌ๋Ÿฌ ์›น ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„ ํŒจํ„ด์ด ์ˆ˜๋ก๋œ ๋ธ”๋กœ๊ทธ์ž…๋‹ˆ๋‹ค.
        ๋ธ”๋กœ๊ทธ ๋ฐฐ๋„ˆ์— ์ „์ž์ฑ… ๋ฐœ๊ฐ„์ด ์†Œ๊ฐœ๋˜์–ด ์žˆ๋Š”๋ฐ, ์ด๋ฏธ ๊ตญ๋‚ด์—์„œ ใ€Ž์ธํด๋ฃจ์‹œ๋ธŒ ๋””์ž์ธ ํŒจํ„ดใ€์ด๋ผ๋Š” ์ œ๋ชฉ์œผ๋กœ ์›น์•ก์ธ„์–ผ๋ฆฌ์ฝ”๋ฆฌ์•„๋ฅผ ํ†ตํ•ด ๋ฒˆ์—ญ ์ถœ๊ฐ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์›น ์ ‘๊ทผ์„ฑ ํ•™์Šต ์ž๋ฃŒ

    AOA11Y ์ ‘๊ทผ์„ฑ ์˜คํ”ˆ ์•„์นด๋ฐ๋ฏธ - YouTube: ์ •๋ณด์ ‘๊ทผ์„ฑ ์ธ์‹ ๊ฐœ์„  ๋ฐ ํ™•์‚ฐ์„ ๋ชฉํ‘œ๋กœ NIA์ด ์šด์˜ํ•˜๋Š” YouTube ์ฑ„๋„์ž…๋‹ˆ๋‹ค. ํ•ด๋‹น ๊ธฐ๊ด€์—์„œ ๋งŒ๋“  ํ•ญ๊ณต์‚ฌ ์ ‘๊ทผ์„ฑ ์‚ฌ๋ก€์ง‘ ๋˜ํ•œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.
    ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์—”์ง€๋‹ˆ์–ด๋ฅผ ์œ„ํ•œ ์›น ์ ‘๊ทผ์„ฑ์˜ ๊ธฐ์ดˆ - azukiazusa.dev (์ผ๋ณธ์–ด)
    ์›น ํ”„๋ŸฐํŠธ์—”๋“œ ๊ตฌํ˜„์—์„œ ์›๋ณธ ๊ธฐ๋Šฅ์„ ์†์ƒ์‹œํ‚ค์ง€ ๋งˆ์‹ญ์‹œ์˜ค - azukiazusa.dev (์ผ๋ณธ์–ด)
    WAI-ARIA๋ฅผ ๋ฐฐ์šธ ๋•Œ ์ •๋ฆฌํ•ด ๋‘๊ณ  ์‹ถ์€ ๊ฒƒ - Hirao Yusuke (์ผ๋ณธ์–ด)
    [๋ช…์„ธ ์ฝ๋Š” ๋ฒ•] HTML์˜ ์š”์†Œ๋ฅผ ์–ด๋–ป๊ฒŒ ๋ฐฐ์šธ ๊ฒƒ์ธ๊ฐ€ (์ผ๋ณธ์–ด)
        ํ‘œ์ค€ ๋ช…์„ธ๋ฅผ ํ†ตํ•ด ์–ด๋–ค HTML ์—˜๋ฆฌ๋จผํŠธ์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ  ๋ชจ๋ธ๊ณผ ์–ดํŠธ๋ฆฌ๋ทฐํŠธ, ์ ‘๊ทผ์„ฑ ๊ณ ๋ ค ์‚ฌํ•ญ ๋“ฑ์˜ ๊ทœ์น™์„ ํŒŒ์•…ํ•˜๋Š” ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์›น ํ‘œ์ค€ ๋ช…์„ธ๋ฅผ ์ฝ๋Š” ๊ฑธ ๋‚ฎ์„ค์–ด ํ•˜์‹œ๋Š” ๋ถ„์—๊ฒŒ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
        ์ œ ๊ฒฝ์šฐ MDN ๋ฌธ์„œ๋งŒ์œผ๋กœ ์–ด๋–ค ์—˜๋ฆฌ๋จผํŠธ์˜ ๊ธฐ์ˆ  ์‚ฌ์–‘์„ ํŒŒ์•…ํ•˜๊ธฐ์— ์• ๋งคํ•˜๊ฑฐ๋‚˜ ๋ˆ„๋ฝ๋œ ๋ถ€๋ถ„์— ๋Œ€ํ•ด WHATWG ๋ช…์„ธ๋ฅผ ์ง์ ‘ ์ฐธ๊ณ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.6

์›น ์ ‘๊ทผ์„ฑ ์ฐธ๊ณ  ์ž๋ฃŒ

    ๋ ˆ์ง„ WAI-ARIA ๊ฐ€์ด๋“œ๋ผ์ธ
    How to Meet WCAG (Quick Reference) | W3C, GitBook ํ˜•ํƒœ์˜ WCAG 2.1 ํ•œ๊ตญ์–ด ๊ฐ€์ด๋“œ
    https://a11ykr.github.io: KWCAG ๋ฐ W3C ํ•œ๊ตญ์–ด ์ดˆ๋ฒŒ ๋ฒˆ์—ญ ๋ชจ์Œ ์‚ฌ์ดํŠธ๋งต์ž…๋‹ˆ๋‹ค.
0

๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ์— ๊ด€์‹ฌ ์žˆ๋Š” ๋ถ„๋“ค์ด ๊ณ„์‹œ๋ ค๋‚˜...

๊ตฌ๋ฆฐ ์˜์–ด ์‹ค๋ ฅ์— LLM์„ ๋นŒ์–ด์„œ ์ผ๋‹จ์€ ํ˜ผ์ž ํ•˜๊ณ  ์žˆ์ง€๋งŒ...

์˜ˆ์ „์ฒ˜๋Ÿผ ํ‰๊ฐ€ ์ค‘์‹ฌ์ด ์•„๋‹Œ ๊ตฌํ˜„ ๋ฐฉ๋ฒ• ์ค‘์‹ฌ์˜ ๊ธ€์„ ์ข€ ์ƒ์‚ฐํ•˜๊ณ  ์‹ถ๋‹ค๊ณ ...

์ผ๋‹จ ๊ณ„ํš์€ ์ด๋Ÿฐ๋ฐ... ๊ฐ™์ด ํ•  ์‚ฌ๋žŒ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค์•„์•„...

https://a11ykr.github.io/docs/

0
0
0

์ฒ  ์ง€๋‚œ ์ด์•ผ๊ธฐ์ด๊ธด ํ•œ๋ฐ...

๋‚˜ ์—ญ์‹œ ์•„์ดํฐ์„ ์“ฐ๊ธฐ๋Š” ๊ณ„์† ์“ฐ์ง€๋งŒ, ์–ธ์  ๊ฐ€๋ถ€ํ„ฐ ๊ต์ฒด ์ฃผ๊ธฐ๊ฐ€ ์ ์  ๊ธธ์–ด์ง€๊ณ  ์žˆ๋‹ค.

3GS > 4S > 6 > 8Plus > 11pro > 16Pro

0

@paperonnetSubi Song GPT ๋’ค์ ธ๋ณด๋‹ˆ ์‹œ๋ฆฌ์—๊ฒŒ ํ•œ ์š”์ฒญ์ด ๋„˜์–ด๊ฐ€๊ธด ํ–ˆ๋”๊ตฐ์š”. ํฐ ๋‚ด๋ถ€ ์ •๋ณด๋Š” ๊ถŒํ•œ ์—†์œผ๋ฉด ๊ฐ€์ ธ๋‹ค ์“ฐ์ง€๋Š” ๋ชปํ•˜๊ณ ์š”. ๊ทธ๋ž˜๋„ ๊ฒฐ๊ณผ๋ฌผ์ด ๋ฐ”๋กœ ๋œจ๋Š” ๊ฒƒ ๊ฐ™์ง€ ์•Š์€๊ฒŒ, ์ด๊ฒƒ๋„ ์ž˜ ์“ฐ๋ ค๋ฉด ๋ญ”๊ฐ€ ์š”๋ น์ด ํ•„์š”ํ•ด ๋ณด์ด๋„ค์š”.

0

@resistanHyunjin Cho ์ „ ์•„์ดํฐ 13 ๋ฏธ๋‹ˆ ๋ชจ๋ธ ์“ฐ๊ณ  ์žˆ์–ด์„œ ๋‹ฌ๋ผ์ง€์ง€๋„ ์•Š์•˜์–ด์š”. ์•„์ดํฐ 15 pro ์ด์ƒ ์จ์•ผ ๋‹ฌ๋ผ์ง„๋‹ค๊ณ  ํ•˜๋˜๋ฐ์š”. ^^;;

0
0

"pub"์˜ ์™ธ๋ž˜์–ด ํ‘œ๊ธฐ๋ฒ•์— ๋”ฐ๋ฅธ ํ‘œ๊ธฐ๋Š” "ํŽ"์ด ์•„๋‹ˆ๋ผ "ํผ๋ธŒ"์ž…๋‹ˆ๋‹ค. ์œ ์„ฑ์Œ์œผ๋กœ ๋๋‚˜๋Š” ๋‹จ์–ด๋ผ์„œ "ใ…ก"๋ฅผ ๋ถ™์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์€

  • log: "๋ก"์ด ์•„๋‹ˆ๋ผ "๋กœ๊ทธ"
    • blog: "๋ธ”๋ก"์ด ์•„๋‹ˆ๋ผ "๋ธ”๋กœ๊ทธ"
  • tag: "ํƒ"์ด ์•„๋‹ˆ๋ผ "ํƒœ๊ทธ"
  • egg: "์—‘"์ด ์•„๋‹ˆ๋ผ "์—๊ทธ"
  • dog: "๋…"์ด ์•„๋‹ˆ๋ผ "๋„๊ทธ"
  • mug: "๋จน"์ด ์•„๋‹ˆ๋ผ "๋จธ๊ทธ"
  • hub: "ํ—™"์ด ์•„๋‹ˆ๋ผ "ํ—ˆ๋ธŒ"
  • pad: "ํŒป"์ด ์•„๋‹ˆ๋ผ "ํŒจ๋“œ"
  • lid: "๋ฆฟ"์ด ์•„๋‹ˆ๋ผ "๋ฆฌ๋“œ"
  • mud: "๋ฉ‹"์ด ์•„๋‹ˆ๋ผ "๋จธ๋“œ"

๋“ฑ๋“ฑ, ์œ ์„ฑ์Œ์œผ๋กœ ๋๋‚˜๋Š” ์˜์–ด ๋‹จ์–ด์— ์ผ๊ด€์ ์œผ๋กœ ์ ์šฉ๋˜๋Š” ๊ทœ์น™์ž…๋‹ˆ๋‹ค.

๋ณดํ†ต ์™ธ๋ž˜์–ด ํ‘œ๊ธฐ๋ฒ•์˜ ๊ทœ์น™์ด ๋ฌด์‹œ๋˜๋Š” ์‚ฌ๋ก€๋ฅผ ๋ณด๋ฉด, ๊ทœ์น™์ด ๋ชจํ˜ธ์„ฑ์„ ๋‚ณ๋Š”๋‹ค๋Š” ์ด์œ ๋กœ ๊ธฐํ”ผ๋˜๋Š” ๊ฒฝํ–ฅ์ด ์žˆ๋Š”๋ฐ์š”. ์˜ˆ๋ฅผ ๋“ค์–ด "seat"์™€ "sheet"๋ฅผ ๊ตฌ๋ถ„ํ•˜๋ ค๋Š” ์š•๋ง์œผ๋กœ ์ธํ•ด /สƒiห/๋ฅผ "์‹œ"๋กœ ํ‘œ๊ธฐํ•˜๋Š” ์›์น™์„ ๊นจ๊ณ  ํ›„์ž๋ฅผ "์‰ฌํŠธ"๋กœ ์ ๋Š” ๊ฒƒ์ด ์žˆ์ฃ .

๊ทธ๋Ÿฐ๋ฐ ์œ ์„ฑ์Œ์œผ๋กœ ๋๋‚˜๋ฉด "ใ…ก"๋ฅผ ๋ถ™์ธ๋‹ค๋Š” ๊ทœ์น™์€ ์›์–ด์˜ ์œ ์„ฑ ์Œ๊ฐ€๋ฅผ ๋ฐ˜์˜ํ•˜๋Š” ๋™์‹œ์—, ๋Œ€์ฒด๋กœ ๋ชจํ˜ธ์„ฑ์„ ํ•ด์†Œํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ํ‘œ๊ธฐ๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ๋Š” ์ข‹์€ ๊ทœ์น™์ž…๋‹ˆ๋‹ค. ์ด ๊ทœ์น™์ด ์—†์—ˆ์œผ๋ฉด ๊ผผ์ง์—†์ด

  • "dog"์™€ "dock"์ด "๋…"์ด๋ผ๋Š” ๋™์Œ์ด์˜์–ด๊ฐ€ ๋˜๊ณ 
  • "pig"์™€ "pick"๋„ "ํ”ฝ"์ด๋ผ๋Š” ๋™์Œ์ด์˜์–ด๊ฐ€ ๋˜๊ณ 
  • "rug"์™€ "luck"๋„ "๋Ÿญ"์ด๋ผ๋Š” ๋™์Œ์ด์˜์–ด๊ฐ€ ๋˜๊ณ 
  • "tag"์™€ "tack"๋„ "ํƒ"์ด๋ผ๋Š” ๋™์Œ์ด์˜์–ด๊ฐ€ ๋˜๊ณ 

์˜ ์ข‹์ง€ ์•Š์•˜๊ฒ ์ฃ .

0

์ด ๊ณต๊ฐ„์—์„œ ๊ทธ๋Ÿด ๋ถ„์ด ์•ˆ๊ณ„์‹ค ๊ฑฐ๋ผ ์ƒ๊ฐํ•˜์ง€๋งŒ...

๋งŒ์šฐ์ ˆ์ด๋ผ๊ณ  ์ •์น˜๋‚˜ ์žฌ๋‚œ์„ ์ฃผ์ œ๋กœ ๊ณผ๋„ํ•œ ๋†๋‹ด์ด ๋“ฑ์žฅํ•˜์ง€ ์•Š์•˜์œผ๋ฉด ํ•˜๋Š” ๋ฐ”๋žŒ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

0

https://conscious-forgery-a96.notion.site/1b3bf9d3f391808e90f3dcb97b67b70d?pvs=4

๊ฐœ์ธ์ ์œผ๋กœ ํ•œ๊ตญํŒ alternativeto.net ๊ฐ™์€ ์‚ฌ์ดํŠธ๊ฐ€ ์š”์ฆ˜ ํ•„์š”ํ•˜๋‹ค๊ณ  ๋А๊ปด์ ธ์„œ... ์šฐ์„ ์€ ๊ฐ„๋‹จํ•œ Notion ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์•˜์–ด์š”. Notion ๊ณ„์ •์ด ์žˆ๋‹ค๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์ฐธ์—ฌ๊ฐ€ ๊ฐ€๋Šฅํ•ด์š”. (์ œ๊ฐ€ ๊ณต์œ ๋ฅผ ์ž˜ ํ–ˆ๊ธธ ๋ฐ”๋ผ์š”...)

0

์ œ์ž‘์žํ”ผ์…œ๋กœ ์ „๋‹ฌ๋ฐ›์€ ๋ฐ”์— ๋”ฐ๋ฅด๋ฉด

12.3kฮฉ

- 12.3: 12์›” 3์ผ ๋‚ด๋ž€์„ธ๋ ฅ์„
- k: ์ฒ˜๋‹จ(...)ํ•˜๊ธฐ ์œ„ํ•ด
- ฮฉ: ์ €ํ•ญ

์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

์ €ํ•ญํ•˜๊ธฐ

0

์˜ค๋Š˜ ๋ธ”๋กœ๊ทธ์— ์“ด ๋”ฐ๋ˆ๋”ฐ๋ˆํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค ใ…Žใ…Ž.
๋น„๊ฐœ๋ฐœ์ž๋„ ์ฝ์„ ์ˆ˜ ์žˆ๋Š” MCP ์„ค์ • ๋ฐฉ๋ฒ• ๊ธ€์„ ์จ๋ณด๊ณ  ์‹ถ์—ˆ์–ด์š”.

https://chinensis.tistory.com/entry/์ดˆ๋ณด์ž๋ฅผ-์œ„ํ•œ-MCP-์„œ๋ฒ„-์‚ฌ์šฉ-๊ฐ€์ด๋“œ-ํด๋กœ๋“œ๊ฐ€-๋‚ด-๊ฐœ์ธ-ํŒŒ์ผ๊ณผ-์œ ํŠœ๋ธŒ-์˜์ƒ์„-๋ถ„์„ํ• -์ˆ˜-์žˆ๊ฒŒ-ํ•ด๋ณด์ž

์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ MCP ์„œ๋ฒ„ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ: Claude Desktop์—์„œ ํŒŒ์ผ ๊ด€๋ฆฌ์™€ ์œ ํŠœ๋ธŒ ์š”์•ฝ ๊ธฐ๋Šฅ ์„ค์ •ํ•˜๊ธฐ

MCP(Model Context Protocol)๋ฅผ ํ™œ์šฉํ•ด Claude AI์˜ ๊ธฐ๋Šฅ์„ ํ™•์žฅํ•˜๋Š” ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. Claude Desktop์—์„œ ๊ฐœ์ธ ํด๋”์™€ ํŒŒ์ผ์„ ์—ฐ๋™ํ•˜์—ฌ ๊ฐœ์ธ AI ๋น„์„œ์ฒ˜๋Ÿผ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ, ์œ ํŠœ๋ธŒ ์˜์ƒ์˜ ์ž๋ง‰์„ ๋ถ„์„ํ•˜์—ฌ ์š”์•ฝํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค. MCP์˜ ๊ฐœ๋…๋ถ€ํ„ฐ ์„ค์ • ๋ฐฉ๋ฒ•๊นŒ์ง€ ๋น„๊ฐœ๋ฐœ์ž๋„ ๋”ฐ๋ผํ•  ์ˆ˜ ์žˆ๋Š” ์‹ค์šฉ์ ์ธ ๊ฐ€์ด๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.๊ฐœ์š”์š”์ฆ˜ MCP(Model Context Protocol)์— ๋Œ€ํ•œ ๊ด€์‹ฌ์ด ์•„์ฃผ ๋œจ๊ฒ์Šต๋‹ˆ๋‹ค.MCP๋ฅผ ๊ฐ„๋‹จํžˆ ๋งํ•ด ํด๋ผ์ด์–ธํŠธ-์„œ๋ฒ„ ๊ตฌ์กฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ AI ์–ธ์–ด ๋ชจ๋ธ๊ณผ ๋‹ค๋ฅธ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์—ฐ๊ฒฐํ•˜๋Š” ํ”„๋กœํ† ์ฝœ์ธ๋ฐ์š”.๊ธฐ์ˆ ์ ์ธ ๋‚ด์šฉ์„ ๋œ์–ด๋‚ด๊ณ  ๋น„์œ ํ•˜์ž๋ฉด AI๋ฅผ ์œ„ํ•œ USB ํฌํŠธ์™€ ๊ฐ™์€ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค.USB ํฌํŠธ๋กœ ์™ธ์žฅ ํ•˜๋“œ๋‚˜ ํ‚ค๋ณด๋“œ, ๋ฏธ๋‹ˆ ์„ ํ’๊ธฐ๊นŒ์ง€ ์—ฐ๊ฒฐํ•  ..

chinensis.tistory.com ยท ์ˆ˜์„œ๊ณค์ถฉ์˜ ์„ธ๊ณ„

0
0
0

๋ณ„ ๊ฒƒ ์•„๋‹ˆ์ง€๋งŒ, Markdown ๋ฌธ๋ฒ• ๊ฐ€์ด๋“œ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. Markdown์„ ๋ชจ๋ฅด๋Š” ๋ถ„๋“ค์€ ๊ฑฐ์˜ ์—†๊ฒ ์ง€๋งŒ, Hackers' Pub์€ Markdown ํ™•์žฅ ๋ฌธ๋ฒ•์„ ๊ฝค ๋งŽ์ด ์ง€์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ์ด๋ฅผ ๋ฌธ์„œํ™”ํ•  ํ•„์š”๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๋‹จ๋ฌธ ์ž‘์„ฑ ํ™”๋ฉด์—์„œ โ€œ์ด๋ฏธ์ง€ ์—…๋กœ๋“œโ€ ๋ฒ„ํŠผ ์™ผ์ชฝ์˜ โ€œMarkdown ์‚ฌ์šฉ ๊ฐ€๋Šฅโ€ ๋งํฌ๋ฅผ ๋ˆ„๋ฅด์‹œ๋ฉด ์–ธ์ œ๋“ ์ง€ Markdown ๋ฌธ๋ฒ• ๊ฐ€์ด๋“œ๋ฅผ ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

0

์ดˆ๋Œ€์žฅ์„ ๋ฐ›๊ณ  Hackers' Pub์— ๊ฐ€์ž…ํ–ˆ๋Š”๋ฐ, ํŠธ์œ„ํ„ฐ ์ฒ˜์Œ ํ•  ๋•Œ์ฒ˜๋Ÿผ ๋ญ˜ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ์ง€ ๊ฐ€๋Š ํ•  ์ˆ˜ ์—†๋‹ค. 0_o!

Hackers' Pub ๊ฐ€์ž… ํ›„ ์ฒซ ํ™”๋ฉด

@paperonnetSubi Song ๋‹ค๋ฅธ ์—ฐํ•ฉ์šฐ์ฃผ ์ชฝ์—์„œ๋„ ํŒ”๋กœ์šฐํ•  ์‚ฌ๋žŒ๋“ค์„ ์ฐพ์„ ์ˆ˜ ์žˆ์–ด์š”. :)

0

AI๊ฐ€ ์ƒ์„ฑํ•œ ๋‚ด์šฉ์„ ๋‚ด ์ง€์‹๊ด€๋ฆฌ์‹œ์Šคํ…œ(์œ„ํ‚ค ๋“ฑ)์— ๋ณต๋ถ™ํ•˜๋ฉด ๊ทธ๊ฑด ๋‚ด ์ง€์‹์ผ๊นŒ ์•„๋‹๊นŒ?

2008๋…„ ๊ฒฝ์— The extended mind (1998, Andy Clark and David Chalmers)๋ผ๋Š” ์งง์€ ์—์„ธ์ด๋ฅผ ์ฝ์—ˆ๋Š”๋ฐ ์—ฌ๊ธฐ์„œ ๋ณธ ๋‚ด์šฉ์ด ์ฐธ๊ณ ํ• ๋งŒ ํ•˜๋‹ค.

์ €์ž๋“ค์€ ์žฅ๊ธฐ๊ธฐ์–ต ์ƒ์‹ค์„ ์•“๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ์ด ์ˆ˜์ฒฉ์— ๋ชจ๋“  ๊ฑธ ๊ธฐ๋กํ•˜๊ณ  ํ•ญ์ƒ ์ด๋ฅผ ์ฐธ๊ณ ํ•œ๋‹ค๋ฉด ๊ทธ ์ˆ˜์ฒฉ์— ๋‹ด๊ธด ๊ธ€๋“ค์€ "ํ™•์žฅ๋œ ๊ธฐ์–ต"์ด๋ผ๊ณ  ์ฃผ์žฅํ•œ๋‹ค. ๋” ๋‚˜์•„๊ฐ€์„œ, ์ˆ˜์ฒฉ์˜ ๋‚ด์šฉ์ด ๋‹จ์ˆœํžˆ "๊ธฐ์–ต"์ด ์•„๋‹ˆ๋ผ "๋ฏฟ์Œextended dispositional belief"์ด๊ธฐ ์œ„ํ•ด์„œ ํ•„์š”ํ•œ ๊ธฐ์ค€์„ ์ถ”๊ฐ€๋กœ ์ œ์‹œํ•œ๋‹ค.

  1. ํ•ด๋‹น ์ •๋ณด๊ฐ€ ๊ทธ ์‚ฌ๋žŒ์˜ ์‚ถ์— ํ•ญ์ƒ ํ•จ๊ป˜ํ•˜๋ฉฐ ์ฐธ๊ณ ํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ์˜ค๋ฉด ๊ฑฐ์˜ ๋ฐ˜๋“œ์‹œ ์ฐธ๊ณ ํ•˜์—ฌ ํ–‰๋™ํ•œ๋‹ค.
  2. ์ฐธ๊ณ ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์–ด๋ ค์›€ ์—†์ด ์ฐธ๊ณ ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
  3. ์ผ๋‹จ ๊ทธ ์ •๋ณด๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉด ์ด๋ฅผ ์˜์‹ฌ์—†์ด ์ˆ˜์šฉํ•œ๋‹ค.
  4. ๊ทธ ์ •๋ณด๊ฐ€ ๊ฑฐ๊ธฐ์— ๋‹ด๊ธด ์ด์œ ๋Š” ๊ณผ๊ฑฐ ์–ธ์  ๊ฐ€ ๋‚ด๊ฐ€ ๋‚ด์šฉ์„ ์‹ ๋ขฐํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

AI๊ฐ€ ์ƒ์„ฑํ•œ ๋‚ด์šฉ์„ ๊ฒ€ํ†  ์—†์ด ๋ณต๋ถ™ํ–ˆ๋‹ค๋ฉด ์ด๋Š” 4๋ฒˆ์„ ๋งŒ์กฑํ•˜์ง€ ๋ชปํ•˜๊ณ , ์ด์— ๋”ฐ๋ผ 3๋ฒˆ์—๋„ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด๋‹ค. ๋”ฐ๋ผ์„œ ๊ฒ€ํ†  ์—†๋Š” ๋ณต๋ถ™์€ ์ข‹์€ ์ „๋žต์ด ์•„๋‹ ๋ฟ ์•„๋‹ˆ๋ผ ๋‚ด ์ง€์‹๊ด€๋ฆฌ์‹œ์Šคํ…œ์„ ๋ง์น  ๊ฐ€๋Šฅ์„ฑ์ด ํฌ๋‹ค.

์ฐธ๊ณ ๋กœ ์—์„ธ์ด์˜ ์ €์ž๋“ค์€ ์ด ์ค‘ ๋งˆ์ง€๋ง‰ ๊ธฐ์ค€์— ๋…ผ์Ÿ์˜ ์—ฌ์ง€๊ฐ€ ์žˆ๋‹ค๊ณ  ๋งํ•˜๊ธด ํ•œ๋‹ค. ๋ฌด์˜์‹์ ์œผ๋กœ ๋ฏฟ์Œ์ด ํ˜•์„ฑ๋˜๋Š” ๊ฒฝ์šฐ, ๊ธฐ์–ต ์กฐ์ž‘์ด ์ผ์–ด๋‚œ ๊ฒฝ์šฐ ๋“ฑ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ. ๊ทธ๋Ÿฐ๋ฐ KMS ๋งฅ๋ฝ์—์„  4๋ฒˆ์ด ์ค‘์š”ํ•˜๋‹ค๊ณ  ๋ด๋„ ๋˜๊ฒ ๋‹ค.

0
3
0

Hyunjin Cho replied to the below article:

ํŽ˜๋””๋ฒ„์Šค์—์„œ ์–ด๋–ค ์‚ฌ๋žŒ๋“ค์„ ํŒ”๋กœํ•˜๋ฉด ์ข‹์„๊นŒ?

Jaeyeol Lee @kodingwarrior@hackers.pub

Hackers' Pub์„ ํฌํ•จํ•˜์—ฌ ํŽ˜๋””๋ฒ„์Šค์— ์ž…๋ฌธํ•œ ์—ฌ๋Ÿฌ๋ถ„ ์ค‘ ๋ˆ„๊ตฐ๊ฐ€๋Š” ๋ง‰๋ง‰ํ•œ ์ƒ๊ฐ์ด ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ์ง€์ธ์˜ Pool์ด ์—†๋Š” ์ƒํ™ฉ์ด๊ฑฐ๋‚˜ ํ˜น์€ Fediverse๋ผ๋Š” ๊ฐœ๋… ์ž์ฒด๊ฐ€ ๋‚ฏ์„ค ์ˆ˜๋ก์ด์š”.

๋จผ์ € ์ธ์Šคํ„ด์Šค๋ผ๋Š” ๊ฐœ๋…๋„ ๋‚ฏ์„ค๊ฒŒ ๋А๊ปด์ง€๊ฑฐ๋‹ˆ์™€, ์–ด๋–ค ์‚ฌ๋žŒ์„ ํŒ”๋กœํ•  ์ง€๋„ ์•„์˜ˆ ์ƒํƒœ๊ณ„์— ์Œฉ์œผ๋กœ ์ž…๋ฌธํ•˜๋Š” ์ž…์žฅ์—์„œ๋Š” ์‹œ์ž‘์„ ํ•˜๋Š” ๊ฒƒ ์ž์ฒด๊ฐ€ ๋‚œํ•ดํ•ฉ๋‹ˆ๋‹ค.

Hackers' Pub์„ ํฌํ•จํ•œ ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์‚ฌ์šฉํ•˜๋Š” ์„œ๋น„์Šค๋“ค์˜ ์žฅ์ ์€ Bluesky, Mastodon, Misskey ์–ด๋””์—๋“  ๊ฑธ์ณ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค๊ณผ ํ•˜๋‚˜๋กœ ์—ฐ๊ฒฐ๋˜๋Š” ๊ฒฝํ—˜์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋‹ค๊ณ  ์–ธ๊ธ‰ํ•œ ์ ์€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค๋งŒ, ์ด๋Ÿฌํ•œ ์žฅ์ ์„ ์–ด๋–ป๊ฒŒ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋Š”์ง€๋„ ์•Œ๊ธฐ๋Š” ์–ด๋ ค์šธ ๊ฒ๋‹ˆ๋‹ค.

๋ณดํ†ต์€ ํŠธ์œ„ํ„ฐ๋‚˜ ํ˜น์€ ๋‹ค๋ฅธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ธฐ๋ฐ˜์˜ ์ถ”์ฒœ์„ ํ•ด์ฃผ๋Š” ์—ฌ๋Ÿฌ ์„œ๋น„์Šค๋“ค์€ ์ข‹์•„ํ•˜๋Š”์ง€ ์ทจํ–ฅ์— ๋งž๋Š”์ง€์™€๋Š” ์ƒ๊ด€์—†์ด ์ผ๋‹จ ์ถ”์ฒœํ•˜๊ธด ํ•˜์ง€๋งŒ, ํŽ˜๋””๋ฒ„์Šค๋Š” ๊ตญ๋‚ด ์ƒํƒœ๊ณ„ ํ•œ์ •์œผ๋กœ๋Š” ์ถ”์ฒœ์„ ํ•˜๊ธฐ๊ฐ€ ์‰ฝ์ง€ ์•Š์€ ๊ฒƒ ๋˜ํ•œ ์‚ฌ์‹ค์ด๊ธด ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ํ•ด์™ธ๊ฐœ๋ฐœ์ž Pool์€ ๊ต‰์žฅํžˆ ๋„“์€ ๊ฒƒ์ด ์ž๋ช…ํ•ฉ๋‹ˆ๋‹ค. ๋ฌผ๋ก , ์ด๊ฒƒ๋„ ์—ญ์‹œ ์ถ”์ฒœ์„ ํ•˜๊ธฐ๊ฐ€ ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์ด ํ˜น์‹œ ๋‹จ๊ณจ๋กœ ์ฐพ์•„๋ณด๋Š” ๊ฐœ๋ฐœ์ž ๋ธ”๋กœ๊ทธ๊ฐ€ ์žˆ๋‹ค๋ฉด Mastodon ๊ณ„์ •์ด ๋ณด์ด๋Š” ๊ฒฝ์šฐ๋ฅผ ์ตœ์†Œ ๋‘ ์ž๋ฆฟ์ˆ˜๋Š” ์ค€ํ•˜๊ฒŒ ๋ณด์‹ค ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๊ธด ํ•ฉ๋‹ˆ๋‹ค.

์•„๋ฌดํŠผ, ํŽ˜๋””๋ฒ„์Šค ์ƒํƒœ๊ณ„์—๋„ ์†Œํ”„ํŠธ์›จ์–ด ์ข…์‚ฌ์ž์ธ ์—ฌ๋Ÿฌ๋ถ„์ด ์ฝ์„๋งŒํ•œ ํ”ผ๋“œ๋Š” ์ค€๋น„๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ํŒ”๋กœํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ๊ณ„์ •๋“ค์„ ์˜ˆ์‹œ๋กœ ๋“ค์–ด์„œ ์†Œ๊ฐœํ•ด๋ณผ๊นŒ ํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์ž๋“ค์ด ๋ชจ์—ฌ์žˆ๋Š” ์ธ์Šคํ„ด์Šค

์–ด๋–ค ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€๋Š” **์—ฌ๊ธฐ**์—๋„ ์ž˜ ์„ค๋ช…๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ์ธ์ ์œผ๋กœ ์ถ”์ฒœํ•˜๋Š” ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค๋Š” ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๊ตญ๋‚ด

  • silicon.moe -- ์ด๊ณต๊ณ„์—ด์— ์ข…์‚ฌํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ํ•œ๊ตญ์–ด๊ถŒ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • Hackers' Pub -- ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋ธ”๋กœ๊น… ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์ง€์›ํ•˜์—ฌ์„œ ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์ง€์›ํ•˜๋Š” ํŽ˜๋””๋ฒ„์Šค์—์„œ ๊ตฌ๋…์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

ํ•ด์™ธ

  • hachyderm.io -- IT ์—…๊ณ„ ์ข…์‚ฌ์ž๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ์œ ๋ช…ํ•œ ๊ฐœ๋ฐœ์ž๋“ค์ด ์—ฌ๊ธฐ์— ๋ชฐ๋ ค์žˆ๋‹ค๊ณ  ๋ด๋„ ๋ฉ๋‹ˆ๋‹ค.
  • emacs.ch -- Emacs ์—๋””ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • functional.cafe -- ํ•จ์ˆ˜ํ˜• ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • genserver.social -- Erlang/Elixir ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ Akkoma ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • ruby.social -- Ruby ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • mtd.pythonasia.org -- ์•„์‹œ์•„๊ถŒ์˜ Python ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค.
  • fosstodon.org -- ์˜คํ”ˆ์†Œ์Šค ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค. Python Software Foundation, Libre Office ๋“ฑ ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ์˜ ๊ณต์‹๊ณ„์ •๋“ค์ด ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • hci.social -- HCI ์—ฐ๊ตฌ์ž๋“ค์„ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค. Princeton HCI์—์„œ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
  • vt.social -- ๊ฐœ๋ฐœ ๋ถ„์•ผ ๋ฒ„์ธ„์–ผ ์œ ํŠœ๋ฒ„๋ฅผ ์œ„ํ•œ ๋งˆ์Šคํ† ๋ˆ ์ธ์Šคํ„ด์Šค์ž…๋‹ˆ๋‹ค. Asahi Lina, Luna๊ฐ€ ๊ณต๋™ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

Who to follow

Twitter/Threads์—์„œ๋Š” ์ž์ฒด์ ์ธ ์ถ”์ฒœ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ†ตํ•ด ์–ด๋–ค ๊ณ„์ •์„ ํŒ”๋กœํ•˜๋ฉด ๊ดœ์ฐฎ์„์ง€ ์ œ์•ˆ์„ ํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋งˆ์Šคํ† ๋ˆ์€ ๊ทธ๋Ÿฐ ๊ธฐ๋Šฅ ์ชฝ์œผ๋กœ๋Š” ๋ฏธ๋น„ํ•˜๋‹ค์‹œํ”ผํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ด€๋ จ ์ •๋ณด๋ฅผ ๊ตฌ๋…ํ•˜๊ณ  ์‹ถ์€ ๋ถ„๋“ค์˜ ์ž…์žฅ์—์„œ๋Š” ๊ต‰์žฅํžˆ ์น˜๋ช…์ ์ผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜์—์„œ๋Š” ์–ด๋–ค ๊ฐœ๋ฐœ์ž์—๊ฒŒ๋“  ํŒ”๋กœํ•  ๊ฒƒ์„ ๊ถŒ์žฅํ•˜๋Š” ๊ณ„์ •๋“ค์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ด€๋ จ ๋‰ด์Šค

  • Geeknews Bot -- GeekNews์˜ ํ”ผ๋“œ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ฐ›์•„๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • Hackernews
    • Hacker News 500 -- Hacker News ์—์„œ 500 ํฌ์ธํŠธ ๋ฐ›์€ ๊ธ€๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • Hacker News 100 -- Hacker News ์—์„œ 100 ํฌ์ธํŠธ ๋ฐ›์€ ๊ธ€๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • Hacker News 50 -- Hacker News ์—์„œ 50 ํฌ์ธํŠธ ๋ฐ›์€ ๊ธ€๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • Lobsters -- Lobsters๋Š” Hacker News ๋ณด๋‹ค๋Š” ์ข€ ๋” ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ/์ปดํ“จํ„ฐ ์‚ฌ์ด์–ธ์Šค์— ์ดˆ์ ์ด ๋งž์ถฐ์ง„ ๊ธ€๋“ค์ด ์˜ฌ๋ผ์˜ต๋‹ˆ๋‹ค.
    • Twitter ๊ณต์‹ ๊ณ„์ •๋„ ์žˆ์—ˆ์ง€๋งŒ, ํŠธ์œ„ํ„ฐ์˜ Bot ๊ด€๋ จ ์ •์ฑ… ๋ณ€๊ฒฝ์œผ๋กœ ์ธํ•ด 2023๋…„ 5์›” 3์ผ๋ถ€๋กœ ์šด์˜์ด ์ค‘๋‹จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • discu.eu Weekly newsletter - ๊ฐ์ข… ๋ถ„์•ผ๋ณ„๋กœ newsletter๋ฅผ ๋ฐ›์•„๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • Python weekly, Haskell weekly ๋“ฑ๋“ฑ์˜ ๋งˆ์Šคํ† ๋ˆ ๊ณต์‹ ๊ณ„์ •์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์˜คํ”ˆ์†Œ์Šค ์ปจํŠธ๋ฆฌ๋ทฐํ„ฐ

  • Hong minhee -- Hackers' Pub, Hollo, Fedify ๋“ฑ vํŽ˜๋””๋ฒ„์Šค ์ƒํƒœ๊ณ„์—์„œ ๋‹ค์–‘ํ•˜๊ณ  ์žฌ๋ฐŒ๋Š” ๊ฒƒ๋“ค์„ ๊ฐœ๋ฐœํ•˜๊ณ  ๊ณ„์‹œ๋Š” ๋ถ„์ž…๋‹ˆ๋‹ค.
  • Eugen Rochko -- Mastodon ์ฝ”์–ด ์ปจํŠธ๋ฆฌ๋ทฐํ„ฐ์ž…๋‹ˆ๋‹ค.
  • Rob Pike -- Golang์„ ๊ฐœ๋ฐœํ•˜์‹  ๊ทธ ๋ถ„ ๋งž์Šต๋‹ˆ๋‹ค.
  • Asahi Lina -- Asahi Linux์— ๊ธฐ์—ฌํ•˜๋Š” ๋ชจ์Šต์„ ์ƒ์ค‘๊ณ„ํ•˜๋Š” ๋ฒ„์ธ„์–ผ ์œ ํŠœ๋ฒ„์ž…๋‹ˆ๋‹ค.
  • b0rks -- ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ N์ปท ๋งŒํ™”๋ฅผ ์—ฐ์žฌํ•˜๋Š” ๋ถ„์ž…๋‹ˆ๋‹ค. Make Hard Things Easy๋ผ๋Š” ๊ฐ•์—ฐ๋„ ์œ ๋ช…ํ•˜๋‹ˆ ํ•œ๋ฒˆ์”ฉ์€ ๋ณด์‹œ๋Š”๊ฑธ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

๊ทธ ์™ธ์—๋Š”...?

๊ทธ ์™ธ์—๋„, ๊ด€์‹ฌ์ด ๊ฐ€๋Š” ๋ถ„์•ผ๊ฐ€ ์žˆ์œผ์‹œ๋‹ค๋ฉด ํ•ด๋‹น ๋ถ„์•ผ ์ชฝ ์‚ฌ๋žŒ๋“ค์ด ๋ชจ์—ฌ์žˆ๋Š” ์ธ์Šคํ„ด์Šค๋ฅผ ๋ˆˆ์—ฌ๊ฒจ๋ณด์‹œ๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค. ํŒ”๋กœ์šฐํ•  ๊ณ„์ •์„ ์ถ”์ฒœํ•ด์ฃผ๋Š” ์„œ๋น„์Šค๋ฅผ ์ฐพ์œผ์‹ ๋‹ค๋ฉด ์ด๊ฒƒ๋„ ๊ณ ๋ คํ•ด๋ณด์„ธ์š”! (์ถ”์ฒœํ•ด์ฃผ์‹  @rghw๋‹˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.)

๊ทธ ์™ธ์—๋„ ํŒ”๋กœํ• ๋งŒํ•œ ๊ณ„์ •์ด๋‚˜ ๋ˆˆ์—ฌ๊ฒจ๋ณผ๋งŒํ•œ ์ธ์Šคํ„ด์Šค๊ฐ€ ์žˆ๋‹ค๋ฉด ๋Œ“๊ธ€๋กœ ์•Œ๋ ค์ฃผ์„ธ์š”! ์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ๋Œ“๊ธ€์ด ์ฒ˜์Œ ์ž…๋ฌธํ•˜๋Š” ๋ถ„๋“ค์—๊ฒŒ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

Read more โ†’
1
0
1
0

@hongminheeๆดช ๆฐ‘ๆ†™ (Hong Minhee) ์•„์ง์€ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๋ฐ์Šคํฌํƒ‘ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ณด์ด๊ธด ํ•ฉ๋‹ˆ๋‹ค๋งŒ, ์ด๋ฏธ์ง€ ๋“ฑ๋ก์„ ํŽธ์ง‘์ฐฝ์— ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ์œผ๋กœ๋งŒ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ๋ชจ๋ฐ”์ผ์—์„  ์“ธ ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ˆ ํŒŒ์ผ ์ฒจ๋ถ€ ๋ฒ„ํŠผ ํ•˜๋‚˜ ๋‹ฌ๋ฉด ์–ด๋–จ๊นŒ ํ•ฉ๋‹ˆ๋‹ค.

0
0

์˜ค๋ž˜ ์ „์— ๋ธ”๋กœ๊ทธ์— ์ผ๋˜ ๊ธ€์ธ๋ฐ, ์•ž์œผ๋กœ๋Š” ์ ‘๊ทผ์„ฑ ์ •์ฑ…์ด๋‚˜ UI๋ฅผ ๋Œ€์ƒ์œผ๋กœ ๊ธ€์„ ์ข€ ์จ๋ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•ด๋ณธ๋‹ค.

์ด๋ฏธ ๋งŒ๋“ค์–ด์ง„ ๊ฑธ ํ‰๊ฐ€ํ•˜๋Š” ๊ฑด ๋น„ํŒ๋งŒ ๋‚จ๊ธฐ๊ณ  ๋ณ€ํ™”๋ฅผ ๋งŒ๋“ค์–ด ๋‚ด๊ธฐ๋Š” ์–ด๋ ต๋”๋ผ.

๋ฌผ๋ก  ๋‹น์‹œ์—๋Š” 'ํ•œ ํ‘œ๊ฐ€ ๊ธ‰ํ•œ' ์‚ฌ๋žŒ๋“ค์ด ์ด๋Ÿฐ ๊ธ€๋„ ํผ๋‚˜๋ฅด๊ธด ํ–ˆ์ง€๋งŒ.

18๋Œ€ ๋Œ€์„  ํ›„๋ณด๋“ค์˜ ํ™ˆํŽ˜์ด์ง€ ์›น ์ ‘๊ทผ์„ฑ

18๋Œ€ ๋Œ€์„  ํ›„๋ณด๋“ค์˜ ํ™ˆํŽ˜์ด์ง€ ์›น ์ ‘๊ทผ์„ฑ

์–ด์ฉŒ๋‹ค๋ณด๋‹ˆ ๊ฐœ์ธ์ ์œผ๋กœ ๋ชจ์•„๋’€๋˜ ์ž๋ฃŒ๋ฅผ ์ •๋ฆฌํ•˜๊ฒŒ ๋๋Š”๋ฐ, 17๋Œ€ ๋Œ€์„  ๋•Œ ํ•œ๊ตญ์žฅ์• ์ธ์ธ๊ถŒํฌ๋Ÿผ์˜ ๋Œ€์„  ํ›„๋ณด ํ™ˆํŽ˜์ด์ง€๋ณ„ ์›น ์ ‘๊ทผ์„ฑ ํ‰๊ฐ€ ๊ฒฐ๊ณผ๊ฐ€ ์žˆ๊ธฐ์— ๊บผ๋‚ด๋ดค๋‹ค. ์ž๋ฃŒ๋ฅผ ๋ณด๋ฉด ๋‹น์‹œ์˜ ํ›„๋ณด ํ™ˆํŽ˜์ด์ง€์˜ ์›น ์ ‘๊ทผ์„ฑ ํ‰๊ท  41.02์ ์œผ๋กœ ์ค‘์•™๋ถ€์ฒ˜๋‚˜ ์ž์น˜๋‹จ์ฒด์˜ ํ‰๊ท  ์ ์ˆ˜์— ๋น„ํ•ด 10~40์  ์ด์ƒ ๋‚ฎ์•˜๋˜ ๊ฒƒ์œผ๋กœ ์ง‘๊ณ„๋˜์–ด์žˆ๋‹ค. ๋Œ€์„  ํ›„๋ณด๋“ค์˜ ํ™ˆํŽ˜์ด์ง€ ์ด๋ฒˆ ๋Œ€์„ ์—๋Š” ๋น„์Šทํ•œ ์ž๋ฃŒ๊ฐ€ ์•„์ง ์—†๋Š” ๋“ฏํ•ด์„œ ์ฃผ์š” ํ›„๋ณด๋“ค์˜ ํ™ˆํŽ˜์ด์ง€๋ฅผ ๊ฐ„๋‹จํžˆ๋‚˜๋งˆ ์‚ดํŽด๋ณด๊ฒŒ ๋๋‹ค. ์ฒ˜์Œ์—” ์›น ์ ‘๊ทผ์„ฑ ์ง€์นจ์˜ ํ•ญ๋ชฉ๋ณ„๋กœ ํ’€์–ด๋ณผ๊นŒ ํ–ˆ๋Š”๋ฐ, ๋ฉ”์ธํŽ˜์ด์ง€์˜ ๋Œ€์ฒด ํ…์ŠคํŠธ๋ฅผ ์‚ดํŽด๋ณด๋‹ค๋ณด๋‹ˆ... ํ•˜๊ธฐ ์‹ซ์–ด์กŒ๋‹ค. ์กฐ๊ธˆ ์‚ดํ”ผ๋‹ค๋ณด๋‹ˆ ์„œ๋ธŒํŽ˜์ด์ง€๋“ค๊นŒ์ง€ ์ผ์ผํžˆ ๋œฏ์–ด๋ณด๊ณ  ์ •๋ฆฌํ•˜๊ธฐ์—” ์‹œ๊ฐ„์ด ์•„๊นŒ์šธ ์ •๋„๋‹ค. ๊ทธ๋ž˜์„œ ํ™ˆํŽ˜์ด์ง€๋ณ„๋กœ '๋Œ€์ถฉ' ์ •๋ฆฌํ•ด๋ณธ๋‹ค. ๋ฐ•๊ทผํ˜œ ํ›„๋ณด ํ™ˆํŽ˜์ด์ง€

resistan.com ยท ์ทจํ–ฅ์˜ ํ”์ 

0
0

<select> ์ด์ œ CSS๋กœ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๊ฐ€๋Šฅ
------------------------------
- Chrome 135๋ถ€ํ„ฐ
<select> ์š”์†Œ์— ๋Œ€ํ•ด ์ ‘๊ทผ์„ฑ ํ‘œ์ค€์„ ์œ ์ง€ํ•˜๋ฉด์„œ๋„ CSS ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์ด ๊ฐ€๋Šฅํ•œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ง€์› ์‹œ์ž‘
- ์ˆ˜๋…„๊ฐ„์˜ ์‚ฌ์–‘ ์กฐ์œจ ๋ฐ ๊ฐœ๋ฐœ ๋์—, ์˜ค๋ž˜๋œ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋„ ๊นจ์ง€์ง€ ์•Š๋Š” ๊ฐ•๋ ฅํ•œ ๊ตฌ์„ฑ ์š”์†Œ๋กœ ์ œ๊ณต๋จ
- HTML ์ฝ˜ํ…์ธ ๋„ ํฌํ•จ ๊ฐ€๋Šฅํ•˜๋ฉฐ,
appearance: base-select ๊ฐ€ ์ถ”๊ฐ€๋˜๋ฉด์„œ ์• ๋‹ˆ๋ฉ”์ด์…˜,โ€ฆ
------------------------------
https://news.hada.io/topic?id=19998&utm_source=googlechat&utm_medium=bot&utm_campaign=1834

0

๊ฐœ์ธ์ ์œผ๋กœ bootstrap์ด๋‚˜ tailwind๋ฅผ ์ข‹์•„ํ•˜์ง€ ์•Š๋Š”๋‹ค. ์ด๋Ÿฐ CSS ํ”„๋ ˆ์ž„์›์ด ๊ต‰์žฅํžˆ ์ž‘์€ ๋‹จ์œ„(์ผ๋ฐ˜์ ์œผ๋กœ ์ปดํฌ๋„ŒํŠธ)์˜ ์Šคํƒ€์ผ์„ ํด๋ž˜์Šค ์ง‘ํ•ฉ์œผ๋กœ๋งŒ ์ปจํŠธ๋กค ํ•˜๋ ค๊ณ  ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

CSS(Cascading Style Sheets)๋Š” ๊ทธ ์ด๋ฆ„์—์„œ ์•Œ ์ˆ˜ ์žˆ๋“ฏ์ด ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋™์ž‘ํ•œ๋‹ค. ๋ถ€๋ชจ ์š”์†Œ์—์„œ ์ž์‹ ์š”์†Œ๋กœ ์Šคํƒ€์ผ์„ ์ƒ์†ํ•˜๋Š” ๊ฒŒ ์ค‘์š”ํ•œ ๊ฐœ๋… ์ค‘ ํ•˜๋‚˜์ด๊ณ  ์ด๊ฑธ ์ด์šฉํ•˜๋ฉด ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€ ๋‹จ์œ„์˜ ์Šคํƒ€์ผ์„ ์ผ๊ด€์„ฑ ์žˆ๊ฒŒ ์žก์„ ์ˆ˜ ์žˆ๋‹ค. ๋ฌผ๋ก , ๊ฐœ๋ฐœ์—์„œ ํŠน์ • ํด๋ž˜์Šค๋ฅผ ๋ฐ˜๋ณต ์ถœ๋ ฅํ•˜๋Š” ๊ฒƒ๋„ ๊ฒฐ๊ณผ๋Š” ๊ฐ™์„ ์ˆ˜ ์žˆ๊ฒ ์ง€๋งŒ, ๊ฐœ๋ฐœ ํŽธ์˜๋ฅผ ์œ„ํ•ด CSS ๊ทœ์น™์„ ๊นก๊ทธ๋ฆฌ ๋ฌด์‹œํ•˜๋Š” ๋ฐฉ์‹์ด tailwind ๊ฐ™์€ ๊ฑฐ๋ผ๊ณ  ๋ณด๋Š” ์ž…์žฅ์ด๋‹ค.

์–ด์ฐจํ”ผ ๊ณตํ†ต ์Šคํƒ€์ผ์€ ํ•„์š”ํ•˜์ง€ ์•Š๋‚˜. ๊ทธ๋ž˜์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์“ฐ๋”๋ผ๋„ ๊ธ€๋กœ๋ฒŒ ์Šคํƒ€์ผ์„ ๋”ฐ๋กœ ์„ ์–ธํ•ด๋‘๊ณ  ์˜ˆ์™ธ๋ฅผ CSS-in-JS๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ๋งž๋‹ค๊ณ  ๋ณธ๋‹ค.

0

Lobsters์˜ ์‚ฌ์šฉ์ž ํŠธ๋ฆฌ์— ์˜๊ฐ ๋ฐ›์•„์„œ Hackers' Pub์—๋„ ์ „์ฒด ์‚ฌ์šฉ์ž ์ดˆ๋Œ€ ์กฑ๋ณด(๋กœ๊ทธ์ธ ํ•„์š”)๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๋ง ๊ทธ๋Œ€๋กœ ๋ˆ„๊ฐ€ ๋ˆ„๊ตฌ๋ฅผ ์ดˆ๋Œ€ํ–ˆ๋Š”์ง€ ์ผ๋ชฉ์š”์—ฐํ•˜๊ฒŒ ๋ณด์—ฌ์ฃผ๋Š” ์กฑ๋ณด์ž…๋‹ˆ๋‹ค.

์ฐธ๊ณ ๋กœ ์ดˆ๋Œ€์žฅ์€ ์•ˆ ์“ฐ๋ฉด ๋” ๋Š˜์–ด๋‚˜์ง€ ์•Š์ง€๋งŒ, ์“ฐ๋ฉด ๋‹ค์‹œ ๊ธˆ๋ฐฉ ์ฑ„์›Œ์ง‘๋‹ˆ๋‹ค. (์ด๊ฒƒ ์ž์ฒด๋ฅผ ์ œ๊ฐ€ ์ˆ˜๋™์œผ๋กœ ํ•˜๊ณ  ์žˆ์ง€๋งŒ์š”โ€ฆ)

Hackers' Pub์˜ ์ „์ฒด ์‚ฌ์šฉ์ž ์ดˆ๋Œ€ ์กฑ๋ณด
0

DEI ์ค‘์— ์ ‘๊ทผ์„ฑ์€ I์— ๊ฐ€๊น๊ฒ ์ง€๋งŒ, ๊ฐœ๋ฐœ์ž ์ค‘์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ๋žŒ์€ ์ ์€ ๋“ฏ.

๊ณต๋™ ์ž‘์—…์„ ์œ„ํ•œ ์ €์žฅ์†Œ ๊ณ„์ •์„ ๋”ฐ๋กœ ๋งŒ๋“ค๊ณ , ๊ฐœ์ธ ๊ณ„์ •์„ ํ˜‘์—…์ž๋กœ ๋“ฑ๋กํ•ด์„œ ์ž‘์—…์„ ํ•˜๊ณ ๋Š” ์žˆ๋Š”๋ฐ...

  • ์ˆ˜์ง‘ํ•  ์ •๋ณด๋„ ๋งŽ๊ณ ,
  • ๊ฐœ๊ฐœ์ธ์˜ ๊ด€์‹ฌ์‚ฌ๋„ ๋‹ค๋ฅด๊ณ ,
  • ๊ฐ์ž ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์‹œ๊ฐ„๋„ ๋‹ค๋ฅผํ…Œ๊ณ ,
  • ํ•จ๊ป˜ ํ•ด์คฌ์œผ๋ฉด ํ•˜๋Š” ์ „๋ฌธ๊ฐ€๋“ค์ด ์žˆ์ง€๋งŒ ๋ง ๊บผ๋‚ด๊ธฐ๋„ ์‰ฝ์ง€ ์•Š๋‹ค.

์ €๋ณ€์„ ๋„“ํžˆ๊ณ  ์‹ถ๊ณ , ํ† ๋ก ์˜ ์žฅ๋„ ๋งŒ๋“ค์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๊ณ , ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ๋„ ๋งŽ๊ณ . ๊ทธ๋Ÿฌ๋‚˜ ๋‚˜ ์—ญ์‹œ ํ˜„์ƒ์˜ ๋ฌธ์ œ๊ฐ€ ์—ฌ์ „ํ•˜๋‹ค.

0

DEI ์ค‘์— ์ ‘๊ทผ์„ฑ์€ I์— ๊ฐ€๊น๊ฒ ์ง€๋งŒ, ๊ฐœ๋ฐœ์ž ์ค‘์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ๋žŒ์€ ์ ์€ ๋“ฏ.

๊ณต๋™ ์ž‘์—…์„ ์œ„ํ•œ ์ €์žฅ์†Œ ๊ณ„์ •์„ ๋”ฐ๋กœ ๋งŒ๋“ค๊ณ , ๊ฐœ์ธ ๊ณ„์ •์„ ํ˜‘์—…์ž๋กœ ๋“ฑ๋กํ•ด์„œ ์ž‘์—…์„ ํ•˜๊ณ ๋Š” ์žˆ๋Š”๋ฐ...

  • ์ˆ˜์ง‘ํ•  ์ •๋ณด๋„ ๋งŽ๊ณ ,
  • ๊ฐœ๊ฐœ์ธ์˜ ๊ด€์‹ฌ์‚ฌ๋„ ๋‹ค๋ฅด๊ณ ,
  • ๊ฐ์ž ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์‹œ๊ฐ„๋„ ๋‹ค๋ฅผํ…Œ๊ณ ,
  • ํ•จ๊ป˜ ํ•ด์คฌ์œผ๋ฉด ํ•˜๋Š” ์ „๋ฌธ๊ฐ€๋“ค์ด ์žˆ์ง€๋งŒ ๋ง ๊บผ๋‚ด๊ธฐ๋„ ์‰ฝ์ง€ ์•Š๋‹ค.

์ €๋ณ€์„ ๋„“ํžˆ๊ณ  ์‹ถ๊ณ , ํ† ๋ก ์˜ ์žฅ๋„ ๋งŒ๋“ค์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๊ณ , ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ๋„ ๋งŽ๊ณ . ๊ทธ๋Ÿฌ๋‚˜ ๋‚˜ ์—ญ์‹œ ํ˜„์ƒ์˜ ๋ฌธ์ œ๊ฐ€ ์—ฌ์ „ํ•˜๋‹ค.

0
0
0
0

Hyunjin Cho shared the below article:

Hacker's Pub์— ์ž…๋ฌธํ•œ ํ•œ๊ตญ์–ด๊ถŒ ์—ฌ๋Ÿฌ๋ถ„์„ ์œ„ํ•œ ์•ˆ๋‚ด์„œ

Jaeyeol Lee @kodingwarrior@hackers.pub

๋จผ์ € ํ„ฐ๋ฅผ ์žก์€ ์‚ฌ๋žŒ์œผ๋กœ์„œ Hacker's Pub์— ์˜ค์‹  ์—ฌ๋Ÿฌ๋ถ„๋“ค์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ์ถ”์ •ํ•˜๊ฑด๋ฐ 150๋ช…์ด ๋„˜๋Š” ๋ถ„๋“ค๊ป˜์„œ Hacker's Pub์— ๋“ค์–ด์˜ค๊ณ  ๊ณ„์‹  ๊ฒƒ ๊ฐ™์€๋ฐ์š”. ๋ฌผ์ด ๋“ค์–ด์˜ค๋ฉด.... ๋…ธ๋ฅผ ์ “๋Š”๊ฒŒ ์ธ์ง€์ƒ์ •์ด๊ฒ ์ฃ ? ์ด ์„œ๋น„์Šค๊ฐ€ ๋งŒ๋“ค์–ด์ง„ ์ดˆ๊ธฐ๋ถ€ํ„ฐ ๊ด€์‹ฌ์„ ๊ฐ€์ ธ์™”๊ณ , ์ด ์„œ๋น„์Šค์˜ ๊ฐ€๋Šฅ์„ฑ์„ ๋ฏฟ๋Š” ์‚ฌ๋žŒ์œผ๋กœ์„œ ์—ฌ๋Ÿฌ๋ถ„์—๊ฒŒ ์•ˆ๋‚ด๋ฅผ ๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

Hacker's Pub์€ ๋ฌด์—‡์„ ํ•˜๋Š” ๊ณณ์ธ๊ฐ€์š”?

Hacker's Pub์€ ์†Œํ”„ํŠธ์›จ์–ด ์—…๊ณ„์— ๋ชธ์„ ๋‹ด๊ณ  ์žˆ๋Š” ์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ์ฐฐ๋‚˜์˜ ์ƒ๊ฐ, ํ˜น์€ ์žฅ๋ฌธ์˜ ์ •์ œ๋œ ์ƒ๊ฐ๋“ค์„ ์ž์œ ๋กญ๊ฒŒ ๊ฐœ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ์†Œ์…œ ๋„คํŠธ์›Œํฌ ์„œ๋น„์Šค์ด์ž, ๋ธ”๋กœ๊น… ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์€ ๊ทธ๋•Œ๊ทธ๋•Œ ๋“œ๋Š” ์ƒ๊ฐ๋“ค์„ ์˜ฌ๋ ค์„œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ์ž์œ ๋กญ๊ฒŒ ์†Œํ†ต์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

Hacker's Pub ์ด๋ผ๋Š” ์ด๋ฆ„์€ ์ค‘์˜์ ์ธ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

  • ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์ง€์›ํ•˜๋Š” ํ•ด์ปค๋“ค์„ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ
  • Hacker's + Pub - ํ•ด์ปค๋“ค์ด ์ž์œ ๋กญ๊ฒŒ ์›ƒ๊ณ  ๋– ๋“ค ์ˆ˜ ์žˆ๋Š” ์ฃผ์ 

Hacker's Pub์ด๋ผ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ์— ์• ์ •์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ €๋กœ์„œ๋Š”, ์—ฌ๊ธฐ์— ๋“ค์–ด์˜ค์‹œ๋Š” ๋ชจ๋“  ๋ถ„๋“ค์ด Pub์— ๋“ค๋ ธ๋‹ค๊ฐ€ ๊ฐ€๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ํŽธ์•ˆํ•œ ๊ณต๊ฐ„์œผ๋กœ ๋А๊ปด์ง€์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์šฐ๋ฆฌ ๋ชจ๋‘๊ฐ€ ํŽธ์•ˆํ•จ ๊ฒฝํ—˜์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋„๋ก ์ดˆ๋Œ€์ œ๋กœ ์šด์˜์ด ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ์‚ฌํšŒ์  ํ•ฉ์˜๋กœ์„œ ํ–‰๋™๊ฐ•๋ น๋„ ๋งˆ๋ จ๋˜์–ด ์žˆ์œผ๋‹ˆ ํ•œ๋ฒˆ ์ฐธ๊ณ ํ•ด๋ณด์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ActivityPub ํ”„๋กœํ† ์ฝœ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

Hacker's Pub์€ ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์ง€์›ํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด, ActivityPub์€ ๋ฌด์—‡์ผ๊นŒ์š”? ActivityPub์€ ์›น ์ƒ์˜ ๋ถ„์‚ฐํ˜• ์†Œ์…œ ๋„คํŠธ์›Œํฌ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ๊ตญ์ œ ํ‘œ์ค€ ํ”„๋กœํ† ์ฝœ๋กœ, W3C์—์„œ ํ‘œ์ค€ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Mastodon, Misskey, Pleroma ๋“ฑ ๋‹ค์–‘ํ•œ SNS ์„œ๋น„์Šค๋“ค์ด ์ด ํ”„๋กœํ† ์ฝœ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ƒํ˜ธ ํ˜ธํ™˜๋˜๋ฉฐ ์ž์œ ๋กญ๊ฒŒ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์‰ฝ๊ฒŒ ๋งํ•ด, ์–ด๋–ค SNS๋ฅผ ์‚ฌ์šฉํ•˜๋”๋ผ๋„ ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด ์„œ๋กœ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ๊ฒƒ์ด ActivityPub์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค.

ActivityPub์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์„ค๋ช…์€ ์—ฌ๊ธฐ๊ฐ€ ์ •๋ง ์ž˜ ๋˜์–ด ์žˆ์œผ๋‹ˆ ๊ด€์‹ฌ์žˆ๋Š” ๋ถ„๋“ค์€ ํ•œ๋ฒˆ ์ •๋…ํ•ด๋ณด์‹œ๋Š”๊ฑธ ๊ถŒ์žฅ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

Hacker's Pub์„ ์ด์šฉํ•˜๋Š” ์—ฌ๋Ÿฌ๋ถ„๋“ค์€ ActivityPub ํ”„๋กœํ† ์ฝœ์„ ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋“  SNS ์„œ๋น„์Šค(Mastodon, Misskey ๋“ฑ)์˜ ์‚ฌ๋žŒ๋“ค๊ณผ ์—ฐ๊ฒฐ์ด ๋˜์–ด ์žˆ์œผ๋ฉฐ, ์‹ฌ์ง€์–ด Bluesky์— ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค๊ณผ ์—ฐ๊ฒฐ์ด ๋˜์–ด ํ”Œ๋žซํผ์˜ ๊ฒฝ๊ณ„๊ฐ€ ํ—ˆ๋ฌผ์–ด์ ธ ์žˆ๋Š”, ์‚ฌ์‹ค์ƒ ์ดˆ์—ฐ๊ฒฐ์ ์ธ ์‚ฌํšŒ์˜ ๊ฒฝํ—˜์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Hacker's Pub ์ƒํƒœ๊ณ„์— ๊ธฐ์—ฌํ•˜๊ธฐ

Hacker's Pub์€ ์•„์ง Early Stage ๋‹จ๊ณ„์ด๋ฉฐ, ์—ฌ์ „ํžˆ ๊ฐœ์„ ํ•˜๊ณ  ๋ฐœ์ „ํ•ด์•ผ ํ•˜๋Š” ์—ฌ์ง€๋Š” ์žˆ์Šต๋‹ˆ๋‹ค. Hacker's Pub์€ ๋ชจ๋“  ๊ฒƒ์ด ์˜คํ”ˆ์†Œ์Šค๋กœ ๊ฐœ๋ฐœ๋˜๋Š”, ์ „์ ์œผ๋กœ ๊ฐœ๋ฐฉ๋œ ์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค์ด๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๋Ÿฌ๋ถ„๋„ ์ƒํƒœ๊ณ„์˜ ๋ฐœ์ „์— ๊ธฐ์—ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•ด์ปค๋“ค์„ ์œ„ํ•œ ๊ณต๊ฐ„์ด๋‹ˆ๋งŒํผ, ์–ด๋А ๋ˆ„๊ตฌ์—๊ฒŒ๋„ ๊ธฐ์—ฌ๋Š” ์—ด๋ ค์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์€ ์—ฌ๊ธฐ์—์„œ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๊ธฐ์—ฌ์— ์ฐธ์—ฌํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒฝ์šฐ์— ๋”ฐ๋ผ์„œ๋Š” Hacker's Pub์— ๋‹น์žฅ์€ ๊ธฐ์—ฌํ•˜๊ธฐ๊ฐ€ ์–ด๋ ค์šธ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ActivityPub ํ”„๋กœํ† ์ฝœ์— ๋Œ€ํ•œ ์‚ฌ์ „์ง€์‹์ด๋ผ๋˜๊ฐ€ ํ˜น์€ ์„œ๋น„์Šค๊ฐ€ ๋งŒ๋“ค์–ด์ง„ ๊ธฐ์ˆ ์Šคํƒ์— ๋Œ€ํ•œ ์‚ฌ์ „์ง€์‹ ๊ฐ™์€ ๊ฒƒ๋“ค์ด ์ง„์ž…์žฅ๋ฒฝ์ด ๋  ์ˆ˜๋Š” ์žˆ์„ ๊ฒƒ์ด๊ฑฐ๋“ ์š”. ๊ทธ๋ ‡๋‹ค๊ณ  ํ•ด๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค. ActivityPub์— ๋Œ€ํ•œ ์ดํ•ด๋Š” ํ•œ๊ตญ ์—ฐํ•ฉ์šฐ์ฃผ ๊ฐœ๋ฐœ์ž ๋ชจ์ž„์—์„œ ํ•จ๊ป˜ ์ปค๋ฎค๋‹ˆํ‹ฐ ์ฐจ์›์—์„œ ํ•จ๊ป˜ ์•Œ์•„๊ฐ€๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๋”๋ถˆ์–ด, ์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด Hacker's Pub ์ฃผ๋ณ€ ์ƒํƒœ๊ณ„๋„ ๋”๋”์šฑ ๋ฐœ์ „ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ ๋ฏฟ์Šต๋‹ˆ๋‹ค. ๋‹น์žฅ์€ ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•ฉ์ณ์ ธ์„œ ๊ฐœ๋ฐœ๋˜๊ณ  ์žˆ๋Š” ํ˜•ํƒœ์ด์ง€๋งŒ, ์กฐ๋งŒ๊ฐ„ ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ๋ถ„๋ฆฌ๋˜์–ด์„œ ๊ฐœ๋ฐœ๋  ์˜ˆ์ •์ด๊ณ , Mastodon/Misskey ๊ฐ™์€ ๋‹ค๋ฅธ ActivityPub ๊ธฐ๋ฐ˜์˜ ์„œ๋น„์Šค๊ฐ€ ๊ทธ๋ž˜์™”๋“ฏ, ์šฐ๋ฆฌ๋งŒ์˜ Hacker's Pub ํด๋ผ์ด์–ธํŠธ๋ฅผ ๋งŒ๋“ค๊ฒŒ ๋˜๋Š” ๋‚ ๋„ ์˜ฌ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Hashnode ์ฒ˜๋Ÿผ Hacker's Pub ๋ธ”๋กœ๊ทธ ํ…œํ”Œ๋ฆฟ ๊ฐ™์€ ๊ฒƒ์ด ๋งŒ๋“ค์–ด์ง€๋Š” ๋ฏธ๋ž˜, ๊ธฐ๋Œ€๋˜์ง€ ์•Š๋‚˜์š”?

ํ•จ๊ป˜ ๋งŒ๋“ค์–ด๊ฐ€๋Š” Hacker's Pub

Hacker's Pub์€ ํ•ด์ปค๋“ค์„ ์œ„ํ•œ ๊ณต๊ฐ„์ธ ๋™์‹œ์—, ๋ชจ๋“  ๋ถ„๋“ค์ด ๊ฐ์ž์˜ ์ƒ‰๊น”๊ณผ ์ƒ๊ฐ์„ ๋งˆ์Œ๊ป ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ์—ด๋ฆฐ ๋ฌด๋Œ€์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ ์ปค๋ฎค๋‹ˆํ‹ฐ๋Š” ์ƒํ˜ธ ์กด์ค‘๊ณผ ์‹ ๋ขฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋ฉฐ, ์ด๋ฅผ ์œ„ํ•ด ๋งˆ๋ จ๋œ ํ–‰๋™๊ฐ•๋ น์„ ์ค€์ˆ˜ํ•˜๋Š” ๋™์‹œ์—, ์šฐ๋ฆฌ ๋ชจ๋‘์˜ ๋‹ค์–‘ํ•œ ์˜๊ฒฌ๊ณผ ํ”ผ๋“œ๋ฐฑ์ด ์กด์ค‘๋  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์ƒˆ๋กœ์šด ์•„์ด๋””์–ด๋‚˜ ๊ฐœ์„  ์‚ฌํ•ญ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ์˜๊ฒฌ์„ ๊ณต์œ ํ•ด๋„ ๋ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ ๋ชจ๋‘์˜ ์ฐธ์—ฌ๊ฐ€ ๋ฐ”๋กœ Hacker's Pub์˜ ๋ฏธ๋ž˜๋ฅผ ๋ฐ๊ฒŒ ๋งŒ๋“œ๋Š” ์›๋™๋ ฅ์ž…๋‹ˆ๋‹ค.

Read more โ†’
0
4
0