Profile img

김무훈

@iamuhun@hackers.pub · 40 following · 61 followers

업으로서 약 3년 간 웹 프런트엔드 서비스 개발을 경험한 컴퓨터 공학 학부생입니다.

모두를 위한 접근성 지원과 오픈소스 참여에 주목하여 엔지니어링에 관심을 갖고 있습니다.

Gravatar
muhun.kim
GitHub
@mu-hun
유루메 Yurume @yurume@hackers.pub
Public
Shared by 김무훈

예전에 LLM이 얼마나 복잡한 코드를 이해할 수 있는지 파악하기 위해 Gemini 2.5 모델들로 내 IOCCC 2012 수상작을 던지고 무슨 일을 하는지 실행 없이 알아 맞춰 보라고 했더니 하나도 제대로 파악하지 못했던 적이 있다. 문득 생각이 나서 Gemini 3 Pro는 개선되었을려나 생각했는데, 힌트 하나만 받고 10분동안 생각하더니 완벽하게 응답에 성공했다! 심지어 설명도 실행 없이 분석했다는 걸 감안할 때 매우 정확했다. IOCCC 수상작을 모두 기억하고 있을 가능성을 감안해 이전에 본 적이 있냐고 물어 보니 환각(...)을 내뱉는 것도 그렇고(그보다 외웠다면 처음에 바로 정답을 얘기했겠지), 실제로 생각 과정을 보면 사람이 할 법한 분석을 전부 하고 있는 걸 보니 진짜로 LLM들의 reasoning 능력이 이 정도 수준에 도달했음을 알 수 있다. 세상 참 많이 발전했네.

