Hyunjin Cho

@SergeyCheSergey Chernyshev hahaha VibeDevOps because we also need a VibeDesignOps and VibeResearchOps 😁

4/18/2025, 1:46:28 PM

Public

살면서 RTL 언어 지원을 한 번도 해 본 적이 없어서 무섭게 느껴진다. 아마 서양 프로그래머들도 CJK 보면 이런 느낌일까?

4/19/2025, 1:51:14 AM

Public

@hongminhee洪民憙 (Hong Minhee) 좀 어렵긴 해요. 중간에 낀 영문은 또 LTR 로 쓴다거나…

https://a11ykr.github.io/stories/accessibility-is-important/

4/16/2025, 3:35:10 AM

Public

앞으로 이런 글을 찌끄릴려구요. 기고도 환영입니다.

왜 접근성이 중요한가? - A11YKR

장애와 접근성의 의미가 달라졌다. 기술은 왜 접근성을 고려해야 하는 것일까?

a11ykr.github.io

Simon Park @parksb@silicon.moe

4/15/2025, 4:37:56 AM

Quiet public

@ailrunAilrun (UTC-5/-4) @lionhairdino @kodingwarriorJaeyeol Lee @bglbgl gwyng 지나가다 보고 아이디어가 넘 좋아서 살포시...

4/15/2025, 11:54:58 PM

Quiet public

@parksbSimon Park @kodingwarriorJaeyeol Lee @bglbgl gwyng @lionhairdino @ailrunAilrun (UTC-5/-4) HP라는 키워드가 그대로 드러나는 디자인엔 왠지 빨간색이 어울릴 것 같습니다... ^^;

https://a11ykr.github.io/

4/13/2025, 1:21:50 PM

Public

접근성 문서를 번역하고 모아두는 페이지에서, 블로그를 섹션을 추가하고 문서는 gitbook과 비슷한 형태로 볼 수 있는 사이트로 변경하는 작업 중입니다. 블로그 섹션 추가한 김에 글도 간만에 썼네요. 너무 당연한 이야기만 쓴 것도 같지만요. 앞으로 했으면 하는 것도, 변경한 사이트에 정비할 것도 많네요. 속도가 필요한 일은 아니지만, 여러 사람이 같이하면 더 의미가 있는 일이 될 것 같아, 함께하실 분들을 계속 찾고 있습니다.

Home - A11YKR

한국의 디지털 접근성을 높일 수 있도록 관련 자료를 수집하고 의견을 나누는 공간입니다.

a11ykr.github.io · a11ykr

geeknews_bot @geeknews_bot@sns.lemondouble.com

4/11/2025, 6:10:28 AM

Public

Shared by

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

h1 태그의 기본 스타일이 변경됩니다 | GeekNews

주요 브라우저들이 <h1> 태그의 기본 스타일(UA 스타일)을 변경하는 업데이트를 진행 중임특히 중첩된 section, article, nav, aside 등의 내부에서 사용된 <h1>에 영향을 줌개발자들은 이 변경으로 인해 사이트에 예기치 않은 스타일 변화나 Lighthouse 경고가 발생할 수 있으므로 주의가 필요함어떤 점이 바뀌는가HTML 명세에는 한

news.hada.io · GeekNews

4/11/2025, 5:53:04 AM

Quiet public

@resistanHyunjin Cho @Cyan시안 (본계 탐라 갱신이 안 됨) 아, 그렇군요. 연합우주에서 커모지라고 하면 보통 Unicode에 포함되어 있지 않은, 이미지 파일을 통해 보여주는 커스텀 에모지를 뜻해요!

4/11/2025, 6:04:40 AM

Quiet public

@hongminhee洪民憙 (Hong Minhee) @Cyan시안 (본계 탐라 갱신이 안 됨) 아, 그렇군요! 알려주셔서 감사합니다 :)

4/11/2025, 5:24:23 AM

Quiet public

