gui

2 개의 포스트

toss원문

토스인컴 QA Platform: ‘누구나 테스트할 수 있는’ 도구의 시작 (새 탭에서 열림)

토스 QA 팀은 반복되는 테스트 데이터 생성과 복잡한 API 호출 문제를 해결하기 위해 기존 Swagger API를 GUI 기반으로 추상화한 'QA Platform'을 구축했습니다. 이 도구는 테스트의 진입 장벽을 낮춰 QA뿐만 아니라 모든 팀원이 품질 검증에 참여하게 함으로써 제품 개발 속도를 획기적으로 높이는 결과를 가져왔습니다. 단순히 테스트를 자동화하는 것을 넘어, 품질을 제품 설계 과정의 일환으로 내재화하여 팀 전체가 확신을 가지고 움직일 수 있는 환경을 조성한 것이 핵심입니다. **Swagger 기반의 접근성 개선 (Phase 1)** * Swagger에 흩어져 있는 테스트 API들을 한곳에 모으고, 복잡한 JSON 작성 없이 버튼 클릭만으로 실행할 수 있는 GUI를 도입했습니다. * 사용자의 숙련도에 따라 입력 방식을 이원화했습니다. 'Normal 모드'는 복잡한 필드를 숨겨 누구나 쉽게 쓰게 했고, 'Swagger 모드'는 QA 매니저나 엔지니어가 세부적인 파라미터를 제어할 수 있도록 설계했습니다. * 환경 스위칭, 최근 실행 값 저장, API 응답 값의 자동 복사 기능 등 사소하지만 빈번한 번거로움을 줄여주는 UX 요소를 배치해 심리적 장벽을 낮췄습니다. **자동화의 대중화와 통합 관리 (Phase 2 & 3)** * QA 팀 내부에서만 활용되던 기존의 자동화 스크립트를 플랫폼 내 컨트롤러로 이식하여, 개발자나 기획자도 버튼 하나로 자동화 테스트를 수행할 수 있게 했습니다. * 복잡한 환경 설정이나 스크립트 실행 지식 없이도 자동화 자산을 활용할 수 있게 되어, 검증의 주체가 QA 팀에서 제품 팀 전체로 확장되었습니다. * 외부 도구에 의존하는 대신 조직의 고유한 테스트 방식에 최적화된 통합 관리 시스템을 구축하여, 테스트 설계부터 실행 및 관리까지의 전 과정을 하나로 연결하고 있습니다. **품질 검증에서 품질 설계로의 관점 전환** * 테스트가 '시간을 내서 해야 하는 특별한 작업'이 아니라 '생각나면 바로 하는 일상'이 되면서, 제품의 병목 현상이 제거되고 의사결정 속도가 빨라졌습니다. * 개발자가 기능을 완성하자마자 직접 검증할 수 있는 환경이 마련됨에 따라, 품질은 마지막 단계의 체크리스트가 아닌 개발 흐름 속에 자연스럽게 녹아드는 요소가 되었습니다. * QA 팀은 단순 반복적인 테스트 데이터 세팅 작업에서 벗어나, 더 고도화된 비즈니스 로직 분석과 리스크 관리에 집중할 수 있는 환경을 확보했습니다. 테스트가 쉬워지면 제품의 속도는 자연스럽게 빨라집니다. 기술적인 고도화만큼이나 중요한 것은 "누가 하느냐"에 갇혀 있던 테스트 권한을 "누구나 할 수 있는 구조"로 만드는 것이며, 이를 통해 팀 전체가 품질에 대한 공동의 책임과 확신을 갖는 것이 실질적인 제품 경쟁력으로 이어집니다.

figma3분 읽기큐레이션 요약

이 올드스쿨 커서