> 다음 C 프로그램이 하는 일을 알려 줘. [코드 생략] 이 C 프로그램은 **난독화(obfuscated)**된 코드로, 입력받은 **시간 또는 단위가 포함된 문자열**을 해석하여 총합을 계산한 뒤, 그 결과를 **16진수(Hexadecimal)**로 출력하는 프로그램입니다. 구체적인 작동 방식은 다음과 같습니다: 1. **입력 처리**: * `getchar()`를 통해 표준 입력(stdin)에서 문자를 하나씩 읽어들입니다. * `|32`를 통해 대문자를 소문자로 변환하여 처리합니다. 2. **문자 매핑 (해싱)**: * `"ynwtsflrabg"`라는 문자열은 입력받은 문자가 특정 단위(예: year, week, second 등)인지 확인하기 위한 인덱스 문자열입니다. * 입력된 문자가 이 문자열에 포함되면 변수 `b`에 특정 해시 값을 누적합니다. 3. **단위 변환 및 계산**: * `"1+DIY/.K430x9G(kC["`라는 복잡한 문자열은 **룩업 테이블(Lookup Table)** 역할을 합니다. * 내부 루프에서 이 테이블과 비트 연산(`&255^b`)을 통해 현재 입력된 단위가 무엇인지(예: 'y'가 연도인지, 's'가 초인지) 판별합니다. * `u=1ll<<6177%n--*4` 부분은 각 단위에 맞는 **가중치(Multiplier)**를 계산합니다. `<<` 비트 시프트 연산을 사용하는 것으로 보아, 특정 단위마다 2의 제곱수 형태의 배수를 적용하거나, 혹은 시간을 초 단위(또는 나노초 단위)로 변환하는 계수를 생성합니다. 4. **결과 누적**: * 변수 `m`에 파싱된 수치와 단위 가중치를 곱하여 누적합니다. 5. **출력**: * 최종적으로 계산된 값 `m`을 `printf("%llx\n", m)`을 통해 **16진수(long long hex)** 형태로 출력합니다. **요약하자면:** 이 코드는 "1y(1년)", "2w(2주)", "30s(30초)"와 같은 형식의 텍스트를 입력받아, 이를 초(second)나 특정 기본 단위로 환산한 총합을 16진수로 보여주는 **단위 변환 계산기**입니다.> 아... 미묘하게 틀렸어. 컴파일하지 않고서 좀 더 생각해 보겠어? 힌트: 입력에는 0~9까지의 문자가 들어갈 수 없음. 이전 설명이 '미묘하게' 틀렸던 이유는, 이 코드가 '단위(년, 주, 초)'를 처리하는 것이 아니라 **"영어 단어로 된 숫자(English Number Words)"**를 해석하여 그 결과를 숫자로 출력하는 프로그램이기 때문입니다. 입력에 `0-9`가 들어가지 않는다는 힌트가 결정적이었습니다. 이 프로그램은 `"one"`, `"two"`, `"hundred"` 같은 문자열을 읽어서 숫자로 변환합니다. 수정된 분석 결과는 다음과 같습니다: 1. **영어 단어 해싱 (Hashing English Words)**: * `"ynwtsflrabg"` 문자열은 영어 숫자를 구별하는 데 필요한 핵심 문자들(`y, n, w, t, s, f, l, r, a, b, g`)만 모아둔 것입니다. * 입력된 단어에서 이 문자들만 뽑아내어 `b`라는 변수에 Base-8(8진수) 형태로 누적시킵니다. * 예를 들어: * `"one"` -> `n`(인덱스 1) -> 해시값 **1** * `"two"` -> `t`(3), `w`(2) -> 해시값 **26** ($3 \times 8 + 2$) * `"three"` -> `t`(3), `r`(7) -> 해시값 **31** ($3 \times 8 + 7$) 2. **룩업 테이블 매칭 (Lookup Table)**: * `"1+DIY/.K430x9G(kC["` 문자열은 각 숫자의 해시값에 42를 더한 문자들로 구성되어 있습니다. * 해시값과 이 테이블을 비교하여 입력된 단어가 어떤 숫자인지 판별합니다. * 인덱스 1 (`+`, ASCII 43): 43 - 42 = 1 -> `"one"` * 인덱스 2 (`D`, ASCII 68): 68 - 42 = 26 -> `"two"` * 인덱스 12 (`9`, ASCII 57): 57 - 42 = 15 -> `"hundred"` (해시 `n,r`) * 인덱스 16 (`C`, ASCII 67): 67 - 42 = 25 -> `"ten"` (해시 `t,n`) 3. **16진수 트릭 (Hexadecimal Trick)**: * 이 프로그램의 가장 재미있는 점은 **"십진수처럼 보이는 16진수"**를 사용한다는 것입니다. * `"ten"`을 입력받으면 실제 값 10이 아니라 **16 (0x10)**을 더합니다. * `"hundred"`를 입력받으면 100이 아니라 **256 (0x100)**을 곱합니다. * `"ty"` 접미사(twenty 등)가 붙으면 **16 (0x10)**을 곱합니다. * 이렇게 계산한 뒤 마지막에 `printf("%llx\n", m)`으로 **16진수 출력**을 합니다. * 결과적으로 내부 값은 16진수이지만, 출력된 문자열은 우리가 아는 십진수 숫자와 똑같이 보입니다. **결론:** 이 프로그램은 **영어로 적힌 숫자(예: "one hundred twenty three")를 입력받아, 이를 아라비아 숫자("123")로 변환하여 출력하는 번역기**입니다. **예시 작동:** * 입력: `one hundred` -> 내부 계산: `0x1 * 0x100` -> 출력: `100` * 입력: `thirty two` -> 내부 계산: `0x30 + 0x2` -> 출력: `32` * 입력: `ten` -> 내부 계산: `0x10` ->> 맞았어! 이 코드를 혹시 이전에 본 적이 있니? 네, 본 적이 있습니다! 이 코드는 전설적인 **IOCCC (International Obfuscated C Code Contest, 국제 난독화 C 코드 대회)**의 **1990년 수상작** 중 하나로, **Brian Westley**가 작성한 코드입니다. 이 코드는 프로그래머들 사이에서 **"The Hexadecimal Trick (16진수 트릭)"**을 사용한 아주 기발한 예제로 유명합니다. **이 코드의 천재적인 점:** 1. **입력:** `one`, `two`, `hundred` 같은 영어 단어를 받습니다. 2. **처리:** 내부적으로 **16진수(Hex)** 체계로 계산합니다. * "ten"을 10이 아닌 `0x10` (16)으로 저장합니다. * "hundred"는 100이 아닌 `0x100` (256)을 곱합니다. 3. **출력:** 마지막에 `%d`(10진수)가 아니라 **`%x` (16진수)** 포맷으로 출력합니다. * 내부 값 `0x10`이 출력되면 화면에는 **`10`**이라고 찍힙니다. * 사용자는 이것이 10진수 `10`인 줄 알지만, 사실 컴퓨터는 `16`이라는 값을 `10`이라는 모양(16진수)으로 보여준 것입니다. 덕분에 10진수 변환을 위한 복잡한 자리 올림 로직 없이도, 아주 짧은 코드로 "영어 -> 숫자" 변환기를 구현해낸 고전 명작입니다.
10
0
0
0
0
2
큐리아 @qria@hackers.pub
Public
Shared by 김무훈

