이번주에 읽었주: 2023-W11

• 글은 날짜에 따라 거의 정렬되어 있습니다.
• 붙어 있는 날짜는 발행일 혹은 발견일입니다.
• 이번 주에 읽은 글이지 이번 주에 나온 글이 아니라서 옛날 글도 간간히 껴있습니다.

웹/JS

• Fluid Typography: Predicting A Problem With Your User’s Zoom-In (2022-12-30), 영어 — 사용자가 줌인했을 떄 글자 크기를 예측하는 수식(줌 배수를 계산해냅니다)을 짜 아름다운 타이포그래피를 만듭니다. clamp()를 사용해서 너무 작아지거나 너무 커지지 않게도 제한할 수 있습니다.
• Creating A High-Contrast Design System With CSS Custom Properties (2023-01-26), 영어 — 고대비 디자인을 하기에 앞서, 접근성을 고려하는 디자인과 관련된 myth들(디자인을 두 벌 만들어야 한다, 많은 시간이 든다, 대비성은 주관적이다, 진짜 브랜딩과 달라져 기만하는 행위이다)가 아님을 설명하고, 쉽게 고대비를 적용하기 위해 CSS 변수를 사용하거나, 미디어 쿼리 @media (prefers-contrast: more)를 사용하는 등의 전략을 제시. 그 외 접근성 개선을 위해 시각적 결함을 에뮬레이팅할 수 있음을 알림.
• Concurrent React가 가져온 변화: 급하지 않은 렌더링 구분하기 (2023-01-29), 한국어 — React 18의 Concurrent 렌더러의 특성 설명 및 활용법 소개. 키워드: useDeferredValue, useTransition
• 렌더링 성능 개선(1) — 렌더링 과정 이해하기 (2023-02-05), 한국어 — 웹페이지 렌더링 과정 딥 다이브, Parsing → Style → Layout → Pre-paint → Paint → Layerize → Commit → Tilling → Raster → Activate → Display의 11단계로 해설.
• E2E 테스트 도입 경험기 (2023-02-09), 한국어 — E2E 테스트를 도입하며 고민한 기록 및 cypress를 병렬적으로 실행하기 위한 sorry-cypress 모듈 사용 등, E2E 경험 향상을 위한 고민 기록.
• @Steve8708: "8 modern browser APIs you might not know, but really should: ..." (2023-02-15), 영어 — 알면 좋은 모던 브라우저 API 8개: structuredClone, Promise.allSettled, CSS의 :is() 선택자, URL 객체, Intl 객체, HTML 버튼, HTML 이미지 표준, Map 객체
  • Optimal Images in HTML (2023-01-26), 영어 — 위 타래에 담긴, 이미지 관련 블로그 글. background-image 피하고 lazy loading이나 브라우저 기능으로 optimal size 불러오게 하는 srcset, <picture>, <source> 태그로 지원가능한 최선의 포맷 사용, aspect-ratio 보존과 async loading, 이미지 불러오기 우선도 설정, alt text 지정 등 이미지를 다루기 전에 보면 좋을 글.
  • Everything you didn’t know you need to know about buttons (2023-01-30), 영어 — 위 타래에 담긴, 버튼 관련 블로그 글. <div>를 버튼용으로 쓰지 말고, <button>, <a> 잘 써야 하며 스타일링 관련 팁 몇 개. 대체로 당연한 것인데 모르던 CSS 속성 하나 주움.
