버튼의 종말과 의도 기반 디자인의 부상: 화면 조작에서 목적 달성으로
제록스 스타와 매킨토시 이래 수십 년간 지속된 포인트 앤 클릭 인터페이스가 생성형 인공지능과 거대언어모델(LLM)에 의해 '의도 기반 디자인'으로 전환되고 있습니다. 번거로운 10단계 조작 대신 사용자의 고차원적 목표를 포착해 백그라운드에서 실행하는 기술적 변화와 그에 따른 디자인 과제를 짚어봅니다.
제록스 스타와 매킨토시 이래 수십 년간 지속된 포인트 앤 클릭 인터페이스가 생성형 인공지능과 거대언어모델(LLM)에 의해 '의도 기반 디자인'으로 전환되고 있습니다. 번거로운 10단계 조작 대신 사용자의 고차원적 목표를 포착해 백그라운드에서 실행하는 기술적 변화와 그에 따른 디자인 과제를 짚어봅니다.
토스뱅크가 Next.js Pages Router의 유지보수 모드 전환에 대응해 App Router와 서버 컴포넌트(RSC) 도입을 검증했으나, 웹뷰 렌더링 지연과 점진적 마이그레이션 결함, 관측성 부재 등의 비용이 이득을 초과한다고 판단해 기존 체제를 유지하기로 결정했습니다.
Adobe가 Edge Delivery Services 환경에서 자체 상거래 기능을 확장할 수 있는 3단계 블록 개발 모델을 공개했다. 모놀리식 템플릿 재정의 대신 공식 드롭인 컴포넌트와 문서 기반 블록을 조합하는 방식으로 프런트엔드 수명 주기를 분리하는 것이 핵심이다.
토스뱅크가 코딩 에이전트에 팀 규칙을 필요한 순간에 전달하는 Stylepack을 소개했다. 파일 작성 직후와 작업 종료 직전에 다른 범위로 피드백하고 적용 기록으로 규칙을 개선한다. 지시 문서의 양을 늘리는 대신 전달 시점과 적용 범위를 설계한 사례다.
토스가 토독의 설계와 테크니컬 라이터의 제품 개발 역할을 영문 연재로 소개했다. 작성 장벽, 자료 분산과 문서의 낡은 정보를 해결하려는 사내 플랫폼 사례다. AI 연결과 자동 초안 제공의 현재 설명을 문서의 지속적 갱신이라는 개발 목표와 구분해 살펴본다.
토스가 테크니컬 라이터의 업무를 조직 지식 시스템 설계로 넓힌 경험을 영문 연재 첫 편에 소개했다. 문서 전달 챗봇, 사내 플랫폼 개발과 조직별 문서화·자동화·문화 활동을 함께 다룬다. 코드의 결과와 결정의 맥락을 연결하는 일이 AI 시대의 역할에 주는 의미를 분석한다.
토스 프론트엔드 챕터가 문서 기반 답변 챗봇 박씨와 대화를 문서 PR로 바꾸는 실록봇을 소개했다. 문서를 탐색하는 경로를 늘리기보다 업무 도구에서 질문하고 지식을 남기는 흐름이다. 검색 증강 생성의 자료 품질과 대화의 검토 경계를 함께 살펴본다.
토스가 사내 어드민 제작 플랫폼 TOI의 Preview Runtime 설계를 공개했다. 코드 생성과 정책 적용을 나누고 브라우저 빌드, 패키지 사전 준비와 화면 교체를 결합했다. 회사가 설명한 미리보기 시간 개선의 원인과 실행 환경 설계의 조건을 살펴본다.
메타가 분산 키-값 저장소 ZippyDB의 클라이언트 트래픽을 중계하는 무상태 프록시 티어 'ZGateway'를 공개했습니다. N:M 직접 연결로 인한 리소스 고갈 문제를 격리하고, 초당 10억 건 이상의 요청을 처리하면서 지속 연결 수를 대폭 절감했습니다.
웹 디자인 및 개발 전문 매체 스매싱 매거진이 15년 이상 유지해온 월간 무료 월페이퍼 프로젝트의 2026년 9월 판을 공개했다. 전 세계 아티스트들이 클라이언트 요건 없이 제작한 그래픽 자산을 다양한 해상도로 배포하는 오픈 디자인 기여 모델의 가치와 라이선스 적용 한계를 분석한다.
토스 QA Platform 팀이 긴급 수정의 실행 여부를 결정하고 재발 방지를 추적하는 과정을 공개했다. 같은1%라도 배포 범위와 발생 조건에 따라 해석이 다르다. 양쪽 담당자의 합의, 크래시 재현 지원과 실행하지 않은 판단까지 남기는 기록 구조를 살펴본다.
풍부한 데이터와 도구에도 불구하고 정작 회의에서 결론이 도출되지 않는 대시보드의 한계를 극복하기 위해, 차트 제작 이전 단계에서 질문과 사용자 맥락을 정의하는 UX 접근법이 실무 대안으로 제시되었습니다.
토스증권이 실시간 추천, 뉴스 검색과 그래프 검색을 운영하는 방식을 설명했다. 모델 성능뿐 아니라 벡터 버전, 후보 제한과 검색 근거를 함께 관리하는 접근이 핵심이다.
헤드리스 CMS Strapi 설립진이 개발한 Fimo가 배포 후 발생하는 웹사이트 품질 저하를 막기 위해 AI 에이전트 기반 자율 유지보수 개념을 제안했다. 전면 자율화 대신 작업 영역을 분리하고 승인 이력을 쌓아 자율성 범위를 단계적으로 넓히는 실무 운영 전략이다.
메타가 대규모 추천 모델 학습을 겨냥해 12개 커스텀 800Gbps RDMA NIC를 칩 패키지에 내장하고 연산과 통신을 물리적으로 분리한 3세대 AI 가속기 'MTIA 300'의 상세 설계를 공개했다. 통신 부하를 하드웨어로 오프로드해 자원 경합을 해소했으나 연산 집약적 LLM에서는 범용 GPU 대비 한계도 뚜렷하다.
토스증권이 LLM 운영에서 프리픽스 캐시, 출력 제한과 처리 여유를 확인한 사례를 공개했다. 요청 수와 평균 지연만으로는 보이지 않는 문제를 토큰 지표와 개별 로그로 추적하는 방법이다.
어도비가 Developers Live 2026을 9월 29~30일 무료 온라인 행사로 안내했다. 첫날은 UXP 플러그인·애드온 개발, 둘째 날은 Firefly와 Express를 활용한 기업 제작 흐름을 다루는 구성이었다.
HTML img 태그 환경에서 자바스크립트 없이 복합 벡터 모션을 구현하는 수단으로 SMIL의 가치가 재조명받고 있습니다. W3C의 syncbase 규격과 타이밍 차트 기반 선언형 구조 설계를 통해 코드 비대화와 유지보수 문제를 통제하는 실무 방안을 짚어봅니다.
당근이 초기 휴대전화 번호 기반 점유 인증에서 시작해 연계정보(CI) 기반 본인인증, 중앙 집중형 통합 SSO, 그리고 AI 에이전트를 위한 OAuth 2.1 프로토콜로 인증 체계를 확장해 온 과정과 엔지니어링 전략을 살펴봅니다.
토스가 광고 계정의 전체 목록을 브라우저 워커에 두고 필터·정렬·검색을 처리한 경험을 공개했다. 성과 없는 항목과 계층 검증 문제를 함께 해결했지만 초기 로딩과 장애 복구 비용은 남았다.
어도비가 Premiere Pro UXP API 사용 패턴을 검사하는 ESLint 플러그인을 공개했다. 액션 객체의 범위 이탈과 트랜잭션 안의 비동기 작업을 점검하며, 문법 기반과 타입 기반 설정을 제공한다.
토스가 앱 안에서 게임을 체험하는 플레이어블 광고 SDK를 직접 만든 과정을 소개했다. 실제 소재가 쓰는 MRAID API만 구현하고 렌더 상태·외부 코드·브릿지 배포의 경계를 정한 사례다.
하이퍼브루의 오픈소스 Bolt 도구가 UXP 디버깅·비동기 명령 실행과 Express 샌드박스 재로딩을 보강했다. 공통 빌드 구성을 제공하지만 호스트 API의 출시와 지원 조건을 대신하지는 않는다.
어도비 Express가 밝고 어두운 테마를 제공하면서 애드온 개발자에게 화면 점검을 안내했다. 다크 스타일 자체는 의무가 아니지만 8월 31일 이후 제출물은 어두운 테마에서도 읽고 조작할 수 있어야 한다.