@resistanHyunjin Cho @Cyan시안 (본계 탐라 갱신이 안 됨) 저도 커스텀 에모지는 접근성에 심각한 문제가 있다고 생각해서 Hackers' Pub에서는 지원하지 않고 있습니다. (다른 인스턴스에서 쓴 커스텀 에모지를 보여주고는 있지만요.)

4/11/2025, 5:31:38 AM

Quiet public

@hongminhee洪民憙 (Hong Minhee) @Cyan시안 (본계 탐라 갱신이 안 됨) 저는 커모지를 커스텀 에모지보다는 릿스피크(leetspeak) - lol, 야민정음 같은 것들로 생각을 했었어요. TTS에서 텍스트로 읽히지만 뜻이 명확하게 전달되지 않는 것으로요.

4/11/2025, 5:22:39 AM

Quiet public

@Cyan시안 (본계 탐라 갱신이 안 됨) 전맹인 경우에는 커모지가 문제가 될 것 같긴 하네요. 저시력(약간이라도 시력이 있는) 경우에는 확대해서 볼 수 있다 싶어서 오히려 괜찮을 것 같습니다. 커모지는 ASCII 아트처럼 텍스트가 아닌 콘텐츠로 간주될 듯 하고 설명이 별도로 제공되는 편이 좋겠습니다. 어떻게 설명할 거냐는... 경우에 따라 분명치 않기는 합니다만...

김무훈 @iamuhun@hackers.pub

4/7/2025, 1:29:58 PM

Public

오 안녕하세요, 웹 몇 개월 전에 직접 운영하고 계신 접근성 사이트맵을 접한 프런트엔드 프로그래머입니다.

개인 블로그에 올릴 웹 접근성이 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 한국어 초벌 번역 모음 사이트맵입니다.

4/7/2025, 2:06:47 PM

Public

@iamuhun김무훈 반갑습니다!

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

4/7/2025, 8:17:00 AM

Public

디지털 접근성에 관심 있는 분들이 계시려나...

구린 영어 실력에 LLM을 빌어서 일단은 혼자 하고 있지만...

예전처럼 평가 중심이 아닌 구현 방법 중심의 글을 좀 생산하고 싶다고...

일단 계획은 이런데... 같이 할 사람 있으면 좋겠다고 생각합니다아아...

A11Y KR 접근성 문서 모음

디지털 접근성 개선을 위해 번역, 자료 수집 활동을 하고 있습니다.

a11ykr.github.io · Docs

Tim Berners-Lee @timbl@w3c.social

4/3/2025, 2:23:09 PM

Public

Shared by

https://theodi.org/news-and-events/news/solid-advisory-committee/

Join the Solid movement to play a part in building a better Web and global data infrastructure.

Apply for a role on the Solid Advisory Committee below ⬇️ @ODIHQOpen Data Institute

Solid Advisory Committee

Learn more about our open call for members of the Solid Operations Advisory Committee.

theodi.org · The ODI

https://event-us.kr/msftkrdevrel/event/101808

4/3/2025, 8:19:41 AM

Public

모든 언어의 바이브를 다 해야하는 것인가…

GitHub Copilot Bootcamp - 이벤터스

GitHub Copilot과 함께하는 Vibe Coding!

event-us.kr

4/2/2025, 1:56:58 AM

Public

철 지난 이야기이긴 한데...

나 역시 아이폰을 쓰기는 계속 쓰지만, 언젠가부터 교체 주기가 점점 길어지고 있다.

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

4/2/2025, 1:39:52 AM

Public

@paperonnetSubi Song 그래서 16pro 샀는데, GPT 계정 연결했는데 모르겠어서... 시리 반응 디자인만 바뀌고... ㅠㅠ

4/2/2025, 1:44:30 AM

Public

@paperonnetSubi Song GPT 뒤져보니 시리에게 한 요청이 넘어가긴 했더군요. 폰 내부 정보는 권한 없으면 가져다 쓰지는 못하고요. 그래도 결과물이 바로 뜨는 것 같지 않은게, 이것도 잘 쓰려면 뭔가 요령이 필요해 보이네요.