• Writing Javascript without a build system (2023-02-16), 영어 — 작은 프로덕트에서는 빌드 시스템을 쓰지 않는 것이 더 직관적이고 간편할 수 있다며 CDN에서 파일 가져오기 등을 권하는 글. 다만 현실적으로 빌드 시스템을 쓰지 않고 웹페이지를 개발하기는 상당히 힘들어서… Import Map이 메이저가 되고 Type Annotation 등의 프로포절이 들어오면 빌드 없이도 꽤나 훌륭한 개발 경험을 만들 수 있을 듯. 과거에 unpkg를 사용해 빌드 시스템 없는 개발을 해본 적 있는데 경험이 약간 미묘했음: daily-boj/api > ./management-tool/public
• Ready to Release? Securing Your React Native Apps (2023-02-25), 영어 — React Native 보안 체크리스트, SSL 피닝, 보안 스토리지 이용, JS 코드 암호화, SQL 인젝션 방지, 권한이 요구되는 페이지 분리, 정적 분석 도구 활용, 의존성 취약점 검사, 탈옥/루트 기기 검사, 앱 변조 검사, 링크 검사로 피싱 방지, 코드 유출 방지, 앱 배포 및 사이닝, 자동화 가능한 안전 검증은 CI에서 하기 등 React Native에 한정되지 않은 여러가지 내용을 서술.
• TypeScript’s Migration to Modules (2023-03-09), 영어 — TypeScript의 namespace가 어떻게 컴파일되는지 해설하고, TypeScript 패키지 그 자체가 namespace를 사용하지 않음으로써 46% 작은 패키지 크기, 10%~25% 가량의 성능 향상 등을 이루어냈다네요.
• EAS Build will Default to M1/M2 for iOS Builds (2023-03-11), 영어 — React Native 생태계의 주축을 담당하는 Expo의 EAS(Expo Application Service) 빌드 머신이 인텔맥에서 M1 기반으로 변경될 예정.
• A 'No JS' Solution for Dynamic Search in Django, (2023-03-13), 영어 — Django에 htmx를 붙여서 JS 직접 작성 없이 페이지 만들기. 재미있는 솔루션들이라고 생각합니다.
• [번역] Jotai에 React Query가 필요하지 않을 수도 있습니다, (2023-03-13), 한국어 번역, 영어 원문 — 데이터 페칭과 캐싱은 항상 어려운 주제인데 jotai-tanstack-query가 어떻게 이 문제를 풀어나갈지 기대가 되네요.
• Announcing TypeScript 5.0 (2023-03-16), 영어 — TypeScript 5.0 공개! 앞서 베타에서 밝혔듯 데코레이터 변경, 이넘 변경 등의 여러 변경 사항을 포함하고 있군요.
• thoughtspile/awesome-tiny-js, 영어 — 작고 귀여운 JS 라이브러리 모음집! wouter, mitt, nanoid는 이미 알고 있고, million은 재밌어보이던데 다음 Next.js 프로젝트에 적용해보지 않을지.
• react.dev — 베타 리액트 문서가 드디어 베타 딱지를 똈습니다.

Rust

• The bottom emoji breaks rust-analyzer (2023-02-13), 영어 — emacs + rust-analyzer가 에모지로 인해 깨지는 걸 보고 원인을 찾아 딥 다이브. 글 내용이 좀 긴데 요약하자면, 1) UTF-8과 UTF-16의 이해, 2) Language Server Protocol의 이해, 3) “문자”의 이해 4) 문제의 종합적 이해. 이후 글 마지막에는 emacs의 lsp-mode 메인테이너에게 보내는 call to action이 있음.
• winnow = toml_edit + combine + nom (2023-02-23), 영어 — toml_edit이 Cargo의 빌드 시간을 느리게 만들어서 combine에서 손수 쓴 파서로 고쳤으나 파서 코드 관리 부담으로 인해, nom으로 옮겼다가, nom_locate 등의 생태계가 불편해 이를 포크한 winnow를 만들어 공개. 한번 써봤는데 꽤 괜찮더군요.
• Three Questions and Answers: Rust for Linux (2023-03-06), 영어 — Rust for Linux에 대한 3문3답, 1) 다음으로 개발할 기능은? > 최대한 많이 safe Rust 코드로 드라이버를 짤 수 있게 추상화해 업스트림에 올리는 것. 2) 유저들이 개발 느리다고 불평하던데 뭐가 어려운지? > Rust는 아직 잘 돌아가는지 아무도 모르고 Linux 생태계 내 지원도 없어서 그런 듯. 3) Rust for Linux가 정착하면 이점은? > C/C++에서의 메모리 이슈 Rust에서 거의 없으므로 취약점 감소, 커널 개발자 입장에선 현대적 언어 사용으로 디버깅 줄이고 더 편리한 개발.
• Getting Past “Ampersand-Driven Development” in Rust (2023-03-09), 영어 — 제목이 조금 어그로 (”& 중심 개발 극복하기”)이긴 한데… &이 무슨 역할을 하는지 알고 쓰는 건 중요합니다. 이 링크도 추가로 참고하면 좋습니다: usagi/rust-memory-container-cs (영어)
• tailhook/knuffel: Implement decoding of floats #24 (2023-03-15), 영어 — knuffel이 float 디코딩을 지원. Rust로 kdl 좀 써봐야겠군요. 저게 blocker였는데…
• Rust Backend Engieer (Junior / Senior) - CleanC Tech Blog (2023-03-13), 한국어 — Rust 백엔드 채용 (23.03.13. ~ 23.06.30.). 점점 Rust 일자리가 늘어나는 게 보이니 기분이 좋습니다.

