ux dev

대한민국 디지털 정부서비스 UI/UX 가이드라인은 공공 웹사이트와 앱의 사용자 경험을 개선하고 표준화하는 데 중점을 둔 중요한 리소스입니다. 이 가이드라인은 행정기관과 공공기관이 디지털 서비스를 효율적으로 구축하고 관리할 수 있도록 설계되었습니다. 첫째, 이 가이드라인은 사용자 중심 설계의 원칙을 강조하며, 모든 공공 서비스 디자인에서 접근성과 사용성을 최우선으로 취급합니다. 사용자의 요구와 편의를 고려하여 설계된 UI 컴포넌트와 UX 패턴은 서비스의 일관성과 직관성을 높이는 데 기여합니다. 둘째, 디지털 서비스의 구축 과정에서 발생할 수 있는 문제를 예방하고 해결하는 방법론을 제시합니다. 이는 개발자와 디자이너가 협력하여 보다 신속하게 문제를 인식하고 해결책을 도출할 수 있도록 돕습니다. 셋째, 이 가..

웹 개발에 있어 사용자 경험을 최적화하는 것은 매우 중요합니다. 사용자들이 다양한 네트워크 환경에서 웹사이트를 이용하게 되는데, 이때 웹사이트의 성능이 크게 영향을 받을 수 있습니다. 이러한 문제를 해결하기 위해, 크롬 브라우저는 개발자들에게 유용한 도구인 '쓰로틀링' 기능을 제공합니다. '쓰로틀링' 기능은 크롬 개발자 도구 내 네트워크 탭에서 찾을 수 있습니다. 이 기능을 사용하면, 다양한 네트워크 속도를 시뮬레이션하여 웹사이트의 로딩 시간과 성능을 테스트할 수 있습니다. 예를 들어, 'Fast 3G' 또는 'Slow 3G'와 같은 옵션을 선택하여, 해당 속도에서 웹 페이지가 어떻게 로드되는지 확인할 수 있습니다. 이는 특히 모바일 사용자들이 저속의 인터넷 환경에서 웹사이트를 이용할 때 매우 중요한 정..

챗지피티 계정의 이메일 주소 변경은 불가능(2024년 2월 기준) 여러 이유로 챗지피티에서 사용하는 계정의 이메일 주소를 변경하고 싶을 수 있습니다. 다만 2024년 2월 기준 OpenAI에서는 이메일 변경 기능을 제공하지 않고 있습니다. 이메일 변경 대신 새로운 이메일로 계정을 생성할 수 있다고 안내하고 있네요. 핵심적인 AI 제공 기능에 초점을 두고, 그 외에 시스템에 사이드이펙트를 유발할 수 있는 부수적 기능들은 제한적으로만 제공하는 것처럼 보이네요. 챗지피티의 이메일을 변경하고 싶으신 분은, 다소 아쉽지만 변경 방법이 없다는 것을 인지하시과, 신규 이메일을 생성하거나 기존 이메일을 그대로 활용하는 방법을 취하시기 바랍니다.

Karabiner(카라바이너)는 맥OS에서 키보드의 키 맵핑 및 단축키 지정 등의 용도로 널리 쓰이는 어플리케이션입니다. 다만 키보드 이용에 대한 높은 수준의 권한을 요구하기에 다른 어플리케이션과의 충돌 또는 기능 미작동이 자주 발생하기도 합니다. 개인적으로 가장 자주 마주하는 Karabiner 미작동 원인은 키보드를 신규 디바이스로 인식하거나, 중복된 입력 장치로 인식해 키보드의 키맵핑을 비활성화하는 것입니다. 이러한 상황이 발생했을 때 대처 방법은 'Karabiner-Elements' 어플리케이션을 실행하여 디바이스에 대한 키맵핑을 수동으로 활성화시키는 것입니다. 아래 사진을 통해 확인할 수 있듯, 'Karabiner-Elements' 어플리케이션을 실행한 후 'Devices' 메뉴를 실행합니다. 해..

CSS를 한 줄로 작성하는 포맷(Single Line Format)은 가독성 문제로 인해 권장되는 형식은 아니지만, 한국 환경에서는 아직도 대부분의 CSS 개발 작업자들이 한 줄 작성을 선호하는 경향이 있습니다. 그런 이유로 협업이나 산출물 제출 등의 이유로 한 줄 형식에 맞춰 CSS 파일을 제공해야 할 때가 있습니다. 직접 코딩을 한 줄로 하는 방법은 비생산적이므로, PostCSS를 활용해 산출물의 포맷팅을 변경하는 방법을 알아 보고자 합니다. 기본적으로 노드 개발 환경이 구성되어 있어야 하며, PostCSS와 CSSNano, fs 모듈이 설치되어 있어야 합니다. npm init -y npm i postcss fs cssnano --save-dev 이후 설치된 모듈들을 활용해 파일 형식을 변경해 줄 자..