Subi Song @paperonnet@hackers.pub

4/2/2025, 12:46:36 AM

Public

@resistanHyunjin Cho 전 아이폰 13 미니 모델 쓰고 있어서 달라지지도 않았어요. 아이폰 15 pro 이상 써야 달라진다고 하던데요. ^^;;

4/2/2025, 1:39:52 AM

Public

@paperonnetSubi Song 그래서 16pro 샀는데, GPT 계정 연결했는데 모르겠어서... 시리 반응 디자인만 바뀌고... ㅠㅠ

Subi Song @paperonnet@hackers.pub

4/1/2025, 10:55:37 PM

Public

하루 늦은 watchOS 11.4 update!

4/2/2025, 12:45:06 AM

Public

@paperonnetSubi Song 우리 시리가 뭐가 달라졌는지 모르겠어요~

juxtapose @xt@hackers.pub

4/1/2025, 7:52:18 AM

Public

Shared by

"pub"의 외래어 표기법에 따른 표기는 "펍"이 아니라 "퍼브"입니다. 유성음으로 끝나는 단어라서 "ㅡ"를 붙입니다. 이것은

log: "록"이 아니라 "로그"
- blog: "블록"이 아니라 "블로그"
tag: "택"이 아니라 "태그"
egg: "엑"이 아니라 "에그"
dog: "독"이 아니라 "도그"
mug: "먹"이 아니라 "머그"
hub: "헙"이 아니라 "허브"
pad: "팻"이 아니라 "패드"
lid: "릿"이 아니라 "리드"
mud: "멋"이 아니라 "머드"

등등, 유성음으로 끝나는 영어 단어에 일관적으로 적용되는 규칙입니다.

보통 외래어 표기법의 규칙이 무시되는 사례를 보면, 규칙이 모호성을 낳는다는 이유로 기피되는 경향이 있는데요. 예를 들어 "seat"와 "sheet"를 구분하려는 욕망으로 인해 /ʃiː/를 "시"로 표기하는 원칙을 깨고 후자를 "쉬트"로 적는 것이 있죠.

그런데 유성음으로 끝나면 "ㅡ"를 붙인다는 규칙은 원어의 유성 음가를 반영하는 동시에, 대체로 모호성을 해소하는 방향으로 표기를 만들어 주는 좋은 규칙입니다. 이 규칙이 없었으면 꼼짝없이

"dog"와 "dock"이 "독"이라는 동음이의어가 되고
"pig"와 "pick"도 "픽"이라는 동음이의어가 되고
"rug"와 "luck"도 "럭"이라는 동음이의어가 되고
"tag"와 "tack"도 "택"이라는 동음이의어가 되고

영 좋지 않았겠죠.

4/1/2025, 1:25:28 AM

Public

이 공간에서 그럴 분이 안계실 거라 생각하지만...

만우절이라고 정치나 재난을 주제로 과도한 농담이 등장하지 않았으면 하는 바람이 있습니다.

헬렐 @hellel@hackers.pub

3/31/2025, 5:54:54 AM

Public

Shared by

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

개인적으로 한국판 alternativeto.net 같은 사이트가 요즘 필요하다고 느껴져서... 우선은 간단한 Notion 사이트를 만들어 보았어요. Notion 계정이 있다면 누구나 참여가 가능해요. (제가 공유를 잘 했길 바라요...)

Your connected workspace for wiki, docs & projects | Notion

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

www.notion.so · Notion

오브젝티프 @objectif@mitir.social

3/30/2025, 8:52:59 PM

Public

Shared by

중고 자몽차(따뜻함) @dvbeetle@hackers.pub

제작자피셜로 전달받은 바에 따르면

12.3kΩ

- 12.3: 12월 3일 내란세력을
- k: 처단(...)하기 위해
- Ω: 저항

이라고 합니다.

저항하기

3/30/2025, 1:58:25 PM

Public

Shared by

https://chinensis.tistory.com/entry/초보자를-위한-MCP-서버-사용-가이드-클로드가-내-개인-파일과-유튜브-영상을-분석할-수-있게-해보자