인공지능/Python/데이터과학

• Web Stable Diffusion — 브라우저만으로 Stable Diffusion이 돌아간다니 세상 참 빠르군요
• LLM에 Stable Diffusion Moment가 오고 있다 (2023-03-13), 한국어 요약, 영어 — LLM on your Macbook. 미래가 아닌 현재가 되어가는 모습을 바라보면 정말 미묘한 감정이 드는군요.
• Int-4 LLaMa is not enough - Int-3 and beyond., (2023-03-14), 영어 — Int4를 쓰는 LLaMA를 Int3을 쓰게 최적화 (…) 하는 글. 저게 왜 되지?
• @RanolP_777: "머신 러닝 모델의 양자화 알아보기 (...)" (2023-03-15), 한국어 — 머신 러닝 모델에서의 양자화 설명
• @sanxiyn, "GPT-4 발표. 주목해야 할 점은 2022년 8월에 GPT-4의 훈련이 끝났다는 점이다. (...)" (2023-03-15), 한국 — GPT-4의 학습은 작년 8월에 이미 끝나있었고 발표만 날짜 맞춰 한 거라고;
• Dalai, 영어 — LLaMA in your laptop, with 2 commands.
• mosecorg/mosec — 클라우드에서 고성능 AI 모델 서빙을 위한 라이브러리. 외부 API는 Python 내부에 Rust 사용. TF Serving, Triton 등과 비교한 차트가 있으나 Mosec 측이 작성한 것임에 유의.
• Streamlit — 흥미로운 데이터 공학용 Python 앱 공유 플랫폼
• 뤼튼, 한국어 — 한국어 텍스트/이미지 생성 AI 서비스. 무료 요금제도 생성량 무제한(대신 속도 제한). 다양한 템플릿을 지원해서 범용적인 ChatGPT보다 목적에 맞는 문장 생성에 적합. 네이버 하이퍼클로바/OpenAI GPT-3 기반.
• ggerganov/whisper.cpp, 영어 — 여러 플랫폼, 저성능 기기에서 CPU로도 추론 가능하게 최적화된 Whisper 추론 모델. 학습은 미지원.
• NouamaneTazi/bloomz.cpp — llama.cpp처럼 개방형 다국어 모델인 BLOOM을 추론하는 순수 C++ 프로젝트

기타 개발 관련

• Clever Code Considered Harmful (2023-01-16), 영어 — 때떄로 똑똑한 추상화된 코드보다, 멍청해보여도 단순한 코드가 나을 수 있다. 제목은 좀 어그로를 끄는 감이 있네요.
• Bringing ONNX models to Android (2023-02-16), 영어 / Generate images with AI using Stable Diffusion, C#, and ONNX Runtime (2023-03-09), 영어 — Microsoft에서 ONNX를 열심히 밀고 있나봅니다. 각각 안드로이드 및 .NET 플랫폼에서 ONNX 사용하는 글.
• Improving the Developer Experience with the Ruby LSP (2023-02-24), 영어 — LSP에 대한 교양 겸 Ruby LSP의 미래
• Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike (2023-02-28), 영어 — Penpot이 Figma를 대체할 오픈 소스 소프트웨어다라는 말을 예전에 들었었는데 확실히 빠르게 다가가고 있나보네요.
• 루트 인증서 이슈에 대한 구라제거기의 접근법은... (2023-03-06), 한국어 — 구라 제거기의 루트 인증서에 대한 결정. 프로그램이 제거되었음에도 인증서가 남은 경우 알려주지만 (무슨 문제가 생길지 모르므로) 자동으로 제거하지는 않는다.
• RJIT, Ruby를 위한 새로운 JIT (2023-03-12), 한국어 요약, 영어 — Ruby JIT 컴파일러는 대체 몇 개가 만들어지는 건지 모르겠네요 ㅋㅋㅋ
• Serverless Maps - Now Open Source, 영어 — OpenStreetMap 지도를 커스텀해서 편하게 돌릴 수 있는 Protomaps의 Serverless 파트가 오픈소스화. Google Map 대비 $350/mo 줄일 수 있다고 주장.
• naver/scavenger — JVM Agent로 런타임 데드 코드를 분석. 외부에서 API 개발해달라고 해놓고 실제로는 사용을 안한다거나, 스펙이 바뀌어서 더는 핸들링하지 않아도 되는 코드 등을 분석하는 용도. 관련 발표 세션: 런타임 데드 코드 분석 도구 Scavenger - 당신의 코드는 생각보다 많이 죽어있다.
• Arm, Arm ARM, Armv9, ARM9, ARM64, Aarch64, A64, A78,.. 구분하기 (2023-03-14), 한국어 요약, 영어 — ARM 용어 복잡하구마…
• Wowu/docker-rollout — docker compose를 다운 타임 없이 배포하기 위한 서드 파티 보조 도구. 추가 설비가 필요할 수 있음.

