하수도키의 성장일기

책일기

[북리뷰] 모바일 UX/UI 디자인 강의 with Adobe XD

프론트 개발하면서 모바일 화면, PC 화면, 다양한 뷰포트로 작업할 일이 많다. 그때마다 해상도에 관해 단순히 모바일은 2배수, 3배수로 작업하면 되고 viewport는 device-width를 습관적으로 사용했다. 정확하게 어떤식으로 작동되는지 감으로만 알고 있고 이론은 정확히 파악을 못했었다. 이 책을 통해 이런 부분들을 많이 알 수 있었다. 책 소개 우선 프론트개발자인 내가 이 책의 표지만 봤을 때는 끌리지는 않았다. 하지만 목차를 보고 흥미를 느꼈고 Adobe XD 실습하기 전에 모바일 UX/UI 에 대한 자세한 설명이 도움이 되었다. UX를 단순히 사용자 편의성이라고 생각했는데 책에서 사용자 편의성보다는 경험에서 나온 익숙함을 분석하여 그에 맞는 서비스를 기획하고 디자인 하는것이라고 설명을 해준..

개발일기/Javascript

Javascript timezone, language 구하기(타임존, 언어, 국가)

이번에 살펴볼 내용은 타임존, 언어 구하기이다. 다국어 사이트 작업 또는 이 사람이 어떤 언어를 사용하고 있는지에 대한 데이터를 얻고자 할 때 필요한 내용이다. 타임존, 언어, 국가 코등 등 검색을 할 텐데 여기서는 서버, 클라이언트에서 구하는 방법을 몇 개 살펴보겠다. 서버에서 구하기 Accept-Language 모던 브라우저에서 언어를 설정한다면, HTTP 요청할때 header에 Accept-Language을 포함시켜 보낸다. 보통 Accept-Language: en-Ca, ar-Eg:q=0.5 이런 식으로 보낸다. 여기서 q 값은 가중치이다. 명시적으로 적지 않으면 기본값은 1.0 이다. 위 예를 살펴보면 사용자가 en-CA(Canadian English) 를 1.0으로 선호하고 그다음 ar-EG(..

개발일기/Vue.js

[Vue.js] 이벤트 전파(버블링, 캡쳐링) 살펴보기

오랜만에 쓰는 포스팅이다. 이번에는 Vue에서 이벤트 전파에 관련된 포스팅을 쓰고자 한다. 자바스크립트 이벤트 버블링, 캡쳐링, 위임, 전파 등 여러 가지 아마 살펴봤을 걸로 기억한다. 면접이나 기술 질문에도 대부분 포함되는걸로 알고 있다. 그럴 때마다 공부하고 이해하고 다시 까먹고 반복 중이다. 이해가 안 되거나 잘 모르겠으면 우선 외우는 게 중요한 것 같다. 여기까지 온 사람이라면 아마 우선 외워야 할 것 같다. 개요 Vue를 통해 이벤트 Phase를 알아보기 버블링, 캡쳐링 살펴보기 Vue event modifier (prevent, self, stop) 살펴보기 예제 코드 Outer first Inner Inner 예제는 어떤 포스팅에서 보고 테스트한 거 같은데 출처를 잃어버렸다. 우선 이벤트에 ..

책일기

[북리뷰] 실리콘 밸리 리더십

실리콘밸리는 예전부터 들을 때마다 웅장한 느낌이 있다. 미국에 있다는 것 빼고 사실 제대로 찾아본 적도 없고 그래서 어디에 위치하고 있는지도 모른다. 이 기회에 어디있는지 한번 살펴보자. 구글 맵에서 가져왔다. 실리콘 밸리는 미국 캘리포니아주 샌프란시스코 만 지역 남부를 이르는 말이다. 이렇다고 한다. 책 지은이는 마이클 롭(Michael Lopp)이라는 사람이고 엔지니어링 리더로서 슬랙, 볼랜드, 넷스케이프, 팔란티어, 핀터레스트, 애플 등에서 인재를 육성하고 제품을 탄생시켰다고 한다. 책 소개 책 제목부터 리더십 관리자 급이 보는 책이다. 관리자가 아닌 사람들이면 관리자가 어떤 일을 해야되는지 알 수 있는 책이다. 책 목차 목차는 크게 3분류로 나눠진다. 1부 넷스케이프 시절: 진정한 관리자 세상에 ..

책일기

[북리뷰] 러닝 리액트 2판

최근 프론트엔드 개발자로 일하면서 React는 빠질 수 없는 존재다. 페이스북에서 사용하고 있어 Vue 보다 더 점유율이 높고 React-navtive까지 지원하니 많은 사람들이 관심을 갖고 공부를 하고 있다. 그중에 나도 한 명인데 관심만 갖고 공부를 하지 않고 있는 상태였다. 책 사고 스터디하고 강의 결제하고 딱 여기까지 보고 공부하고 듣지를 않는다. 이번에 한빛에서 지원받은 책이 러닝리액트 2판(Learning React)라서 타이밍 좋게 집중하고 힘들게 책을 읽어봤다. O'REILLY 출판사에서 나온 책답게 표지 동물은 멧돼지이다. 아주아주 무섭다. 쓰다 보니 러닝 리액트 1판도 예전에 구매했던 기억이 생각났다. 1판(2018년)에서는 리덕스(redux)에 대한 내용을 다뤘다면 2판에서는 훅스(h..