KNOW-HOW

KNOW-HOW/ETC

패키지 설치후 로컬 서버를 재시작 해야 하는 이유

일반적인 경우 프로젝트를 만들고 로컬 서버를 띄워서 개발을 한다. (npm run start 등과 같은..) 이때 프로젝트의 node_modules 디렉터리에 Lock을 건다. 이 때문에 서버가 실행 중이면 npm i 명령으로 패키지를 설치해도 로컬 서버에 적용되지 않는다. 새로운 패키지를 설치하려면 node_modules 디렉터리의 Lock을 해제해야 한다 -> 서버를 재시작해야 한다.

KNOW-HOW/STYLE

Safari 브라우저에서 title 속성을 적용하지 않았음에도 text-overflow: ellipsis가 적용되면 tooltip이 보이는 현상

엘리먼트에 title 속성을 적용하고 해당 엘리먼트 영역에 마우스를 일정시간 hover할 경우 title 속성값이 툴팁으로 나타난다. 보통 텍스트가 길 경우 말줄임(ellipsis) 처리를 하고, 이 때 FullText를 보기 위하여 title을 사용한다. 하지만 safari의 경우 title 속성을 적용하지 않았음에도 말줄임 처리가 적용되었다면 tooltip이 나타난다. 이는 브라우저의 기본 기능이기 때문에 필요에 따라 해당 tooltip을 보이지 않도록 해야 하는 경우가 있다. 내가 개발하는 서비스에서는 title을 활용하지 않고 아닌 별도의 tooltip을 제공하고 있었기 때문에 이를 보이지 않도록 아래와 같이 작업하여 브라우저 기본 tooltip을 제거하였다. TargetElement { &:be..

코리안심슨
'KNOW-HOW' 카테고리의 글 목록 (5 Page)