洪 民憙 (Hong Minhee)

@hongminhee@hackers.pub · 565 following · 372 followers

Hi, I'm who's behind Fedify, Hollo, BotKit, and this website, Hackers' Pub!

Fedify, Hollo, BotKit, 그리고 보고 계신 이 사이트 Hackers' Pub을 만들고 있습니다.

Fedify、Hollo、BotKit、そしてこのサイト、Hackers' Pubを作っています。

嗨，我是 Fedify、Hollo、BotKit 以及這個網站 Hackers' Pub 的開發者！

Website
hongminhee.org
GitHub
@dahlia
Hollo
@hongminhee@hollo.social
DEV
@hongminhee
velog
@hongminhee
Qiita
@hongminhee
Zenn
@hongminhee
Matrix
@hongminhee:matrix.org
X
@hongminhee
0
0
0
1
0
0
1
3
0
0
1
0
김무훈 @iamuhun@hackers.pub
Public

@hongminhee洪 民憙 (Hong Minhee) 제 블로그에서 인용한 W3C CSS3 명세 내용에 따르면 범용성이 높은 클래스를 남용하기보다, 마크업의 구조를 따라 작성하라고 권장하고 있습니다. 꽤나 오래된 권장 사항으로 블로그 글의 레퍼런스를 조사하면서 저 명세를 CSS2 명세(2004년)로부터 알게 되었습니다.