오늘 블로그에 쓴 따끈따끈한 글입니다 ㅎㅎ.
비개발자도 읽을 수 있는 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 · 수서곤충의 세계

3/30/2025, 3:10:34 PM

Public

Shared by

별 것 아니지만, Markdown 문법 가이드를 추가했습니다. Markdown을 모르는 분들은 거의 없겠지만, Hackers' Pub은 Markdown 확장 문법을 꽤 많이 지원하기 때문에, 이를 문서화할 필요가 있었습니다.

단문 작성 화면에서 “이미지 업로드” 버튼 왼쪽의 “Markdown 사용 가능” 링크를 누르시면 언제든지 Markdown 문법 가이드를 보실 수 있습니다.

Markdown Syntax Guide

hackers.pub

Subi Song @paperonnet@hackers.pub

3/30/2025, 11:17:37 AM

Public

초대장을 받고 Hackers' Pub에 가입했는데, 트위터 처음 할 때처럼 뭘 어떻게 해야 할지 가늠할 수 없다. 0_o!

3/30/2025, 2:01:52 PM

Public

@paperonnetSubi Song 다른 연합우주 쪽에서도 팔로우할 사람들을 찾을 수 있어요. :)

AK @ak@hackers.pub

3/30/2025, 12:36:57 PM

Public

Shared by

AI가 생성한 내용을 내 지식관리시스템(위키 등)에 복붙하면 그건 내 지식일까 아닐까?

2008년 경에 The extended mind (1998, Andy Clark and David Chalmers)라는 짧은 에세이를 읽었는데 여기서 본 내용이 참고할만 하다.

저자들은 장기기억 상실을 앓고 있는 사람이 수첩에 모든 걸 기록하고 항상 이를 참고한다면 그 수첩에 담긴 글들은 "확장된 기억"이라고 주장한다. 더 나아가서, 수첩의 내용이 단순히 "기억"이 아니라 "믿음extended dispositional belief"이기 위해서 필요한 기준을 추가로 제시한다.

해당 정보가 그 사람의 삶에 항상 함께하며 참고해야하는 상황이 오면 거의 반드시 참고하여 행동한다.
참고하고 싶을 때 어려움 없이 참고할 수 있어야 한다.
일단 그 정보를 참고하면 이를 의심없이 수용한다.
그 정보가 거기에 담긴 이유는 과거 언젠가 내가 내용을 신뢰했기 때문이다.

AI가 생성한 내용을 검토 없이 복붙했다면 이는 4번을 만족하지 못하고, 이에 따라 3번에도 문제가 생긴다. 따라서 검토 없는 복붙은 좋은 전략이 아닐 뿐 아니라 내 지식관리시스템을 망칠 가능성이 크다.

참고로 에세이의 저자들은 이 중 마지막 기준에 논쟁의 여지가 있다고 말하긴 한다. 무의식적으로 믿음이 형성되는 경우, 기억 조작이 일어난 경우 등이 있기 때문. 그런데 KMS 맥락에선 4번이 중요하다고 봐도 되겠다.

The Extended Mind

consc.net

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님 감사합니다.)

그 외에도 팔로할만한 계정이나 눈여겨볼만한 인스턴스가 있다면 댓글로 알려주세요! 여러분들의 댓글이 처음 입문하는 분들에게 도움이 될 수 있습니다!

3/30/2025, 6:39:20 AM

Public

@kodingwarriorJaeyeol Lee 인사가 늦었습니다. 초대주셔서 감사드려요.

3/30/2025, 3:27:57 AM

Public

@hongminhee洪民憙 (Hong Minhee) 아직은 인터페이스가 데스크탑 기반으로 보이긴 합니다만, 이미지 등록을 편집창에 드래그 앤 드롭으로만 할 수 있으면 모바일에선 쓸 수가 없습니다. 그러니 파일 첨부 버튼 하나 달면 어떨까 합니다.

https://www.w3.org/TR/WCAG22/

