01 약력
Where I've Been
지나온 자리와 기록입니다.
- 2026 개인 사이트 · 서브도메인 정리 메인 허브부터 다시 세우는 중
- ---- 고려대학교 졸업 연도를 채워 넣으세요
- ---- 경력 자리 회사 · 역할 · 기간
기록
- 발표 발표 제목 자리 ----
- 수상 대회 · 순위 자리 ----
- CTF 팀 · 대회 자리 ----
02 블로그
What I Wrote
쓴 글을 모아 둡니다.
-
준비 중
라이브러리 없이 만든 스크롤 모션
IntersectionObserver와 rAF만으로 어디까지 되는지, 그리고 어디서 멈춰야 하는지.
-
준비 중
서브도메인으로 사이트 쪼개기
메인은 입구만 남기고 나머지를 각자의 자리로 보낸 이유와 배포 구조.
-
준비 중
웹에서 터미널 흉내내기
장식용이 아니라 실제로 쓰이는 내비게이션을 만들 때 필요한 것들.
-
준비 중
두 개의 서피스로 만드는 다크 모드
색을 반전하는 대신 표면 단계만 바꾸면 생기는 것들. 토큰 설계 기록.
-
준비 중
커스텀 커서를 방해되지 않게
멋있는 커서와 쓸 수 있는 커서 사이. 상태를 몇 개까지 두는 게 좋을까.
-
준비 중
빌드 없는 사이트를 유지하는 법
의존성 0으로 버티기. 편해지는 지점과 결국 포기하게 되는 지점.
- 글 전체 보기 blog.m4ch77.com 준비 중
03 TIL
Today I Learned
매일 배운 것을 한 줄로 남깁니다.
- 연속
- 0일
- 최근 7일
- 0개
- 전체
- 0개
없음 많음
선택한 날 ----.--.--
- CSS 스크롤 스냅은 컨테이너에 종류를 걸고 자식에 지점을 건다. 화면보다 긴 섹션은 스냅에서 빼야 안쪽이 갇히지 않는다.
- CSS 100vw 는 스크롤바를 포함한다. 화면 끝에 무언가를 맞출 때는 clientWidth 를 재는 편이 안전하다.
- a11y 색 토큰이 정의되지 않은 자리에서 color 는 브라우저 기본값으로 떨어진다. 다크 모드에서는 그게 흰색이라 밝은 배경에서 사라진다.
- JS scroll-behavior: smooth 가 켜져 있으면 scrollTo 로 만든 애니메이션과 싸운다. 직접 굴릴 때는 auto 로 잠깐 내려야 한다.
04 FAQ
Frequently Asked Questions
여기에 없는 건 메일로 물어보시면 됩니다.
닉네임 m4ch77은 어디서 왔나요?
독일어로 '힘'을 뜻하는 말, 그리고 마하(Mach)에서 왔습니다.
레쥬메와 블로그는 언제 열리나요?
레쥬메가 먼저, 그다음이 블로그입니다. 각각 resume.m4ch77.com 와 blog.m4ch77.com 로 나갑니다.
이 사이트 소스는 공개되어 있나요?
GitHub에 공개되어 있습니다.
터미널은 실제로 동작하나요?
네. 첫 화면 오른쪽에 있습니다. ls 로 목록을 보고 open <이름> 으로 이동합니다. ⌘K 빠른 이동과 같은 목록을 씁니다. 숨은 명령어도 하나 있습니다.
보안 이슈를 발견했습니다.
고맙습니다. 메일로 알려주세요. 공개 전에 먼저 연락 주시면 감사합니다.