개발 아님

• 영어 아티클 아주 빠르게 읽기 (2023-02-12), 한국어 — 볼만한 영어 아티클이 너무 많기 때문에 빠르게 요약해 보는 자신만의 방법을 제시: Kagi Universal Summarizer로 요약하고 DeepL로 번역하기. Kagi Universal Summarizer가 비디오까지 요약해준다는 건 신기한듯. 3월 15일 현재는 테크니컬 프리뷰가 종료되어서 Kagi Universal Summarizer를 사용할 수는 없음.
• 아이가 갑자기 안 하던 수학 공부를 한 이유는? 어몽어스와 방탈출을 시키는 선생님들 (선생님 초대석 #4) (2023-03-06), 한국어 — 학교에서 게이미피케이션이 적용되는 사례, 저런 걸 만들기 위해 노력하시는 여러 교사 분들이 참 존경스럽습니다.
• 원티드 AI 면접코칭 (2023-03-10), 한국어 — 원티드의 AI 면접 코칭 서비스. davinci 모델을 사용한다고.
• 게임노동자 만난 이재명 대표 "주 69시간 노동은 반역사적 퇴행" (2023-03-14), 한국어 — “70~80시간, 몇 백 시간씩 일하는 사람에게 무슨 창의력이 있느냐?”
• [창간 18주년] 엔데믹과 함께 온 게임업계 찬바람... 화양연화는 끝났나? (2023-03-14), 한국어 — 코로나의 종식, 재택 근무 축소, 오프라인 행사의 위기까지. 게임 업계는 어떻게 흘러갈까요?
• [창간 18주년] 폭발한 게이머 분노, 확률형 아이템 공개 법제화 이끌다 (2023-03-14), 한국어 — 확률형 아이템 공개 법제화!! 게임법 일부개정안이 지난 2월 말 통과했군요.
• Flux Keyboard, 영어 — 키보드판에 디스플레이를 넣은 키보드. 흥미로워서 사보려는데 $299 ~ $350 예약구매가는 조금 비싸서 고민이 좀 되네요.
• 자주 틀리는 띄어쓰기, 여기서 딱 정해 드립니다, (2023-03-14), 한국어 — NHN Cloud가 맞춤법 관련 글 올려주는 거 좋은듯.
• 토스 디자인 원칙 Value first, Cost later (2023-03-16), 한국어 — 뭘 해야 하느냐 이전에 뭘 할 수 있느냐를 알려줘서 동기부여하기.
• hyunbinseo/holidays-kr, 한국어 — 공휴일 저장용으로 Fastmail에 구독 중.
• Microsoft Layoffs: Ethics and Society Team Fired (2023-03-14), 영어 — 마소가 AI 윤리 팀을 잘랐다라…. 우려스럽군요;
• Dropbox Capture, 영어 / Loom, 영어 — Dropbox Capture와 Loom 모두 미팅 대신 캡처 공유로 소통하는 서비스. 텍스트로만 하는 채팅은 충분히 많은 맥락을 인코드하지 못하니까 간편히 영상을 만들 수 있는 도구를 만드는 건 좋은 것 같다.