3/30/2025, 3:23:59 AM

Public

WCAG 2.2도 2024년 12월 12일자로 갱신됨.

Web Content Accessibility Guidelines (WCAG) 2.2

Web Content Accessibility Guidelines (WCAG) 2.2 covers a wide range of recommendations for making web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on any kind of device (including desktops, laptops, kiosks, and mobile devices). Following these guidelines will also often make web content more usable to users in general.

www.w3.org

3/30/2025, 2:56:47 AM

Public

오래 전에 블로그에 썼던 글인데, 앞으로는 접근성 정책이나 UI를 대상으로 글을 좀 써봐야겠다는 생각을 해본다.

이미 만들어진 걸 평가하는 건 비판만 남기고 변화를 만들어 내기는 어렵더라.

물론 당시에는 '한 표가 급한' 사람들이 이런 글도 퍼나르긴 했지만.

18대 대선 후보들의 홈페이지 웹 접근성

어쩌다보니 개인적으로 모아뒀던 자료를 정리하게 됐는데, 17대 대선 때 한국장애인인권포럼의 대선 후보 홈페이지별 웹 접근성 평가 결과가 있기에 꺼내봤다. 자료를 보면 당시의 후보 홈페이지의 웹 접근성 평균 41.02점으로 중앙부처나 자치단체의 평균 점수에 비해 10~40점 이상 낮았던 것으로 집계되어있다. 대선 후보들의 홈페이지 이번 대선에는 비슷한 자료가 아직 없는 듯해서 주요 후보들의 홈페이지를 간단히나마 살펴보게 됐다. 처음엔 웹 접근성 지침의 항목별로 풀어볼까 했는데, 메인페이지의 대체 텍스트를 살펴보다보니... 하기 싫어졌다. 조금 살피다보니 서브페이지들까지 일일히 뜯어보고 정리하기엔 시간이 아까울 정도다. 그래서 홈페이지별로 '대충' 정리해본다. 박근혜 후보 홈페이지

resistan.com · 취향의 흔적

3/27/2025, 1:37:07 AM

Public

@resistanHyunjin Cho 미투데이에도 족보가 있었던가요…!? 너무 오래되어서 기억이 가물가물…

geeknews_bot @geeknews_bot@sns.lemondouble.com

3/28/2025, 12:00:30 PM

Public

@hongminhee洪民憙 (Hong Minhee) 초창기 초대권 기반이던 시절에 본 기억이 있어요. 저 역시 가물가물… :)

3/28/2025, 12:27:23 AM

Public

Shared by

<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

<select> 이제 CSS로 커스터마이징 가능 | GeekNews

Chrome 135부터 <select> 요소에 대해 접근성 표준을 유지하면서도 CSS 커스터마이징이 가능한 새로운 기능 지원 시작수년간의 사양 조율 및 개발 끝에, 오래된 브라우저에서도 깨지지 않는 강력한 구성 요소로 제공됨HTML 콘텐츠도 포함 가능하며, appearance: base-select 가 추가되면서 애니메이션, 스타일등 다양한 커스터마이징이

news.hada.io · GeekNews

3/28/2025, 5:58:59 AM

Public

개인적으로 bootstrap이나 tailwind를 좋아하지 않는다. 이런 CSS 프레임웍이 굉장히 작은 단위(일반적으로 컴포넌트)의 스타일을 클래스 집합으로만 컨트롤 하려고 하기 때문이다.

CSS(Cascading Style Sheets)는 그 이름에서 알 수 있듯이 계층 구조를 기준으로 동작한다. 부모 요소에서 자식 요소로 스타일을 상속하는 게 중요한 개념 중 하나이고 이걸 이용하면 여러 페이지 단위의 스타일을 일관성 있게 잡을 수 있다. 물론, 개발에서 특정 클래스를 반복 출력하는 것도 결과는 같을 수 있겠지만, 개발 편의를 위해 CSS 규칙을 깡그리 무시하는 방식이 tailwind 같은 거라고 보는 입장이다.

