Hyunjin Cho

@resistan@hackers.pub · 20 following · 31 followers

🕯️바라는 건 평등한 민주 세상.

디지털 접근성, HTML, CSS로 살다 요즘은 다시 투쟁.

접근성 프로젝트: a11ykr.github.io
블로그: resistan.com

Hyunjin Cho @resistan@hackers.pub

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

Public

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

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

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

洪民憙 (Hong Minhee) @hongminhee@hackers.pub

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

Public

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

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

Hyunjin Cho @resistan@hackers.pub

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

Public

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

Hyunjin Cho @resistan@hackers.pub

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

Hyunjin Cho @resistan@hackers.pub

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

Quiet public

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

접근성 문서 모음

Home - A11YKR

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

a11ykr.github.io · a11ykr

Hyunjin Cho @resistan@hackers.pub

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

Hyunjin Cho @resistan@hackers.pub

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

Public

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

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

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

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

news.hada.io · GeekNews

최진호 @calmglow@hackers.pub

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

Public

Shared by

Hyunjin Cho

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

NAVER D2

d2.naver.com

Hyunjin Cho @resistan@hackers.pub

3/25/2025, 5:07:43 PM

Public

ARIA in HTML 개정 권고안이 발표되었습니다. 큰 변화는 아닌 것 같지만, 자세한 사항은 살펴본 후에 다시...

https://www.w3.org/TR/html-aria/

ARIA in HTML

This specification defines the authoring rules (author conformance requirements) for the use of Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Digital Publishing WAI-ARIA Module 1.0 attributes on [HTML] elements. This specification's primary objective is to define requirements for use with conformance checking tools used by authors (i.e., web developers). These requirements will aid authors in their development of web content, including custom interfaces and widgets, which make use of ARIA to complement or extend the features of the host language [HTML].

www.w3.org

Hyunjin Cho shared the below article:

Hacker's Pub에 입문한 한국어권 여러분을 위한 안내서

Jaeyeol Lee @kodingwarrior@hackers.pub

Hacker's Pub은 소프트웨어 업계 종사자들이 자유롭게 생각을 공유하고 소통할 수 있는 소셜 네트워크 서비스이자 블로깅 플랫폼입니다. ActivityPub 프로토콜을 지원하여 Mastodon, Misskey 등 다른 SNS 서비스 사용자들과도 연결되어 플랫폼 경계를 초월한 소통이 가능합니다. 이 글에서는 Hacker's Pub의 의미와 ActivityPub 프로토콜에 대한 간략한 소개, 그리고 커뮤니티에 기여할 수 있는 다양한 방법을 제시합니다. 오픈 소스로 개발되는 Hacker's Pub 생태계에 참여하여 함께 서비스를 발전시키고, 우리만의 클라이언트를 만들어 Hashnode와 같은 블로그 템플릿을 구축하는 미래를 기대해 볼 수 있습니다. Hacker's Pub은 상호 존중과 신뢰를 바탕으로 모든 이들이 자유롭게 의견을 나누고 함께 만들어가는 공간입니다.

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`