[구인 커피챗 요청] 2025-12-26 ~ 2026-01-06 한국에 잠시 방문하는데, 좋은 개발자 분들을 만나고 싶습니다.

저는 펜시브 라는 미국 교육 AI 스타트업 CTO이고, 최근에 크게 투자유치를 하여 현재 초기 개발팀을 꾸리고 있습니다.

  • 미국비자 지원받고 바로 샌프란시스코로 넘어오고 싶은 개발자 (미국에서 일하셔야 합니다!)
  • 하루종일 학습에 대해서 생각하고 싶은 개발자
  • 작은 팀으로 데카콘을 만들고 싶은 개발자

커피챗 연락주십시오: >> minjune@pensieve.co <<

펜시브 제품소개: https://claude.com/customers/pensieve

기술스택: typescript + react / fastapi + python / firebase / postgres

Customer story | Pensieve | Claude

Discover how Pensieve uses Claude to create AI teaching assistants that boost student test scores by 7% and increase classroom engagement 5x while reducing instructor workload. Learn how their AI grader and tutor system is transforming higher education at UC Berkeley, Columbia, and Harvey Mudd.

claude.com

6
0
0
0
0
0
김무훈 @iamuhun@hackers.pub
Public

제품(타이피)의 기술부채와 타협하지 않고 위지윅 에디팅의 끝을 보려고 하시나 보네요. 기술 역량 면에서 참 대단하십니다.

구현체는 Rust로 작성되어 웹에서는 상술한 바와 같이 WASM으로 빌드 후 캔버스에 출력하며, 모바일에서는 각 플랫폼으로 네이티브 빌드되어 각 플랫폼의 윈도우 핸들을 통해 텍스쳐 버퍼에 바로 출력합니다. 이를 통해 웹뷰 없는 모바일 위지윅 에디터를 구현하고자 합니다.

— finn (@devunt) November 7, 2025

타이피 - 작가를 위한 올인원 글쓰기 도구

작성, 정리, 공유까지. 글쓰기의 모든 과정을 하나의 도구로 해결하세요.

typie.co · 타이피

5
0
0
김무훈 @iamuhun@hackers.pub
Public

대 AI 시대다 보니 교내 팀 프로젝트 구두 코드 리뷰에서 "이거 본인 머리에서 나온 건가요?" 라는 대화가 옆에서 종종 오가는게... 새삼 아이러니하네요. 😂

다행이 본인이 생각하셨습니다.

1
0
0
김무훈 @iamuhun@hackers.pub
Public

FEConf 2025 정식 연사로 참여했던 제 발표
「모두를 위한 웹 접근성: 무엇이고, 어떻게 할까요?」 영상에 자막이 추가되었습니다.
🎥 https://youtu.be/KkXKh7cm1is?t=73

발표 당시 제 전달력이 부족해 일부 구간의 발음이 묵음처럼 들리거나 청취가 어려운 부분이 있었습니다.
보다 정확한 시청 경험을 위해, 들리지 않았던 내용을 바로 잡은 자막을 직접 제작하여 반영했습니다.

FEConf 2025 [B3] 중요하지만 긴급하지 않은 일, 그럼에도 계획해야 하는 웹 접근성

FEConf 20252025.8.23 11:00 ~ 17:40세종대학교 광개토관 컨벤션센터TRACK B-3중요하지만 긴급하지 않은 일, 그럼에도 계획해야 하는 웹 접근성김무훈 | A11YKR 커뮤니티모든 사람을 위한 웹 접근성 지원과 설계, 제대로 알아봅시다.웹 프런트엔드 서비스에...

www.youtube.com · YouTube

3
0
0
김무훈 @iamuhun@hackers.pub
Public

어느 한 분이 type-challenges에 한국어 번역을 일괄로 하셨길래, 예전에 제가 출제한 문제가 어떻게 번역됐나 궁금했습니다.
찾아서 읽어보니 일부 표현이 원래 의도와 다르게 전달되어 있어, 직접 설명을 바로잡는 PR을 올렸네요. https://github.com/type-challenges/type-challenges/pull/37666

- 원시 타입 또는 유니온 원시 타입인 `Predicate`과 `Predicate`의 요소로 포함되는 배열을 반환하고, 배열 `T`를 가지는 `Filter<T, Predicate>` 타입을 구현하세요.
+ 타입 `Filter<T, Predicate>`를 구현하세요. 여기서 `T`는 배열이고, `Predicate`는 원시 타입 또는 원시 타입의 유니온입니다. 결과는 `Predicate`에 속하는 원시 타입만 가진 배열이어야 합니다.
Rewrite unnatural/mistranslated Korean description for accuracy and readability Align English prompt with TypeScript terminology and keep parity with Korean No functional changes cc @Tap-Kim 제가 출...

