검색 결과
"design" · 74개 기사 · Dev/Tools
확장성을 위해 설계된 오픈소스 버전 관리 시스템 Lore
Lore – Open source version control system designed for scalability
대규모 사용을 겨냥한 오픈소스 버전 관리 시스템 Lore를 소개하는 글. 확장성과 성능 중심의 설계로 기존 버전 관리 도구의 한계를 보완하는 방향을 제시함.
Performative-UI – 디자인 트로프용 React 컴포넌트 라이브러리
Show HN: Performative-UI – A react component library of design tropes
디자인 트로프를 구현하는 React 컴포넌트 라이브러리 Performative-UI가 소개됨. UI 패턴을 빠르게 조합해 연출용 인터페이스를 만드는 데 초점.
Software Architecture 배우기
Learning Software Architecture
소프트웨어 아키텍처를 학습하는 방법과 핵심 개념을 다룬 글. 설계 원칙과 시스템 구조 이해에 초점.
Show HN: 다양한 피부톤 생성을 위한 간단한 알고리즘과 색 공간
Show HN: Simple algorithm and color space to generate diverse skin tones
다양한 피부톤을 생성하는 알고리즘과 색 공간을 소개. 포용적 디자인을 위한 오픈소스 도구.
잘못된 추상화보다 복제를 선호하라 (2016)
Prefer duplication over the wrong abstraction (2016)
성급한 추상화보다 코드 중복이 더 나을 수 있다는 소프트웨어 설계 논지. 변경 비용과 유지보수 관점에서 추상화 남용을 경계함.
좋은 도구는 보이지 않는다
Good Tools Are Invisible
좋은 도구는 사용자가 의식하지 않을 정도로 자연스럽게 기능해야 한다는 관점을 다룸. 도구의 존재감보다 작업 흐름에 미치는 효율과 매끄러움이 핵심으로 제시됨.
GenCAD
GenCAD
생성형 CAD 프로젝트. 설계 생성과 편집을 겨냥한 웹 데모로 공개됨.
Tell HN: Claude Design 구독 해지 후 프로젝트 접근 권한을 잃었다
Tell HN: Dont use Claude Design, lost access to my projects after unsubscribing
구독 해지 뒤 Claude Design 프로젝트 접근이 막혔다는 사용자의 제보. 구독형 디자인 도구의 데이터 소유권과 락인 문제가 드러남.
컴파일러와 언어 설계 입문 (2021)
Introduction to Compilers and Language Design (2021)
컴파일러 구조와 프로그래밍 언어 설계의 기본 개념을 소개. 파싱, AST, 타입 시스템 등 핵심 주제를 단계적으로 설명함.
Go: Generic Methods 지원
Go: Support for Generic Methods
Go 언어에 generic methods를 지원하자는 제안이 공개됨. 제네릭 사용 범위를 메서드 수준으로 확장하는 방향의 논의가 진행 중.
버튼을 처음부터 만들려면 먼저 우주를 만들어야 한다
If you want to create a button from scratch, you must first create the universe
버튼 하나를 제대로 만들기 위해서도 접근성, 포커스, 키보드 조작, ARIA 같은 주변 조건을 함께 설계해야 함을 강조. UI 요소의 기본 단위조차 시스템 전체와 맞물려 있다는 관점의 글.
취향은 unit test로 검증할 수 없다
You can't unit test for taste
소프트웨어의 심미성과 판단 기준은 단위 테스트만으로 충분히 검증하기 어렵다는 논지. 기능 안정성과 주관적 완성도는 다른 문제라는 점을 짚음.
버튼이라면 할 일은 하나뿐
If you're a button, you have one job
버튼은 단일 역할에 충실해야 한다는 UI 원칙을 강조하는 글. 기능 과밀과 모호한 인터랙션을 줄이는 설계 관점을 다룸.
Thi.ng – 계산 디자인과 아트를 위한 오픈소스 빌딩 블록
Thi.ng – open-source building blocks for computational design and art
계산 디자인과 디지털 아트를 위한 오픈소스 모듈 모음. 조합 가능한 빌딩 블록 형태로 그래픽, 수학, 데이터 처리 작업을 지원함.
Data-Oriented Design 소개 [pdf
Introduction to Data-Oriented Design [pdf]
] 게임 및 시스템 설계에서 데이터 배치와 캐시 효율을 중심에 둔 Data-Oriented Design을 소개하는 PDF. 구조 중심 설계보다 성능 최적화 관점에 초점을 맞춘 자료.
완벽함은 과잉 설계가 아니다
Perfection is not over-engineering
완벽주의를 단순한 과잉 설계로 치부하지 말아야 한다는 주장. 품질과 완성도를 끌어올리는 세심한 설계의 가치를 다룸.
인생이 레몬을 주면, 더 나은 에러 메시지를 작성하라
When life gives you lemons, write better error messages
사용자에게 친절하고 명확한 에러 메시지가 제품 경험을 크게 개선한다는 점을 강조함. 실패를 설명하는 문구를 통해 디버깅과 지원 비용을 줄이는 설계를 제안.
LuaJIT 3.0 문법 확장 제안
LuaJIT 3.0 proposed syntax extensions
LuaJIT 3.0에 새 문법 확장을 넣자는 제안이 나옴. 언어 표현력과 호환성 사이의 설계 방향이 쟁점.
Show HN: IKEA Complexity Index
Show HN: IKEA Complexity Index
IKEA 제품의 복잡도를 측정하는 HN 프로젝트를 소개. 조립 난이도나 설계 복잡성을 지표화한 도구 성격의 글.
Odin 프로그래밍 언어 이해하기
Understanding the Odin programming language
Odin 언어의 설계와 사용법을 정리한 입문 자료가 공개됨. 시스템 프로그래밍을 겨냥한 비교적 새로운 언어의 특성과 문법을 다룸.
Show HN: Monolisa v3 – 개발자와 크리에이터를 위한 서체
Show HN: Monolisa v3 – a typeface for developers and creatives
개발자와 크리에이티브 사용자를 겨냥한 Monolisa v3 서체가 소개됨. 가독성과 디자인 감성을 함께 노린 제품 업데이트로 보임.
Show HN: Inkwash, 수채화 스케치 앱과 설명
Show HN: Inkwash, a watercolor sketching app and explanation
수채화 스타일 스케치를 위한 Inkwash 앱을 공개. 앱 기능과 제작 배경을 함께 설명함.
Akse3D – 누구나 익힐 수 있는 오픈소스 3D 모델링
Akse3D – open-source 3D modelling anyone can master
누구나 쉽게 배울 수 있는 오픈소스 3D 모델링 도구 Akse3D 소개. 진입장벽을 낮춘 단순한 워크플로와 접근성이 핵심.
C# 메모리 안전성 개선
Improving C# Memory Safety
C#의 메모리 안전성을 높이기 위한 개선 방향을 다룸. 언어 차원의 안전성 강화와 관련된 업데이트 성격의 글.
Elixir-lang.org의 새 디자인
Elixir-lang.org has a new design
Elixir 공식 사이트 elixir-lang.org가 새 디자인으로 개편됨. 웹사이트 비주얼과 정보 구조를 다시 정비한 업데이트로 보임.
사용자가 눈에 띄게 좌절한 상태
The User Is Visibly Frustrated
사용자 좌절 신호를 다루는 글로 보임. 인터페이스 오류나 제품 경험이 사용자 감정에 미치는 영향을 짚음.
Libre Barcode 프로젝트
Libre Barcode Project
오픈소스 바코드 프로젝트가 소개됨. 자유롭게 사용할 수 있는 바코드 생성·표현 도구로 보임.
소프트웨어의 Emacs화
The Emacsification of Software
소프트웨어가 점점 더 확장 가능한 범용 작업 환경으로 변하고 있다는 관찰. 기능 통합과 사용자 맞춤화가 복잡성을 키우는 흐름을 짚음.
What color is your function?
What color is your function? (2015)
함수의 I/O와 CPU 사용 패턴 분류 방법 제시. 비동기 프로그래밍과 시스템 설계 복잡성 관리에 활용.
Command Line Interface Guidelines
Command Line Interface Guidelines
CLI 설계와 사용자 경험을 다루는 가이드. 명령행 도구의 일관성, 가독성, 오류 메시지, 입력·출력 규칙을 정리.
Beer CSS – record time에 material design 구축
Beer CSS – Build material design in record time
Material Design 스타일 UI를 빠르게 만들 수 있는 Beer CSS를 소개함. 개발자용 경량 프론트엔드 CSS 프레임워크 성격의 도구.
Solod: Go는 더 나은 C가 될 수 있다
Solod: Go can be a better C
Go를 C의 대안으로 보는 주장과 설계 관점을 다룬 글. 단순성, 안전성, 생산성을 강조하는 비교 내용.
Dirty Little Zine - 8페이지 인쇄용 Zine 제작 도구
Dirty Little Zine – a tool for making an 8 page printable Zine
8페이지 분량의 인쇄용 zine을 만들 수 있는 도구. 간단한 편집과 출력 흐름에 맞춘 제작용 유틸리티임.
나는 이제 Figma보다 Claude Code로 더 많이 디자인한다
I design with Claude more than Figma now
디자인 작업 흐름이 Figma 중심에서 Claude Code 활용으로 이동하는 사례를 다룸. AI가 시안 생성, 반복 수정, 레이아웃 실험을 빠르게 보조하는 방식에 초점.
Launch HN: Adam (YC W25) - 오픈소스 AI CAD
Launch HN: Adam (YC W25) – Open-Source AI CAD
오픈소스 AI 기반 CAD 도구 Adam이 공개됨. 설계 작업에 생성형 AI를 결합한 제품으로 포지셔닝.
Nextcloud Hub 26 Spring: 함께 만들고 미래를 위해 설계된 버전
Nextcloud Hub 26 Spring: Built together, designed for the future
Nextcloud Hub 26 Spring 업데이트 소개. 협업과 자가호스팅 생산성 기능을 강화해 장기적인 플랫폼 방향을 제시함.
Oak – 에이전트를 위한 Git 대안
Show HN: Oak – Git alternative designed for agents
에이전트 중심 워크플로에 맞춘 Git 대안 Oak 소개. 기존 버전 관리보다 자동화와 협업에 초점을 둔 설계가 핵심.
Lisp가 Forth를 따라가고, Forth가 Lisp를 따라가다
Lisp moving Forth moving Lisp
Lisp와 Forth의 설계 철학과 상호 영향 관계를 다룬 글. 두 언어의 재귀적 구조와 단순한 핵심 아이디어를 대비함.
스페인 트레이더들이 GnuCash 데이터베이스 설계의 기준을 세움
Spanish traders set the standard for GnuCash database design
GnuCash의 데이터베이스 설계 방식이 스페인 트레이더 사례를 통해 조명됨. 금융 기록 관리와 스키마 설계 관점의 실무 사례로 읽힘.
더 나은 텍스트 디자인을 위해 알아둘 CSS 속성들
CSS properties you should know for better text designs
타이포그래피 품질을 높이는 CSS 속성들을 정리한 글. 글자 간격, 줄간격, 렌더링 제어로 가독성과 시각적 완성도를 개선하는 방법을 다룸.
NoiseLang: N=5는 Dirac delta와 같다
NoiseLang: Where N = 5 is a Dirac delta
N=5를 Dirac delta에 비유한 NoiseLang 소개. 실험적 언어 설계와 수학적 유머를 섞은 기술 글.
Fonts In Use – 글꼴 사용처 찾기
Fonts In Use – Find out where a font is used
특정 글꼴이 어디에 쓰였는지 검색할 수 있는 웹 서비스임. 타이포그래피 레퍼런스와 디자인 조사에 활용 가능함.
우리 모두를 위한 Algebraic Effects
Algebraic Effects for the Rest of Us
algebraic effects를 일반 개발자 관점에서 쉽게 풀어 설명하는 글. 비동기 처리와 에러 핸들링, 제어 흐름을 더 선언적으로 다루는 개념을 소개함.
글쓰기를 위해 특별히 설계된 텍스트 에디터, Cheese Paper
Cheese Paper: a text editor specifically designed for writing
글쓰기 전용으로 설계된 텍스트 에디터 Cheese Paper를 소개하는 글. 작성 흐름에 맞춘 집중형 편집 경험을 내세운다.
과학용 계산기를 만들기 위해 nibble 지향 CPU를 Verilog로 설계
I designed a nibble-oriented CPU in Verilog to build a scientific calculator
개발자가 과학용 계산기 구현을 목표로 nibble 단위 CPU를 Verilog로 설계함. FPGA 기반 하드웨어 프로젝트 성격이 강한 실험적 작업.
Show GN: Figma PDF 추출 플러그인
Show GN: 피그마 PDF 추출 플러그인
Figma 기본 내보내기 한계를 보완하는 PDF 추출 플러그인. 선택한 프레임만 골라 하나의 PDF로 저장하는 워크플로를 지원.
소프트웨어 엔지니어링 기본기가 어느 때보다 중요해짐
소프트웨어 엔지니어링 기본기가 어느 때보다 중요해짐
에이전트와 모델이 구현 속도는 높였지만, 시스템 설계와 조합 판단은 여전히 엔지니어 몫이라는 점을 강조함. 프롬프트로 TDD를 강제할 수는 있어도 인터페이스와 결합부 설계, 검증은 기본기가 좌우함.
넓게 만들고, 좁게 출시하기
넓게 만들고, 좁게 출시하기
AI로 구현과 브랜치 분해 비용이 낮아지면서, 작업 경계를 초기에 고정하지 않고 전체 기능을 먼저 만든 뒤 실제 코드 구조에 맞춰 작은 PR로 나누는 방식이 가능해짐. 설계를 생략하자는 뜻이 아니라, 충분히 검증한 뒤 분할하고 새 설계는 코드보다 먼저 명세로 커밋해야 한다는 주장임.
hallmark - AI 티가 나지 않는 디자인 스킬
hallmark - AI 티가 안나는 디자인 스킬
AI 코딩 어시스턴트가 흔히 만드는 평범한 디자인을 피하기 위한 anti-AI-slop 규칙을 묶은 디자인 스킬임. 타이포그래피, 색상, 레이아웃, 모션, 인터랙션을 제어하고 반복 패턴을 줄이도록 유도함.
디더링 QR 코드 만들기
디더링 QR 코드 만들기
QR 코드의 데이터 모듈에 오차 확산 디더링을 적용해 이미지를 함께 표현하는 방법 소개. 기능 패턴은 유지하면서 스마트폰으로 읽을 수 있는 코드 생성이 핵심.
모든 사용자 인터페이스를 구성하는 10가지 GUI 디자인 요소
모든 사용자 인터페이스를 구성하는 10가지 GUI 디자인 요소
모든 UI는 버튼, 폼, 메뉴, 링크 등 10가지 기본 요소로 구성됨. 수십 년간 축적된 관례가 사용자 학습 비용을 줄임.
디자인 시스템의 미래 [유튜브
디자인 시스템의 미래 [유튜브]
] AI 시대 디자인 시스템은 코드 중심 워크플로로 확장. AI 생성물을 역설계해 일관된 코드와 캔버스로 변환.
Firefox Nightly에서 차세대 디자인 시험하기
Firefox Nightly에서 차세대 디자인 시험하기
Mozilla가 Firefox의 차세대 디자인을 Nightly에 통합해 정식 배포 전 직접 시험할 수 있게 함. 탭과 메뉴, 패널의 일관성을 높이고 새 아이콘과 색상을 적용했으며 사용자 피드백에 따라 Compact Mode도 검토 중.
The Proportional Web — 비례폭 타이포그래피를 위한 웹 스타일시트
The Proportional Web — 비례폭 타이포그래피를 위한 웹 스타일시트
Robert Bringhurst의 타이포그래피 원칙을 브라우저에 적용한 재사용 가능한 스타일시트. The Monospace Web의 비례폭 후속작이며 본문과 코드에 서로 다른 폰트를 사용함.
내가 좋아하는 소프트웨어 엔지니어링 인터뷰 질문: 중앙값 계산
내가 좋아하는 소프트웨어 엔지니어링 인터뷰 질문: 중앙값 계산
중앙값 계산 문제를 통해 기본 코딩 능력과 API 설계 감각을 함께 확인할 수 있다는 글. 정렬 책임, 입력 변경 가능 여부 같은 구현 선택을 자연스럽게 논의하게 함.
Astryx - Meta가 공개한 오픈소스 디자인 시스템
Astryx - Meta가 공개한 오픈소스 디자인 시스템
React와 StyleX 기반의 오픈소스 디자인 시스템으로, 완전한 커스터마이징과 에이전트 대응을 강조함. 접근성, 브랜드 테마, 160개 이상 컴포넌트, 다크모드, CLI와 템플릿을 통합 제공함.
오픈소스 애플리케이션의 구조와 설계 지식 공유
오픈소스 애플리케이션의 구조와 설계 지식 공유
오픈소스 애플리케이션의 내부 구조와 설계 의사결정을 개발자가 직접 설명한 책과 자료를 소개. 대형 소프트웨어의 아키텍처를 읽고 이해하는 관점을 강조.
The Modern App
모던 앱 (The Modern App)
현대 소프트웨어가 업데이트, 협업, AI 기능을 과도하게 얹으며 복잡해진 현실을 풍자함. 문서 로딩 실패, 개인정보 동의, 오류 경고, 활성화 알림이 겹치는 혼란스러운 UI를 비판함.
검증하지 말고 파싱하라 — TypeScript처럼 원하지 않는 언어에서
검증하지 말고 파싱하라 — TypeScript처럼 원하지 않는 언어에서
입력 검증을 호출 전반에 흩뿌리기보다, 파싱 단계에서 더 좁은 타입과 실패 정보를 함께 반환하는 접근을 제안. 검증된 사실을 타입 시스템에 남겨 중복 확인을 줄이자는 내용.
YAGNI가 말한 적 없는 비용
YAGNI가 말한 적 없는 비용
YAGNI는 단순히 코드를 아끼라는 규칙이 아니라, 필요가 확정되기 전에 구조를 선점하는 비용을 경계하는 원칙으로 해석됨. 설계의 핵심은 무엇을 만들지보다 언제 설계할지이며, 너무 이른 구조화도 위험하다고 지적함.
Ante: 빌림 검사와 참조 카운팅을 결합하는 새 방식
Ante: 빌림 검사와 참조 카운팅을 결합하는 새 방식
Ante는 참조 카운팅의 유연성과 빌림 검사의 안전성을 결합한 시스템 언어 접근을 제안함. shape-stability와 temporary uniq conversion으로 런타임 패닉과 독점 접근 오버헤드를 줄이려 함.
이해 가능한 소프트웨어를 향하여
이해 가능한 소프트웨어를 향하여
코드의 읽기·테스트·유지보수 난도를 낮추는 추상화가 필요하다는 주장. LLM으로 작성량을 늘리기보다, 시스템이 이해 가능한 범위 자체를 줄여야 한다는 관점임.
CSS font-family 권장 사항
CSS font-family 권장 사항
웹 폰트는 플랫폼, 네트워크, 보안 설정에 따라 달라질 수 있어 일반 계열 fallback을 전제로 설계해야 함. 코드·아트워크·레이아웃처럼 고정폭이 필요한 경우 monospace 포함이 필수.
한글 넣으면 어색해지는 디자인 시스템, 한국어 우선으로 다시 만들었습니다
Show GN: 한글 넣으면 어색해지는 디자인 시스템, 한국어 우선으로 다시 만들었습니다
한국어 서비스에서 MUI, shadcn 같은 디자인 시스템이 라틴 알파벳 기준이라 한글 적용 시 여백, 행간, 높이 보정이 어색해지는 문제를 다룸. 한글 타이포그래피 특성을 반영해 한국어 우선으로 재설계한 사례를 소개함.
잘못된 추상화보다 중복을 선호하라 (2016)
잘못된 추상화보다 중복을 선호하라 (2016)
성급한 공통화는 매개변수와 조건문을 늘려 원래 의도를 흐리고 유지보수 비용을 키운다는 주장임. 요구사항이 충분히 안정되기 전에는 중복을 감수하는 편이 더 싸다는 관점을 제시함.
RFC 10008: 새로운 HTTP QUERY 메서드
RFC 10008: 새로운 HTTP QUERY 메서드
RFC 10008이 요청 본문에 담긴 질의를 안전하고 멱등적으로 처리하는 HTTP QUERY 메서드를 정의함. 긴 URI, 인코딩 비용, 로그 노출 문제를 줄이려는 목적이 강조됨.
모든 프레임을 완벽하게
모든 프레임을 완벽하게
UI는 제품 품질을 판단하는 핵심 표면이며, 어느 순간 캡처해도 자연스러워야 신뢰가 쌓인다는 주장임. 마감된 인터페이스는 코드와 디테일을 다듬었을 가능성의 신호로 읽힘.
macOS 27 Golden Gate가 메뉴 항목의 쓸모없는 아이콘을 제거함
macOS 27 Golden Gate가 메뉴 항목의 멍청한 아이콘을 제거함
macOS 26 Tahoe에서 메뉴 막대 항목 옆에 붙던 아이콘이 판독성과 집중도를 해친다는 비판이 나옴. macOS 27 Golden Gate에서는 해당 아이콘이 삭제됨.
이제 Figma보다 Claude로 더 많이 디자인한다
이제 Figma보다 Claude로 더 많이 디자인한다
디자인 워크플로가 명세서와 Figma 목업 중심에서 실제 코드베이스에서 동작하는 프로토타입 구현 중심으로 이동하고 있다. Copilot, Cursor, Gemini는 일부 작업에서 기대에 못 미쳤지만, 새 방식의 프로토타이핑 흐름은 빠르게 확산되는 중이다.
C++ 표준 라이브러리는 15년 동안 스스로 철회해 왔고, 그 증거는 공개돼 있음
C++ 표준 라이브러리는 15년 동안 스스로 철회해 왔고, 그 증거는 공개돼 있음
C++ 표준 라이브러리가 C++11 이후 잘못된 설계와 기능을 공식 철회하거나 대체 기능 옆에 방치해 온 흐름을 짚음. 개발자는 현재 어떤 API가 사실상 폐기 수순인지 계속 구분해야 하는 구조임.
readable.css
readable.css
시맨틱 HTML에 기본형의 보기 좋은 스타일을 더하는 CSS 프레임워크. 색상, 글꼴, 테두리, 줄 높이를 사이트 전반에 일관되게 적용하도록 설계됨.
직접 구현하지 말라
직접 만들지 말라 …
암호화뿐 아니라 웹 UI에서도 브라우저가 이미 제공하는 기본 동작을 굳이 다시 만들지 말라는 원칙을 다룸. 자체 스크롤, 링크 처리, 텍스트 선택, 복사·붙여넣기 대체는 사용자 경험을 해칠 수 있음.
Vivaldi 8.0: 사상 최대 디자인 개편 - 웹 브라우저
Vivaldi 8.0: 사상 최대 디자인 개편 - 웹 브라우저
Unified 디자인으로 탭, 도구 모음, 패널, 콘텐츠의 경계를 줄여 브라우저 UI를 하나의 연속된 프레임처럼 재구성. 테마 색상과 배경도 더 일관되게 이어져 시각적 통일감을 강화함.
첫 질문에 답하지 마라
첫 질문에 답하지 마라
성능 디버깅에서 이상한 요청은 즉답보다 배경 확인이 먼저라는 주장. 잘못된 질문 자체를 출발점으로 삼아 사용자 문제와 제품의 빈틈을 드러내자는 관점.