data 어트리뷰트를 WAI-ARIA로 치환해서 같은 결과를 내놓을 수 있는데요, 이 방법의 장점은 좀 더 마크업 및 CSS Rules 작성에 대해 웹 표준을 근거로 명확한 디자인시스템을 만들 수 있다고 생각합니다.

 - my-card:state(loading) { 
+ my-card[aria-busy="true"] {
  background: url(./spinner.svg)
} 

- my-card:state(loaded) {
+ my-card[aria-busy="false"] {
  border: 2px solid green;
}

웹 접근성이 UI 설계에 중요한 이유

WAI-ARIA를 바탕으로 한 의미론적인 CSS 규칙을 설계하는 방법을 소개합니다.

www.frontend.moe · 프엔모에

0
0
0
5
2
0
6
0
0
4
0
0
bgl gwyng @bgl@hackers.pub
Public
Shared by 洪 民憙 (Hong Minhee)

Existential Lens란걸 알게되었는데 정의는 다음과 같다

data Lens s a = forall c. Lens (s -> (c, a)) ((c, a) -> s)

돌무식 렌즈(get, set 레코드)보다는 좀더 어렵지만 Van Laarhoven Lens보다는 훨씬 더 직관적이라서 렌즈의 이해에 도움이 많이 되었다.

전체 설명은 요깄다.

Existential optics

A presentation of an alternative encoding for optics such as lenses and prisms using existential types.

tweag.io

7
0
0
6
0
0
1
1
0
Bubbler @bubbler@hackers.pub
Public
Shared by 洪 民憙 (Hong Minhee)

어제부터 Jujutsu라는 버전 관리 시스템을 써보고 있습니다. git의 branch는 연속적인 단일 작업을 표현하는 느낌이 강하게 드는데 사실 그저 어느 commit을 가리키는 포인터일 뿐이라는 걸 느끼게 해주네요. Jujutsu에서는 같은 커밋에서 다음 커밋을 여러 개 만들면 그게 브랜치이고, 여러 커밋을 parent로 하는 커밋을 하나 만들면 그게 머지이고, 수정이 다 끝나면 그냥 원하는 브랜치 이름의 포인터를 적절히 옮기면 됩니다. 부분 변경을 커밋 간에 자유롭게 옮길 수 있는 것까지 합치면 재미있는 사용 방법이 많이 있을 것 같습니다. 특히 megamerge workflow를 쓰면 git 쓰다가 생겼던 "지금 하는 작업을 끝내야 다음 변경사항을 작업"하는 강박이 해소될 것 같아 기대가 많이 됩니다.

A Git-compatible VCS that is both simple and powerful - jj-vcs/jj

GitHub - jj-vcs/jj: A Git-compatible VCS that is both simple and powerful

A Git-compatible VCS that is both simple and powerful - jj-vcs/jj

github.com · GitHub

12
1
0
洪 民憙 (Hong Minhee) @hongminhee@hackers.pub
Public

Claude Code 공식 문서에 따르면:

현재 Claude Code는 Windows에서 직접 실행되지 않으며 WSL이 필요합니다.

…라고 하고 있지만, Git for Windows가 깔려 있을 경우, Git Bash 안에서는 문제 없이 사용 가능하다. 다만, npm으로 설치할 때 scripts/preinstall.js 스크립트에서 Windows인지 검사하는 부분이 있어서 오류가 나며 설치가 중단되는데, 해당 스크립트는 오로지 Windows인지 검사하는 역할만 하고 있기 때문에[1] 아래와 같이 npm이 해당 스크립트를 실행하지 않도록 우회해도 설치에 문제가 없다:

NPM_CONFIG_IGNORE_SCRIPTS=true npm install -g @anthropic-ai/claude-code

다만 명령 프롬프트나 PowerShell에서 Claude Code를 실행시키려 할 경우 SHELL 환경 변수가 정의되어 있지 않기 때문에 오류가 난다. 그래서 Git Bash 안에서 Claude Code를 실행해야 한다.

일단 이렇게 설치해서 조금 써 본 결과 크게 문제는 없는 걸로 보인다.

  1. 해당 스크립트는 아래 코드가 전부다:

    /**
 * Preinstall script to check for Windows environment and exit gracefully 
 * with an informative message if detected.
 */

// Check if running on Windows
if (process.platform === 'win32') {
  console.error('\x1b[31m%s\x1b[0m', 'Error: Claude Code is not supported on Windows.');
  console.error('\x1b[33m%s\x1b[0m', 'Claude Code requires macOS or Linux to run properly.');
  console.error('\x1b[33m%s\x1b[0m', 'If you are using WSL (Windows Subsystem for Linux):');
  console.error('\x1b[33m%s\x1b[0m', '  1. Make sure you are running npm install from within the WSL terminal, not from PowerShell or CMD');
  console.error('\x1b[33m%s\x1b[0m', '  2. If you\'re still seeing this message in WSL, your environment may be incorrectly reporting as Windows');
  console.error('\x1b[33m%s\x1b[0m', 'Please visit https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/overview#check-system-requirements for troubleshooting information.');
  process.exit(1);
}
    ↩︎

Claude Code 시작하기 - Anthropic

Claude Code를 설치하고, 인증하고, 사용하는 방법을 알아보세요.

docs.anthropic.com · Anthropic

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

데스크톱 PC에 Fedora Linux를 설치해서 쓰게 되면서, 나한테 남은 Windows 컴퓨터가 Surface Pro 9 말고는 없게 되었는데, 스펙이 떨어지다 보니 가끔 Windows에서만 할 수 있는 작업을 할 때 좀 답답하긴 하다. Surface Pro 9 처음 샀을 때는 이렇게 답답하진 않았는데, 역시 모든 건 상대적인 듯…

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

@z9mb1wwj 저는 온갖 할일 관리 앱을 써봤는데 결국에는 Apple 기본 미리 알림 앱에 정착했습니다… 의외로 다른 앱보다 기본 미리 알림 앱에 고급 기능이 더 많더라고요. @theeluwin제이미 님의 아래 글도 참고해 보시면…

1
1
0
5
0
0
1
0
0
1
1
0
6
0
0
5
1
0
6
1
0
0
1
0
4
0
0

洪 民憙 (Hong Minhee) shared the below article:

RI 알고리즘 적용 작업중 잡담

Hyaline @hyaline@hackers.pub

기존 플러그인의 검색 알고리즘 속도 문제에 직면하여, Subgraph isomorphism 문제 해결을 위해 다양한 논문과 알고리즘을 탐색하고 RI, ArcMatch, VF3 등의 솔루션을 검토한 과정을 소개합니다. 특히 RI 알고리즘을 플러그인에 통합하는 과정에서 겪은 어려움과, 알고리즘의 복잡성 때문에 코드를 완전히 이해해야만 플러그인의 설계 의도에 맞게 수정할 수 있었다는 점을 강조합니다. Rider의 LLM 기능을 활용하여 코드를 분석하고 이해하는 과정을 거쳐, 재귀 없이 배열 기반으로 트리 순회하는 흑마술 같은 코드를 처음 접하며 겪는 혼란과 즐거움을 공유합니다. 타인의 오랜 노력이 담긴 결과물을 빠르게 습득하는 과정에서 느끼는 달콤함과 만족감을 표현하며, 이 경험이 과거 공부에 어려움을 겪던 자신에게 큰 동기부여가 되었을 것이라는 소회를 밝힙니다.

Read more →
2
2
1
洪 民憙 (Hong Minhee) @hongminhee@hollo.social
Public

日本語(일본어)에서는 「非推奬(비추장)」이라는 말을 쓴다는데, 韓國語(한국어)에서는 「推奬(추장)」이라는 말을 잘 쓰지 않으니 「非推薦(비추천)」 乃至(내지)는 「非奬勵(비장려)」 程度(정도)가 되려나? 듣고 보니 「止揚(지양)」 같은 말로 翻譯(번역)해도 좋을 것 같기도…?

2
0
0
RanolP @ranolp@hackers.pub
Public
Shared by 洪 民憙 (Hong Minhee)

@hongminhee洪 民憙 (Hong Minhee) 조금 길지만 제거 예정(예문: Features deprecated / 제거 예정인 기능)이 그럭저럭 쓸만한 번역어인 거 같고요. Gemini를 굴려보니 재밌는 번역어를 몇 제시해주네요.

  • 폐기 예정 / 폐지 예정
  • 비권장 / 지원 중단 예정
  • 구식 / 낡은 / 노후화된 / 대체될
  • 사양길의 / 저물어가는 / 쇠퇴한

다만 여전히 제게는 '제거 예정/제거할'이 가장 와닿네요.

  • This is a deprecated feature / 제거할 기능이야.
  • Have you marked it as deprecated? / 제거 예정이라 적어놨어?
  • Removed recently deprecated features / 최근 제거 예정이었던 기능을 지웠습니다
  • Don't use deprecated features / 제거될 기능은 사용하지 마
5
0
0
洪 民憙 (Hong Minhee) @hongminhee@hollo.social
Public
Shared by 洪 民憙 (Hong Minhee)

日本語(일본어)에서는 「非推奬(비추장)」이라는 말을 쓴다는데, 韓國語(한국어)에서는 「推奬(추장)」이라는 말을 잘 쓰지 않으니 「非推薦(비추천)」 乃至(내지)는 「非奬勵(비장려)」 程度(정도)가 되려나? 듣고 보니 「止揚(지양)」 같은 말로 翻譯(번역)해도 좋을 것 같기도…?

1
1
1
0
0
0
0
0
1
1
2
1
2
0
1
洪 民憙 (Hong Minhee) @hongminhee@hackers.pub
Public

TypeScript 및 JavaScript를 위한 의존성 제로의 로깅 라이브러리인 LogTape이 버전 0.12.0을 릴리스했습니다! 이제 trace 로그 레벨과 syslog 싱크를 지원합니다. 릴리스 노트를 한국어로 읽어보세요.

LogTape 0.12.0 릴리스 노트

JavaScript 및 TypeScript용 로깅 라이브러리 LogTape의 0.12.0 버전 업데이트를 소개합니다. 이번 업데이트에서는 가장 낮은 심각도 수준인 `trace` 로그 레벨이 추가되어 개발 및 디버깅 시 더욱 세밀한 제어가 가능해졌습니다. 또한, 파일 싱크의 성능이 향상되어 대량의 로그를 처리하는 시나리오에서 쓰기 성능이 크게 개선되었습니다. 새로운 `@logtape/syslog` 패키지를 통해 syslog 서버로 로그 메시지를 전송할 수 있으며, `Logger.warning()` 메서드 에일리어스가 추가되어 일관성을 높였습니다. LogTape 패키지들은 이제 통일된 버전으로 릴리스되어 버전 관리가 간편해졌고, 빌드 인프라가 개선되어 Webpack, Vite 등과의 호환성이 향상되었습니다. LogTape 0.12.0은 JSR 및 npm에서 사용할 수 있으며, 자세한 변경 사항은 릴리스 정보를 참고하시기 바랍니다.

hackers.pub · Hackers' Pub

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

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

依存関係ゼロのロギングライブラリLogTapeがバージョン0.12.0をリリースしました！traceログレベルとsyslogシンクが追加されました。リリースノートを日本語で読んでみてください。

LogTape 0.12.0 リリースノート

LogTapeの最新バージョン0.12.0では、JavaScriptおよびTypeScript向けのゼロ依存ロギングライブラリに、`trace`ログレベルの追加、ファイルシンクのパフォーマンス向上、Syslogサポートの導入など、多くの新機能と改善が加えられました。`trace`レベルの追加により、より詳細なログ出力が可能になり、ファイルシンクのバッファリング設定により、高負荷なロギング環境での書き込みパフォーマンスが向上します。また、新たに`@logtape/syslog`パッケージが提供され、Syslogサーバーへのログ送信がサポートされました。さらに、パッケージのバージョン管理が統一され、ビルドインフラストラクチャが改善されたことで、より効率的な開発が可能になります。これらのアップデートを活用することで、開発者はより柔軟かつ高性能なロギングシステムを構築し、アプリケーションのデバッグと監視を効率化できるでしょう。

hackers.pub · Hackers' Pub

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

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

TypeScript 및 JavaScript를 위한 의존성 제로의 로깅 라이브러리인 LogTape이 버전 0.12.0을 릴리스했습니다! 이제 trace 로그 레벨과 syslog 싱크를 지원합니다. 릴리스 노트를 한국어로 읽어보세요.

LogTape 0.12.0 릴리스 노트

JavaScript 및 TypeScript용 로깅 라이브러리 LogTape의 0.12.0 버전 업데이트를 소개합니다. 이번 업데이트에서는 가장 낮은 심각도 수준인 `trace` 로그 레벨이 추가되어 개발 및 디버깅 시 더욱 세밀한 제어가 가능해졌습니다. 또한, 파일 싱크의 성능이 향상되어 대량의 로그를 처리하는 시나리오에서 쓰기 성능이 크게 개선되었습니다. 새로운 `@logtape/syslog` 패키지를 통해 syslog 서버로 로그 메시지를 전송할 수 있으며, `Logger.warning()` 메서드 에일리어스가 추가되어 일관성을 높였습니다. LogTape 패키지들은 이제 통일된 버전으로 릴리스되어 버전 관리가 간편해졌고, 빌드 인프라가 개선되어 Webpack, Vite 등과의 호환성이 향상되었습니다. LogTape 0.12.0은 JSR 및 npm에서 사용할 수 있으며, 자세한 변경 사항은 릴리스 정보를 참고하시기 바랍니다.

hackers.pub · Hackers' Pub

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

0
1
0
2
1
0
1
0
0

LogTape 0.12.0 Release Notes

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

LogTape, a zero-dependency logging library for JavaScript and TypeScript, has released version 0.12.0 with several enhancements. The update introduces a new `trace` log level for more granular debugging and improves file sink performance through configurable buffering. A significant addition is the `@logtape/syslog` package, enabling log message transmission to syslog servers using RFC 5424. The update also includes `Logger.warning()` as an alias for `Logger.warn()` for consistency. Furthermore, all LogTape packages now share unified versioning for better compatibility. The build infrastructure has been migrated from `dnt` to `tsdown`, enhancing compatibility with modern JavaScript toolchains and improving build times. This release optimizes logging capabilities and ensures smoother integration with various JavaScript runtimes.

Read more →
9
0
1
洪 民憙 (Hong Minhee) @hongminhee@hackers.pub
Public

LogTape에 RFC 5424 구현중…인데, 그런데 요즘 syslog 자체를 잘 안 쓰나?

Logo of the IETF

RFC 5424: The Syslog Protocol

This document describes the syslog protocol, which is used to convey event notification messages. This protocol utilizes a layered architecture, which allows the use of any number of transport protocols for transmission of syslog messages. It also provides a message format that allows vendor-specific extensions to be provided in a structured way. This document has been written with the original design goals for traditional syslog in mind. The need for a new layered specification has arisen because standardization efforts for reliable and secure syslog extensions suffer from the lack of a Standards-Track and transport-independent RFC. Without this document, each other standard needs to define its own syslog packet format and transport mechanism, which over time will introduce subtle compatibility issues. This document tries to provide a foundation that syslog extensions can build on. This layered architecture approach also provides a solid basis that allows code to be written once for each syslog feature rather than once for each transport. [STANDARDS-TRACK]

datatracker.ietf.org · IETF Datatracker

0
0
0
5
1
0
0
1
0
4
0
0
3
1
0
1
0
0
洪 民憙 (Hong Minhee) @hongminhee@hackers.pub
Public

LogTape에 RFC 5424 구현중…인데, 그런데 요즘 syslog 자체를 잘 안 쓰나?

Logo of the IETF

RFC 5424: The Syslog Protocol

This document describes the syslog protocol, which is used to convey event notification messages. This protocol utilizes a layered architecture, which allows the use of any number of transport protocols for transmission of syslog messages. It also provides a message format that allows vendor-specific extensions to be provided in a structured way. This document has been written with the original design goals for traditional syslog in mind. The need for a new layered specification has arisen because standardization efforts for reliable and secure syslog extensions suffer from the lack of a Standards-Track and transport-independent RFC. Without this document, each other standard needs to define its own syslog packet format and transport mechanism, which over time will introduce subtle compatibility issues. This document tries to provide a foundation that syslog extensions can build on. This layered architecture approach also provides a solid basis that allows code to be written once for each syslog feature rather than once for each transport. [STANDARDS-TRACK]

datatracker.ietf.org · IETF Datatracker

2
2
0