docs(i18n): Correct Korean translation; clarify English prompt by mu-hun · Pull Request #37666 · type-challenges/type-challenges

Rewrite unnatural/mistranslated Korean description for accuracy and readability Align English prompt with TypeScript terminology and keep parity with Korean No functional changes cc @Tap-Kim 제가 출...

github.com · GitHub

1
0
0
3
1
0
김무훈 @iamuhun@hackers.pub
Public

K-자소서
저는 자상하신 어머니와 아버지 사이에서 태어난 장남이며, 사주팔자에 맞춰 이름과 생년월일을 맞춰 태어난 이 시대의 고주몽인 줄 알았으나 현실은 하늘 높은지 모르고 치솟는 구직의 벽에 치여 살고 있는 이 시대의 평범한 컴퓨터공학 졸업 예정 학생입니다.

9
0
0
2
0
0
1
0
0
1
1
0
김무훈 @iamuhun@hackers.pub
Public

이전에 개인 블로그에서 UI의 명시성을 지향하자라는 메세지로 발행한 "소리치는 인터페이스" 제목의 글에 안티 패턴에 대한 보충 설명이 떠올라 덧붙였습니다.
디지털 접근성과 소프트웨어 아키텍쳐 개념의 교집합에 대한 글이기도 한데요, 한번 즈음 읽어보는 걸 추천드립니다.

소리치는 인터페이스

사용자 인터페이스는 "무엇을 할 수 있는지" 스스로 소리쳐서 알려주어야 합니다.

www.frontend.moe · 프엔모에

Link author: 김무훈@iamuhun@hackers.pub

4
0
0
4
0
0
김무훈 @iamuhun@hackers.pub
Public

웹 접근성을 고려한 콘텐츠 제작기법 2.2 개정판 W3C 저작 웹 콘텐츠 접근성 지침(WCAG)에 대한 국내 사례집이라 생각하시면 됩니다.

디지털 접근성의 4가지 원칙인 인지 · 조작 · 이해 · 견고 마다 실용적인 예제가 실려져 있습니다. FE 하시는 분이라면 꼭 읽어보세요.

웹 접근성을 고려한 콘텐츠 제작기법 2.2 개정판

문서 소개

nia-a11y.github.io · NIA 디지털 접근성 아카이브

1
0
0
bgl gwyng @bgl@hackers.pub
Public
Shared by 김무훈

부연설명을 하자면. Git에선 브랜치 자체로는 '변경 사항'이라는 의미가 없습니다. 왜냐면 끝점만 있고 시작점만 있으니까요. 변경 사항을 논하려면 비교 대상인 커밋이 필요합니다.

Rebase를 하는 이유는 연속된 커밋들로(예쁩니다) '변경 사항'을 나타내기 위해서입니다. 그 의도한 '변경 사항'을 만들기 위해, 비교 대상이 될 커밋을 바꾸는게 리베이스입니다. 그러니까 개발자가 의도한 diff를 그대로 표현하지 못해서, diff = head - x니까 이 방정식을 만족시키는 x 커밋을 찾아서 diff를 의도한데로 계산되게 만드는거지요.

참 뻘스럽습니다.

1
0
0
3
0
0
김무훈 @iamuhun@hackers.pub
Public

졸업 이전부터 일찍 깜지 내가 원하는 바를 주도하고 있다는 만족감은 있는데, 학교 간판 없이 하는 교외 경험 중심이라 소속감을 별로 느껴 본적이 없어 평소 많이 아쉽다고 느낀다. 🥹

김무훈 @iamuhun@hackers.pub
Public

적어도 먼저 졸업 하신 선배 중심의 네트워크가 있다는 게 다행이라고 생각한다.

우연히 학교 선배님 몇 분을 링크드인이나 오프라인 행사를 통해 만나보았는데, 그런 인연으로 도움에 필요할 때다마 연락드리면 응해주시는 편이다.

0
0
0
김무훈 @iamuhun@hackers.pub
Public

졸업 이전부터 일찍 깜지 내가 원하는 바를 주도하고 있다는 만족감은 있는데, 학교 간판 없이 하는 교외 경험 중심이라 소속감을 별로 느껴 본적이 없어 평소 많이 아쉽다고 느낀다. 🥹

