상태관리 썸네일형 리스트형 월간 키워드 - 2021년 10월 💻 웹 접근성 Week 1 iOS ux 피드백을 받았다. 인풋창에 포커스가 갈 때 예상치 못하게 zoom-in이 된다. 폰트 사이즈가 16px보다 작으면 iOS에서 잘보이라고 알아서 확대해주는 것이다. 이 이슈를 해결하는 방법으로는 meta 태그를 수정해주는 작성하는 방법이 있다. 그런데 이 방법은 일반적인 UX가 향상될지는 몰라도, 웹 접근성은 오히려 해치는게 아닐까? 하는 생각이 들었다. 이 이슈와 해결방법에서 디자인, UX, 접근성 세 가지 가치가 충돌(?)한다. 더보기 [디자인] 앱의 디자인 통일성을 생각하면 16px 이상으로 키울 수 없다. [UX] 앱의 UX를 생각하면 갑자기 확대되면 당황스럽다. [접근성] 앱의 웹 접근성을 생각하면 16px 이상이 아니거나 확대안하면 보기힘들다. 애플에서 고.. 더보기 [Redux] 리액트 앱에서 Redux로 상태관리 하기 Redux 공식 홈페이지에서는 Redux를 자바스크립트 앱을 위한 '예측 가능한' 컨테이너라고 소개한다. 지나간 상태도 관리하기 버거운데 예측까지 가능하게 해 준다니 상당히 매력적인 문구이다,,, 리액트 앱에서 Redux를 적용해 보면서 정말로 상태 관리하기가 더 수월해지는지 경험해보자! Redux 기초개념 egghead는 자바스크립트 개발자를 위한 인강 사이트이다. Dan Abramov, Kent C. Dodds 등 유명한 자바스크립트 개발자의 강의를 로그인 하지 않고도 무료로 들을 수 있다.(일부 유료) 리덕스를 만든 Dan Abramov가 직접 리덕스를 소개하는 이 강의는 각 강의가 1~3분 내로 호흡이 짧고, 나같은 리덕스 입문자가 이해하기도 쉽게 설명해줘서 리덕스의 주요 개념을 이해하는데 큰 도.. 더보기 상태관리(Stage Management)와 옵저버패턴(Observer Pattern) 자동차경주 미션에서 아쉽게도 반영하지 못한 것이 있었다. isGameOver, isPopupShowing 과 같이 게임의 '상태'를 관리해서 View가 모델의 상태 변화를 '감지'하도록 하는 것이다. 갈피를 잡지 못한 나를 위해 리뷰어님은 '옵저버 패턴'이라는 키워드로 공부해 볼 것을 추천해주셨다. 이 기회에 상태관리와 자바스크립트에서의 상태관리 방법에 대해 정리해보자. 상태관리는 어떻게 하는걸까 '상태(State)'는 변화하기 때문에 관리의 대상이 되는 모든 데이터 값을 말한다. 거꾸로 말하면, 변하지 않는 값은 관리할 필요가 없고 이는 상태가 아니다. 상태를 관리하는 것을 '상태관리(State Management)'라고 한다. 말은 쉽지만 상태관리는 어렵다. 왜 어려울까? 상태는 실시간으로, 또 비동.. 더보기 이전 1 다음
