GN⁺: HN 공개: Gov.uk 디자인 시스템을 위한 Vue 컴포넌트 라이브러리, Gov.uk Vue
(govukvue.org)GOV.UK Vue 시작하기
새로운 소식
- 2024년 9월 2일: GOV.UK Vue v1.0.0 출시
- 첫 번째 안정 버전으로, GOV.UK Frontend v5와 완전 호환
- 세 가지 새로운 컴포넌트 추가:
- 작업 목록
- 비밀번호 입력
- 서비스 내비게이션
시작하기
- GOV.UK Vue 설치 및 사용 방법 안내
- 정부 서비스 여부와 상관없이 앱에서 사용 가능
컴포넌트
- 양식, 내비게이션, 패널, 테이블 등 다양한 GOV.UK Design System 컴포넌트 사용 가능
도움 및 지원
- GOV.UK Vue 사용에 대한 도움말, 문제 보고, 피드백 제공 또는 새로운 기능 제안 방법 안내
프로젝트 목표
- 원활한 개발 경험과 GOV.UK Frontend와의 완전 호환성 제공
- 다른 GOV.UK 서비스와의 일관성을 위해 수정되지 않은 GOV.UK Frontend 스타일 사용
- 유연하고 견고한 Vue 컴포넌트 제공
- 모든 접근성 기능을 포함한 GOV.UK Frontend JavaScript를 Vue 코드로 재구현
GOV.UK Vue 소개
- GOV.UK Design System의 커뮤니티 리소스
- Design System 팀은 지원하지 않으며, 도움이 필요하거나 기능 요청 시 Matt Eason에게 직접 연락
- 프로젝트가 유용하다면 Ko-fi 또는 GitHub Sponsors를 통해 지원 가능
지원 링크
- GitHub에서 GOV.UK Vue 확인 가능
- MIT 라이선스 하에 배포
- 저작권 © Matt Eason
GN⁺의 정리
- GOV.UK Vue는 GOV.UK Design System의 Vue 컴포넌트를 제공하는 커뮤니티 프로젝트임
- 정부 서비스와의 일관성을 유지하면서 Vue의 유연성과 견고함을 제공함
- 접근성 기능을 포함한 완전한 호환성을 제공하여 개발자들에게 유용함
- 유사한 기능을 가진 프로젝트로는 Vuetify와 Quasar 등이 있음
Hacker News 의견
-
영국의 2010년 정부 변화로 디지털 발자국을 재구상한 사례가 미시간의 오픈 데이터 운동에 영감을 줌
- 영국의 수석 건축가가 변화에 대해 설명하는 비디오 링크 공유
- O'Reilly 비디오를 찾지 못했지만, 정부 변화로 인해 개발이 중단되었음
- 미국의 어떤 정부 웹사이트도 영국의 명확성과 단순함에 비할 바 없음
-
이 프로젝트가 공식적인 gov.uk 프로젝트가 아님을 명확히 해야 함
-
URL을 보지 않고도 공식적인 gov.uk 웹사이트를 방문하는 느낌을 받았음
- 디자인 시스템이 훌륭하여 사람들이 이를 복사하는 것을 문제 삼지 않음
-
이 프로젝트가 매우 사용하기 좋고 시각적으로 혼잡하지 않음
-
Vue용으로 가장 완전한 컴포넌트 라이브러리는 PrimeVue임
- CSS 유틸리티와 아이콘도 제공
- React, Angular, JSF 버전도 있음
- 다양한 기술 스택에 걸쳐 지원하는 더 많은 라이브러리가 있었으면 좋겠음
-
GDS의 Javascript에 대한 입장이 완화되었는지 궁금함
- 점진적 향상이 필수적인지 여부 확인 필요
- SSR을 사용하여 첫 HTML 응답을 제공하는지 여부도 궁금함
-
프랑스 정부도 디자인 시스템을 제공하고 있음
- Vue 구현도 가능
-
Django 사이트용 Crispy Forms 템플릿 팩을 작성했음
- 접근성 요구 사항을 처리하는 데 많은 도움이 될 것임
-
GOV.UK Vue의 폰트가 기본 GOV.UK 디자인 시스템 폰트와 다름
- GOV.UK Vue는 스타일이 아닌 컴포넌트에 중점을 둠
- GDS Transport 폰트는 공개적으로 사용 가능하지 않음
-
gov.uk의 성공적인 디자인에 대해 논의하는 자료를 알고 있는지 궁금함
- 이로 인해 기사 작위를 받은 사람이 있는지 여부도 궁금함
-
정부에 대해 자랑스러워하는 경우는 드물지만, 디지털 팀은 몇 년 동안 훌륭한 성과를 내고 있음