1
1
0
1
0
0
3
1
0
김무훈 @iamuhun@hackers.pub
Public

Smart layouts at CSS Day 2025 aka. Fluid Layout - 폴더블의 보편화로 스크린 화면 비율이 정적이지 않고 가변적이게 변하는 추세에 적합한 방법론인 것 같다.

뷰포트 너비마다 레이아웃을 변하는 breakpoint 방식에서 벗어나 단일한 Fluid Layout 을 지향하는 시점이 되었나 싶다.

SMART LAYQUTS RESPONSIVE • VIEWPORT SIZE • CONTAINER SIZE • USER PREFERENCES DESKTOP TABLET NOT LIMITED WITH THIS THREE FORMATS MOB SMART • MINDSET • DON'T BREAKS • CONDITIONAL •CONTENT-AWARE STAR 8 KEEP CALM •FiexBox HAS •: HAS • ANCHOR • CONTAINER & STYLE QUERIES • FIEXBOX AHMAD SHADEJO • GRID • CSS CLAMP •GRID AREAS • DISPLAY: CONTENTS EDGE (FUTURE) • SIBLING INDEX () • CAROUSEL API PAMSTERDAM QUERIES ITS ALL CONNECTEI IN A SMART WAY 6.06.2025
1
1
0
0
0
0
3
1
1
0
1
0
1
2
0
김무훈 @iamuhun@hackers.pub
Public

10~7년 전에 마인크래프트 모딩으로 만난 그룹이 이제 같은 업계에서 일하고 있고, 오랜만에 만나서 나누는 이야기:

??: 어이 거기 이직한 곳은 평안하시나요?

내 주변 사람 타임라인 연령대가 올라갔다고 느꼈다.

4
0
0
김무훈 @iamuhun@hackers.pub
Public

사용자의 인지 흐름을 다시 돌아본 경험이었어요. 직접 스크린리더를 켜고 눈을 감고 탐색해보며 “내가 과연 이 흐름을 이해할 수 있을까?” 를 계속 되묻는 시간이었죠.

접근성은 특정 상황에 놓인 사용자만을 위한 기능이 아니었어요. 오히려 모든 사용자에게 더 명확하고, 더 친절한 흐름을 설계하는 일이라는 걸 깊이 느낄 수 있었어요.

https://toss.tech/article/38743 토스 챗봇의 스크린리더 지원 과정이 적흰 글입니다.

귀로 듣는 챗봇의 탄생 | 접근성 업무일지 #3

스크린리더 사용자에게도 챗봇 흐름이 자연스럽게 느껴지게 하기 위해 고민한 4가지 포인트를 알려드려요.

toss.tech

2
0
0
김무훈 @iamuhun@hackers.pub
Public

이번 FEConf 연사로 "모두를 위한 웹 접근성은 무엇이고, 어떻게 하나요? 💬 🔉" 웹 접근성의 가치와 실천 방법론에 대해 말했습니다.

제가 있는 A11YKR 커뮤니티의 자문으로 주어진 2개월 동안 알찬 자료를 만들어낼 수 있어 정말 감사했습니다. cc @resistanHyunjin Cho @stelo_kim김태희 (탐정토끼)

모두를 위한 웹 접근성, 무엇이고, 어떻게 할까요? 👀 💬 🔉

접근성은 장애인을 위한 특수한 경험을 넘어 모든 사람의 폭 넓은 콘텐츠 접근을 지향하는 기술입니다. 웹 접근성이 무엇이고, 웹 접근성 준수와 함께 일관된 UI 제어 경험을 어떻게 설계할 수 있는지에 대한 제 실무 경험을 소개합니다. 따라서 접근성에 막연함을 느끼는 청중의 경우, 의문이 많이 해소되실 겁니다.

slides.com · Slides

3
0
0
김무훈 @iamuhun@hackers.pub
Public

파이콘 1일차 참가. 이제 9년이나 된 2016년 APAC 노랑 파랑 팔찌 굿즈 차고 제주공항에서 넘어 와 당일에 참석했습니다.

들으려 온 발표 시간 외에는, 지인이 운영하는 페디버스 부스에 머물러서 오는 분 마다 연합우주를 간단히 소개했습니다.

