본문 바로가기

전체 글7

[웹접근성] 구글 lightHouse 사용 구글 lightHouse를 사용하면, 초기 명도 대비를 간단하게 찾을 수 있다.꼭 사용하도록하자 2024. 11. 18.
일은 납득하는게 아니다. 해야하니까 하는거다.납득이 가지 않아도 파악해서 최선의 결과물을 내놓아야한다. 2024. 11. 13.
[웹접근성] 24.10 웹접근성 품질 지침 변경 이번정부에서는 많은 지침들이 변경되고 있다.24년도 기준으로 정말 많이 변경되고 있으며, 웹접근성 뿐 아닌 전자정부 구축/운영 가이드, UIUX가이드까지 많이 변경되고있다.추가 된 사항은 이렇다. 문자 단축키고정된 참조 위치정보단일 포인터 입력 지원포인터 입력 취소레이블과 네임동작기반작동 찾기 쉬운 도움정보접근 가능한 인증 반복입력 정보 2024. 10. 28.
퍼블리셔에 대한 생각.. 어느덧 11년 퍼블리셔를 하면서.. 많은 고민을 하게 됩니다.과연 나는 언제까지 이 일을 할 수 있을까?아마도 많은 분들이 하는 고민이라고 생각이 듭니다.저는 현 회사를 6년차 일 떄 이직을 합니다.  6년이라는 기간을 현 회사에서 복무하고 있죠.업무 자체는 변화가 없죠. 홈페이지를 퍼블해서 개발자들에게 전달하고, 개발자들이 데이터를 넣으면서 망가진 UI를 수정하고,기능을 수정하고.. 현재도 변함이 없습니다. 업무는 바쁩니다. 웹 접근성, UI,UX 설계 및 가이드 / 기능 설계 등.. 하지만 개발자들을 위한 설계 인거지 업무 자체의 주도권은 없습니다.현재 회사에서 바라는 건 이정도 수준이라고 생각합니다. 없어서도 안되지만.. 그렇다고 딱히 고급을 원하지는 않습니다.여기서 문제는 당연히.. 회사에 최적화.. 2024. 9. 29.
농업농촌 지도 서비스 프로젝트농업농촌 지도 반응형 서비스 (2024.08 ~ 2024.10.04)프로젝트 내용1. 웹접근성 마크 획득 , 2. 반응형 지도 서비스, 3. 기능 제공 기술 스택 : html, scss, javascript, java, gulpjs, openlayers기여도 : 100%기능 : 검색, 툴바 기능, 드래그드랍, 데스크톱과 모바일에서 사용자에게 똑같은 환경 구성진행 방향1. 기능  javascript로만 구성2. 웹 접근성 aria-* 최대한 활용3. 각 기능별 소스 오염방지를 위한 컴포넌트 단위 즉시실행함수로 진행4. gulp.js를 사용하여 기능 별 html 구분성과1. 각 기능 별 관리 편리함 및 직관성 2. 리소스 용량 절약이슈1. 업무툴 gulp.js로 관리 하다보니, 개발서버에서 즉각 적용.. 2024. 9. 29.
[용어] CSS-in-JS Javascript 파일내에서 CSS 스타일을 작성하고 적용하는 방법으로 컴포넌트 기반의 프레임워크에서 많이 사용된다.컴포넌트별로 분리된 스타일링이 가능하다. 장점- 독립적인 스타일 , 독립적인 관리- 에디터를 통한 쉬운 접근단점- 공통 style과 컴포넌트의 구분이 애매 모호하다.- 디테일한 스타일을 적용 시 전역에서 이 중으로 덥어야하는 부분이 생긴다.- 대규모 프로젝트 시 로딩이 생김- 개발자 경험 및 수정 성능이 저하 프로젝트를 하면서, 편한 부분도 있었지만 퍼블 출신이여서 전역 style에서 컴포넌트 단위로 관리하고,해당 pages를 생성하여 스타일을 주는게 편했다. 2024. 9. 27.