검색 결과
"design" · 29개 기사 · GeekNews · Dev/Tools
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를 하나의 연속된 프레임처럼 재구성. 테마 색상과 배경도 더 일관되게 이어져 시각적 통일감을 강화함.
첫 질문에 답하지 마라
첫 질문에 답하지 마라
성능 디버깅에서 이상한 요청은 즉답보다 배경 확인이 먼저라는 주장. 잘못된 질문 자체를 출발점으로 삼아 사용자 문제와 제품의 빈틈을 드러내자는 관점.