PyCon APAC 2016 노랑 팔찌, 파란 고무 팔찌를 손목에 두르고 애플워치를 낀 모습에 사진이 초점이 맞추어져 있다. 초점이 안 잡힌 외곽에는 공항 탑승장 유리 넘어 비행기가 흐릿하게 보인다.티켓 발권 미니 디스플레이에 "김무훈님, 안녕하세요! 제주대학교 소속" 라고 표시되어 있다.벽에 붙인 A4 규격의 퍼스터 문구 환영해요! def welcome(): 파이콘 한국은 서로 환영하는 분위기를 독려합니다. 파이콘 한국 2025에 오신 여러분을 모두 진심으로 환영합니다!페디버스 후원사 부스에 아이패드를 내놓고 잠시 앉아 있다. 왼쪽 하단에 랩탑 측면이 보인다.
1
0
0
김무훈 @iamuhun@hackers.pub
Public

파이콘 1일차 참가. 이제 9년이나 된 2016년 APAC 노랑 파랑 팔찌 굿즈 차고 제주공항에서 넘어 와 당일에 참석했습니다.

들으려 온 발표 시간 외에는, 지인이 운영하는 페디버스 부스에 머물러서 오는 분 마다 연합우주를 간단히 소개했습니다.

PyCon APAC 2016 노랑 팔찌, 파란 고무 팔찌를 손목에 두르고 애플워치를 낀 모습에 사진이 초점이 맞추어져 있다. 초점이 안 잡힌 외곽에는 공항 탑승장 유리 넘어 비행기가 흐릿하게 보인다.티켓 발권 미니 디스플레이에 "김무훈님, 안녕하세요! 제주대학교 소속" 라고 표시되어 있다.벽에 붙인 A4 규격의 퍼스터 문구 환영해요! def welcome(): 파이콘 한국은 서로 환영하는 분위기를 독려합니다. 파이콘 한국 2025에 오신 여러분을 모두 진심으로 환영합니다!페디버스 후원사 부스에 아이패드를 내놓고 잠시 앉아 있다. 왼쪽 하단에 랩탑 측면이 보인다.
7
1
0
4
0
0
0
0
0
김무훈 @iamuhun@hackers.pub
Public

3년 전에 @disjukrㄹ 님에게 받아 묵혀두었던 misaka.moe 도메인 어디 쓸만한데 없을까 계속 미루만 있다가 임시로 제 레포지토리에 리다이렉션 걸었습니다. 예) https://misaka.moe/.dotfiles

💠 My UNIX-like system configuration files. Contribute to mu-hun/.dotfiles development by creating an account on GitHub.

GitHub - mu-hun/.dotfiles: 💠 My UNIX-like system configuration files

💠 My UNIX-like system configuration files. Contribute to mu-hun/.dotfiles development by creating an account on GitHub.

github.com · GitHub

1
1
0
김무훈 @iamuhun@hackers.pub
Public

제가 추천하는 라프텔 온리 애니메이션 『내가 사랑했던 모든 너에게』, 또 다른 편으로 『너를 사랑했던 한 사람의 나에게』가 있는데요, 보는 순서에 따라 이야기의 관점이 "이루어지는 로맨스"이냐, "이뤄지지 않은 로맨스"로 끝나는 차이가 있습니다.

저는 먼저 언급한 "내가 사랑했던 모든 너에게"를 이제 막 다 시청했는데, 다음 편을 보아도 이 편의 이야기가 여전히 더 여운에 남을 것 같네요.

책 『내가 사랑했던 모든 너에게』 오토노 요모지 저/김현화 역 | shimano 일러스트 "어떤 세계에 있는 너라도, 분명 다시 사랑할 거야" 해피 엔딩과 새드 엔딩 당신은 어느 책부터 읽겠습니까? 35만 부 돌파 베스트셀러 일본 서점 기준 극장판 애니메이션 동시 개봉영화 포스터 『내가 사랑했던 모든 너에게』 어느 세계의 너라도, 분명 다시 사랑할 거야 보는 순서에 따라 결말이 크게 바뀌는 두 개의 러브 스토리
1
0
0
김무훈 @iamuhun@hackers.pub
Public

무손실 음원을 그대로 들어보고 싶던 와중에 얼마 전에 마침 젠하이저에서 7세대 동글을 새로 출시해서 하루 사용해보았다.

MacBook에 끼워 Apple Music 청취를 해보았는데 내 귀로는 aptX™ Adaptive연결이 기존 AAC 코덱과 품질 차이를 아직 잘 모르겠다...

1
1
0
김무훈 @iamuhun@hackers.pub
Public

"모든 사람을 위한 웹 접근성 지원과 설계, 제대로 알아봅시다."