어차피 공통 스타일은 필요하지 않나. 그래서 컴포넌트를 쓰더라도 글로벌 스타일을 따로 선언해두고 예외를 CSS-in-JS로 처리하는 것이 맞다고 본다.

3/26/2025, 5:55:37 PM

Public

Lobsters의 사용자 트리에 영감 받아서 Hackers' Pub에도 전체 사용자 초대 족보(로그인 필요)를 만들었습니다. 말 그대로 누가 누구를 초대했는지 일목요연하게 보여주는 족보입니다.

참고로 초대장은 안 쓰면 더 늘어나지 않지만, 쓰면 다시 금방 채워집니다. (이것 자체를 제가 수동으로 하고 있지만요…)

3/27/2025, 1:07:31 AM

Public

@hongminhee洪民憙 (Hong Minhee) 미투데이가 생각나는 건 왜일까요 ^^;

3/26/2025, 4:48:18 AM

Quiet public

DEI 중에 접근성은 I에 가깝겠지만, 개발자 중에 관심 있는 사람은 적은 듯.

공동 작업을 위한 저장소 계정을 따로 만들고, 개인 계정을 협업자로 등록해서 작업을 하고는 있는데...

수집할 정보도 많고,
개개인의 관심사도 다르고,
각자 사용 가능한 시간도 다를테고,
함께 해줬으면 하는 전문가들이 있지만 말 꺼내기도 쉽지 않다.

저변을 넓히고 싶고, 토론의 장도 만들었으면 좋겠고, 하고 싶은 것도 많고. 그러나 나 역시 현생의 문제가 여전하다.

a11ykr - Overview

a11ykr has 11 repositories available. Follow their code on GitHub.

github.com · GitHub

3/26/2025, 4:52:23 AM

Quiet public

현재까지 진행한 작업(외부 링크는 아님). astro와 starlight에 올려보려고 고심 중.

접근성 문서 모음

Home - A11YKR

한국의 디지털 접근성을 높일 수 있도록 관련 자료를 수집하고 의견을 나누는 공간입니다.

a11ykr.github.io · a11ykr

3/26/2025, 4:48:18 AM

Quiet public

DEI 중에 접근성은 I에 가깝겠지만, 개발자 중에 관심 있는 사람은 적은 듯.

공동 작업을 위한 저장소 계정을 따로 만들고, 개인 계정을 협업자로 등록해서 작업을 하고는 있는데...

수집할 정보도 많고,
개개인의 관심사도 다르고,
각자 사용 가능한 시간도 다를테고,
함께 해줬으면 하는 전문가들이 있지만 말 꺼내기도 쉽지 않다.

저변을 넓히고 싶고, 토론의 장도 만들었으면 좋겠고, 하고 싶은 것도 많고. 그러나 나 역시 현생의 문제가 여전하다.

a11ykr - Overview

a11ykr has 11 repositories available. Follow their code on GitHub.

github.com · GitHub

https://news.hada.io/topic?id=19968

3/26/2025, 3:23:16 AM

Public

접근성 테스트 기능이 궁금.

Polypane - 야심찬 웹 개발자를 위한 브라우저 | GeekNews

반응형 디자인, 접근성, 성능 테스트 등 웹사이트 개발과 디버깅, 테스트를 위한 기능이 통합된 데스크탑 브라우저(크로미움 기반)모든 작업이 실시간으로 동기화되며, 다양한 사이즈의 뷰포트를 동시에 확인하고 조작 가능클릭, 입력, 스크롤, hover 등 모든 동작이 모든 뷰포트에 즉시 반영됨Mac, Windows, Linux에서 사용 가능하며, 14일 무료 체

news.hada.io · GeekNews

최진호 @calmglow@hackers.pub

3/25/2025, 3:36:24 PM

Public

Shared by

전혀 생각지 못했던 꿀팁을 배웠다. 커밋메시지도 ai가 자동으로 해주는구나. copilot도 나름 쓸만함 https://d2.naver.com/helloworld/6615449

NAVER D2

d2.naver.com