맥북이나 맥을 활용해서 외장 디스플레이를 활용하는 경우 외장 디스플레이를 메인 디스플레이로 지정하고 싶은 상황이 있을 수 있습니다. 특히 크기가 큰 디스플레이를 활용하는 경우가 많으며, 주로 시야 중앙에 위치시키기 때문에 더욱 그렇습니다. 메인디스플레이를 변경하는 이유 주시야각에 위치한 디스플레이를 메인화면으로 설정하면, 일단 MacOS에서 제공하는 위젯(widget) 등의 송출 위치를 지정할 수 있습니다. 더불어 독이나 노티피케이션 센터의 출력 위치가 기본으로 메인화면을 시작점으로 두기 때문에, 운영체제 내에서 활용되는 여러 유동적 패널들의 관리가 필요한 경우에도 메인화면 변경은 효과적일 수 있습니다. 외장모니터를 메인화면으로 설정하는 방법 매우 간단하지만, 텍스트로 명시되어 있지 않고 컨텍스트 메뉴에..

포모도로 타이머는 전세계 많은 사람들이 시간의 효율적 활용을 위해 이용하고 있는 방법입니다. 포모도로는 간략하게 이야기하면 25분 동안 집중해서 업무를 수행하고, 5분의 휴식을 지니는 사이클을 반복하여 업무 생산성을 높이는 방식입니다. 전용 타이머를 책상 위에 배치해서 사용하거나, 별도로 시간을 측정하는 등 포모도로를 실행할 수 있는 방법은 다양합니다. 오늘 소개하고자 하는 어플리케이션은 포모도로, 그리고 꼭 포모도로가 아니더라도 시간관리를 쉽게 할 수 있도록 도와주는 서비스입니다. '플로우(Flow)'라는 이름으로 맥용 어플리케이션이며, 맥용 앱스토어에서 다운로드 받을 수 있습니다. 특장점1. 아름답고 간결한 디자인 플로우 앱은 무척이나 직관적이고 간결한 사용성을 바탕으로, 시간관리 본연의 기능을 가장..

피그마에서 컴포넌트를 생성할 때 여러개의 레이어를 한번에 컴포넌트로 생성해야 할 때가 있습니다. 보통 우클릭이나 단축키로 컴포넌트 생성이 가능하지만, 일괄로 레이어를 컴포넌트로 생성하는 방식은 우클릭이나 별도 단축키로 지원되지 않습니다. 한번에 여러 컴포넌트를 생성하는 방법은 여러 레이어를 선택한 상황에서, 상단 피그마의 컴포넌트 메뉴의 옵션 메뉴를 통해 선택이 가능합니다. 상세한 버튼의 위치와 이름은 아래 이미지를 참고해 주시기 바랍니다(피그마 상단 메뉴바 컴포넌트 메뉴 아이콘의 'Create multiple components' 메뉴 선택).

'html.to.design'은 웹페이지를 피그마에서 수정이 가능한 디자인 파일 형태로 그대로 가져올 수 있게 해 주는 플러그인입니다. 비슷한 기능의 플러그인들은 많았지만, 완성도면에서 부족한 면이 많은 것들이 대부분이었다고 하면 'html.to.design'의 경우 꽤 신뢰할만 한 수준의 품질을 보여 줍니다. 설치 및 사용방법 직관적인 이용방식을 보여 주는데, 플러그인 설치의 경우 여타 다른 플러그인처럼 피그마 내부에서 '플러그인' 버튼을 눌러 검색을 시작함으로써 설치 및 실행이 가능합니다. 사용방법은 플러그인 실행 시 나오는 주소창에 가져오고자 하는 페이지의 URL을 입력한 후 사이즈 등을 고르는 과정을 거쳐 임포트 버튼을 누르면 해당 웹페이지의 디자인이 간직된 신규 프레임 레이어가 생성된 것을 확인..

스테이지 매니저 기능은 유용하게 맥의 어플리케이션을 관리하고, 멀티태스킹을 진행할 수 있게 해 줍니다. 다만 애플리케이션 전환 시 애니메이션이 다소 시각적으로 혼잡하게 느껴질 때가 있습니다. 그런 경우 애니메이션을 제거함으로써, 불편을 최소화할 수 있습니다. 설정 방법은 ‘시스템 환경설정 > 접근성 > 디스플레이 > 애니메이션 축소’ 옵션을 설정하면 됩니다. 다만 이 경우 스테이지 매니저 뿐 아니라 맥OS 전체 및 ‘애니메이션 최소화’ 접근성 환경을 지원하는 어플리케이션 전부에 적용되므로 유의가 필요합니다. 스테이지 매니저의 애니메이션만 제거하는 방법은 2023년 11월 기준으로 없습니다.