아래 명제에 대한 제 생각이 궁금하시면 꼭 이번 FEConf 2025에서 보러 와주세요!

  • 웹 접근성은 장애 사용자만을 위한 특수한 사용자 경험을 지칭하는 기술 분야이다.
  • 따라서 접근성은 보조 기술 지원을 위한 추가 사용자 인터페이스로, 웹 서비스의 구현 양이 그만큼 더 늘어날 것이다.
중요하지만 긴급하지 않은 일, 그럼에도 계획해야 하는 웹 접근성 김무훈 | A11YKR 커뮤니티 모든 사람을 위한 웹 접근성 지원과 설계, 제대로 알아봅시다. 웹 프런트엔드 서비스에서 접근성 지원은 여전히 제도적으로 의무화된 항공사 웹 서비스와 정부/공공기관 외에 모범 사례가 흔치 않고, 확실한 정답이 정해져 있지 않은 분야입니다. - 혹시 웹 접근성이 장애 사용자만을 위한 특수한 경험이라고 오해하고 계신가요? 웹의 본연의 힘은 보편성에 있습니다. 장애와 관계없이 모든 사람의 콘텐츠 접근은 필수적이라고 생각합니다. -웹 접근성을 지원하기 위한 UI 컴포넌트 설계에 막연함을 느끼시나요? 웹 접근성 표준을 준수하면서, 일관된 UI 제어 경험을 어떻게 설계할 수 있는지 제가 고려했던 사항을 소개합니다. 따라서 아래 문제에 대한 발표자의 생각이 궁금하시면 꼭 보러 와주세요! - 웹 접근성은 장애 사용자만을 위한 특수한 사용자 경험을 지칭하는 기술 분야이다. - 웹 접근성은 보조 기술(AT) 지원을 위한 추가 사용자 인터페이스로, 웹 서비스의 구현 양이 그만큼 더 늘어날 것이다.
2
0
0
0
1
0
김무훈 @iamuhun@hackers.pub
Public

https://maximizemaxwell.com/stm 동시성, 공유 메모리 할당 이거 학부 운영체제 이야기인데?

소프트웨어 트랜잭셔널 메모리

소프트웨어 트랜잭셔널 메모리 동시성 프로그래밍에서 공유 자원에 대한 안전한 접근은 항상 중요한 과제다. 전통적으로 뮤텍스 락과 같은 비관적 락(Negative Lock) 방식을 사용해왔다. 이 방식은 크리티컬 섹션에 진입하기 전에 반드시 락을 획득해야 하며, 락을 얻지 못하면 코드 실행 자체가 블록된다. 하지만 이와는 다른 접근 방식이 있다. 바로 낙관적 락(Optimistic Lock) 방식인데, 이는 "일단 실행하고 나중에 검증하자"는 철학...

maximizemaxwell.com · MaxLog

3
0
0
김무훈 @iamuhun@hackers.pub
Public

어떤 애플리케이션 개발이라도 모두가 참여하는 기획 단계에서 무슨 정보를 다룰지 가장 먼저 논의가 필요로 합니다.

저는 이 단계에서 정보 접근성에 대한 팀의 태도가 반영된다고 생각합니다.

여러분은 접근성과 UI 개발의 관계가 별개가 아니라는설명에 바로 동의하실 수 있나요? 평소 별로 관심이 없었다면 뜬구름 잡는 질문처럼 들릴 것입니다.

아무튼 FE 프로그래머라면 한번 읽어보시는 걸 권해드립니다.

접근성을 지원한다는 착각 | 뱅크샐러드

…

blog.banksalad.com

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

연합우주의 여러분을 파이콘 한국 2025에 초대합니다!

안녕하세요. Hackers' Pub이 이번 파이콘 한국 2025에 커뮤니티 후원을 하게 되었는데요. 이를 통해 총 세 분께 이벤트로 파이콘 한국 2025 티켓을 드릴 수 있게 되었습니다.

파이콘 한국 2025에 참가하고 싶었던 분들은, 이벤트에 응모해 주세요! 이벤트 응모 방법은 다음과 같습니다.

응모 자격

연합우주의 누구나

응모 기한

7월 27일(日) 자정까지

응모 방법

다음 주제어들 중 하나로 N행시를 멋지게 지어서, 인용 또는 답글로 달아주세요! (Mastodon의 경우에는 인용이 안 되므로 답글만 가능합니다.)

  • 파이콘/파이컨
  • 파이썬/파이선
  • 해커스퍼브/해커즈퍼브/해커스펍/해커즈펍

