일반적인 경우 프로젝트를 만들고 로컬 서버를 띄워서 개발을 한다. (npm run start 등과 같은..) 이때 프로젝트의 node_modules 디렉터리에 Lock을 건다. 이 때문에 서버가 실행 중이면 npm i 명령으로 패키지를 설치해도 로컬 서버에 적용되지 않는다. 새로운 패키지를 설치하려면 node_modules 디렉터리의 Lock을 해제해야 한다 -> 서버를 재시작해야 한다.
엘리먼트에 title 속성을 적용하고 해당 엘리먼트 영역에 마우스를 일정시간 hover할 경우 title 속성값이 툴팁으로 나타난다. 보통 텍스트가 길 경우 말줄임(ellipsis) 처리를 하고, 이 때 FullText를 보기 위하여 title을 사용한다. 하지만 safari의 경우 title 속성을 적용하지 않았음에도 말줄임 처리가 적용되었다면 tooltip이 나타난다. 이는 브라우저의 기본 기능이기 때문에 필요에 따라 해당 tooltip을 보이지 않도록 해야 하는 경우가 있다. 내가 개발하는 서비스에서는 title을 활용하지 않고 아닌 별도의 tooltip을 제공하고 있었기 때문에 이를 보이지 않도록 아래와 같이 작업하여 브라우저 기본 tooltip을 제거하였다. TargetElement { &:be..
01. 누구나 UX 전문가가 될 수 있다. UX 전문가가 되기 위해서 갖춰야 할 두가지 핵심적 특성은 객관성과 공감이다. 02. 두 가지 이상의 서체를 사용하지 마라 서체(typeface)와 폰트(font)는 다르다. 흔히들 폰트를 서체의 의미로 사용하고 있는데 폰트의 정확한 의미는 소프트웨어에서 서체를 렌더링하고자 사용하는 파일을 말한다. 폰트가 팔레트에 있는 페인트라면, 서체는 캔버스 위에 그려진 명작에 해당한다. 최대 2개의 서체를 사용하라 하나는 타이틀에 사용하고 회사의 브랜드를 표현하기 위해서 사용하라 하나는 본문에 사용하고 가독성을 위해 사용하라 03. 사용자의 컴퓨터에 설치된 폰트를 사용하라 본문에 사용되는 폰트는 가급적 기본 폰트를 사용하라. 맞춤형 폰트를 사용하기 위해서는 페이지 ..
개요 익숙하다는 건 엄청난 가치가 있다. 기원 제이콥 닐슨(Jacob Nielsen)이 2000년에 제창했다. 사용자는 다른 웹 사이트를 통해 축적된 경험을 바탕으로 디자인 관례에 대한 기대치를 형성하는 경향을 보인다는 내용의 법칙이다. 정리 제이콥의 법칙은 모든 제품과 경험이 똑같아야 한다면서 똑같은 디자인을 옹호하는 법칙이 아니다. 제이콥의 법칙은 사용자가 새로운 경험을 이해하기 위해 기존 경험을 활용한다는 사실을 상기시키는 지침으로 간주해야 한다. 처음에는 일반적인 패턴과 관례를 따르다가 이치에 맞는 새 아이디어가 떠오를 때만 관례에서 벗어나라는 것이다. 새로운 아이디어를 도입해서 핵심 사용자 경험이 개선된다는 걸 설득력 있게 주장할 자신이 있다면 모험을 시도해보는 것도 좋다. 핵심 요약 - 사용..