Figma는 2024년 April Fun Day를 맞아 DOS부터 Y2K, 스큐어모피즘, Windows Vista의 Aero까지 과거 디지털 디자인을 재현한 커서를 공개했다. 커서는 단순한 포인터가 아니라 Figma·FigJam에서 사용자의 존재와 협업을 나타내는 아바타이므로, 시대별 시각 언어를 통해 개인 표현과 공동 작업 경험을 확장하려는 시도다. 사용자는 Figma 또는 FigJam 파일 우측 상단의 커서 아이콘에서 일주일 동안 네 가지 레트로 스타일을 선택할 수 있었다. ## 커서와 온라인 협업의 의미 - Figma와 FigJam에서 커서는 여러 사용자가 같은 캔버스에서 작업하고 있음을 보여주는 협업 아바타다. - 커서는 위치 표시뿐 아니라 커서 채팅, 이모트, 하이파이브 같은 상호작용도 지원한다. - 화면을 사이에 두고도 서로의 존재와 감정을 확인하게 해주는 인터페이스 요소라는 점에서, 단순한 UI 장식 이상의 역할을 한다. - 이번 기획은 커서를 디지털 시대의 상징적 상호작용 요소로 보고, 인터넷 역사 속 네 가지 미학으로 재해석했다. ## 8비트: 픽셀로 표현한 초기 컴퓨터 문화 - 8비트 스타일은 텍스트 기반 터미널부터 Windows 2000 초기까지의 웹과 컴퓨터 문화를 떠올리게 한다. - Pac-Man, Space Invaders 같은 아케이드 게임과 저해상도 화면, 굵은 픽셀이 주요 시각적 영감이다. - DOS는 GUI 없이 사용자가 명령어를 직접 입력하는 텍스트 기반 운영체제이며, GUI는 아이콘·창·메뉴·버튼으로 정보를 표현한다. - 제작진에게 DOS 시절의 컴퓨터 경험은 초기 컴퓨팅에 대한 개인적인 향수와 연결되어 있다. - Windows 2000의 입체적인 아이콘, 돌출된 시작 버튼, 움푹 들어간 시계 영역처럼 빛과 깊이를 표현한 디자인도 당시의 중요한 기억으로 언급된다. - 커서 디자인에서는 해상도를 의도적으로 낮춰 픽셀 격자를 강조하고, 손가락 모양이나 2번 연필처럼 단순하고 친근한 아이콘을 활용했다. - 제한적인 그래픽 안에서도 손, 하트, 연필 등 표현력 있는 형태를 사용해 레트로 감성과 개성을 살렸다. ## Y2K: 2000년 전후의 대중문화와 디지털 감성 - Y2K 섹션은 2000년 전후의 패션과 대중문화를 배경으로 한다. - 카고 팬츠, 베이비 티, Backstreet Boys의 앨범 *Millennium*, 전화 접속 인터넷의 전자음 같은 요소가 시대적 분위기를 구성한다. - 투명한 플라스틱 소재의 다마고치 이미지는 당시 소비자 전자제품과 장난감에서 나타난 미래 지향적이고 장난스러운 감성을 상징한다. - 글은 Y2K가 약 25년 전의 스타일임에도 현재 낯설지 않은 이유를 되짚으며, 당시의 시각 언어를 커서 디자인으로 재현하려 한다. ## 네 가지 레트로 스타일의 재해석 - Figma가 소개한 커서 테마는 8비트, Y2K, 스큐어모픽, Aero로 구성된다. - 각 스타일은 특정 운영체제나 장식만 복원하는 것이 아니라, 해당 시대의 기술 경험과 대중문화, 인터페이스 감각을 함께 재현한다. - 레트로 디자인을 현대 협업 도구에 적용함으로써 향수를 자극하면서도 사용자의 개성을 드러내는 기능으로 확장했다. - 커서는 작고 단순한 UI 요소지만, 색상·형태·질감만으로도 시대적 분위기와 사용자 정체성을 표현할 수 있다. 실용적으로는 레트로 스타일을 단순한 장식으로만 보지 말고, 사용자의 존재감과 감정 표현을 강화하는 인터랙션 디자인 요소로 활용할 수 있다. 특히 협업 제품에서는 작은 시각적 변화도 참여감과 친밀감을 높이는 장치가 될 수 있다.

원문 읽기(새 탭에서 열림)