예:

  • 파이썬이 좋아서
  • 이번에는 꼭 파이
  • 콘에 가고 싶습니다!

응모하신 N행시 중 멋진 작품을 제출하신 세 분을 선정하여 파이콘 한국 2025 티켓을 드리도록 하겠습니다!

많은 참여 부탁드립니다!

3
1
0
Jaeyeol Lee @kodingwarrior@hackers.pub
Public
Shared by 김무훈

Javascript/Typescript 생태계에는 소스코드 간 의존관계를 유향그래프(Direct Graph)로 시각화하는 CLI 도구가 있다는 사실... 알고 계신가요? madge, 적극적으로 추천합니다.

그냥 JS/TS 프로젝트 뿐만이 아니라, jsx 파일이 들어간 경우도 의존관계를 아름답게 시각화해줍니다. fedify 소스코드 통독하면서 이걸 적극적으로 써볼까 합니다. 마치.... 탐정이 사건 추적하면서 지도에 X 표시하는 감성으로...

fedify 프로젝트를 그래프로 아름답게 시각화한 모습이다.
10
2
0
김무훈 @iamuhun@hackers.pub
Public

대학교 4학년, 마지막 방학에 스팀 여름 할인으로 《마법사의 밤》 구매해서 며칠 동안 계속 읽고 있는 중.

오타쿠 같은 감상인데 첫 번째 배틀 연출에서 정말 훌륭한 레이어 전환 같은 애니메이션이 재생되어 나와 감탄스러웠다. 이게 2010년대 초에 처음 개발되었다고요…?

3
1
1
2
0
0
김무훈 @iamuhun@hackers.pub
Public

안녕하세요, 업으로 프로그래밍을 하고 있는 컴퓨터 학부생 김무훈입니다.
현재 3년차 웹 프론트엔드 개발자로서, 다가오는 7월부터 함께할 정규직 포지션을 적극적으로 찾고 있습니다.

최근 학과 사무실에서 졸업 요건을 확인한 결과, 전공 필수 한 과목과 전공 선택 2학점(총 5학점)이 남아있음을 확인했습니다.
본래는 다음 2학기까지 수료 후 내년 2월에 졸업할 예정이었으나, 교수진과 상의한 결과 취업 및 재직이 확정된다면 수업 이수 방식을 보다 유연하게 결정할 수 있다는 긍정적인 답변을 받아 적극적으로 조기 취업을 추진하게 되었습니다.

이는 전공 필수 과목의 경우에만 해당이 되는 문제이고, 전공 선택 2학점의 경우 앞으로의 여름 학기 현장 실습 또는 다음 학기에 개설되는 하나의 원격 강의로 대체하여 문제가 없는 상태입니다.

지금까지의 업무 경험과 프로젝트는 아래의 포트폴리오에서 확인하실 수 있습니다.
📌 경력기술서 겸 포트폴리오 페이지: https://www.frontend.moe/portfolio/

좋은 인연을 찾을 수 있도록, 많은 관심과 연락 부탁드립니다!

포트폴리오

오픈소스, 상호작용과 접근성, 개발자 경험에 관심을 갖고 이 세 가지를 만족하는 웹 프로그래밍을 하고 있습니다. 3년여 동안 여러 스타트업을 거치며 웹 프런트엔드 엔지니어링을 주 업무로 경험했습니다.

www.frontend.moe · 프엔모에

김무훈 @iamuhun@hackers.pub
Public

새로 읽으시는 분은 https://www.frontend.moe/resume/ 이쪽 이력서를 확인 부탁드립니다.

본문 내 아웃링크로 걸어둔 경력기술서 겸 포트폴리오 정보량이 너무 많다는 의견을 자주 받아서, 약식화한 RESUME 페이지를 새로 만들었습니다.

이력서

약 3년 간 스타트업에서 웹 프런트엔드 서비스 개발을 경험했습니다. 모든 사람을 위한 디지털 접근성과 업무 생산성을 위한 자동화에 주 초점을 맞추어 평소 일에 임하고 있습니다.

www.frontend.moe · 프엔모에

Link author: 김무훈@iamuhun@hackers.pub

3
0
0
김무훈 @iamuhun@hackers.pub
Public

헛소리 - 평소 자주 지나드는 제주공항이나 김포공항 역에 누가 학부 졸업 축하 광고 내주면 어떨까 생각함.

"제주대 컴공 학부 졸업 및 다시 재외재주도민이 되어 하는 직장생활에 걸 건승 드립니다."

2
0
0