회고 썸네일형 리스트형 월간 키워드 - 2021년 11월 💻 패턴 Week 1 하이퍼링크의 힘 덕분에 우연히 VAC패턴을 소개하는 글을 만났다. UI와 로직을 살짜쿵 분리하는 방식이다. 그동안 컴포넌트 내부에서 로직이 50줄~100줄 넘어가면 휠을 위아래로 내리다가 '너무 긴데?'하고 별 고민 없이 커스텀 훅을 만들어서 빼곤했다. 그런데 보통 커스텀훅은 hooks 디렉토리에 모아놓기 때문에 접근성이 좋지는 않았다. VAC패턴 대로 작성하면 이 방식대로 하면 분리만을 위한 분리 용도의 커스텀훅을 지금보다 많이 안 만들어도 될 것 같다. 단점을 미리 예상해보자면 엄청 간단한 로직이 짤막하게 들어간 컴포넌트이더라도 파일을 2개씩 생성해야 하는 점이 번거로울 수 있겠다. 그럼 jsx를 스타일드 컴포넌트 정의해 두는 style.js랑 통합해서 최상단에는 view 먼저 .. 더보기 월간 키워드 - 2021년 10월 💻 웹 접근성 Week 1 iOS ux 피드백을 받았다. 인풋창에 포커스가 갈 때 예상치 못하게 zoom-in이 된다. 폰트 사이즈가 16px보다 작으면 iOS에서 잘보이라고 알아서 확대해주는 것이다. 이 이슈를 해결하는 방법으로는 meta 태그를 수정해주는 작성하는 방법이 있다. 그런데 이 방법은 일반적인 UX가 향상될지는 몰라도, 웹 접근성은 오히려 해치는게 아닐까? 하는 생각이 들었다. 이 이슈와 해결방법에서 디자인, UX, 접근성 세 가지 가치가 충돌(?)한다. 더보기 [디자인] 앱의 디자인 통일성을 생각하면 16px 이상으로 키울 수 없다. [UX] 앱의 UX를 생각하면 갑자기 확대되면 당황스럽다. [접근성] 앱의 웹 접근성을 생각하면 16px 이상이 아니거나 확대안하면 보기힘들다. 애플에서 고.. 더보기 이전 1 다음
