클로리셔 작은 공간

예전에 쿠키를 이용해서 이 기능이 적용된 팝업을 레거시로 만들었었는데 이번에 Vue에서 사용하는 팝업창을 만들게 되었다. 라이프사이클을 사용해서 하다보니 만들면서 기억할 겸 정리 한다.    [ Vue에서 HTML 팝업창 만들기 적용 ] 오늘 하루 열지않는 팝업창 만들기 닫기 오늘 하루 열지 않기     v-model을 이용하여 데이터 바인딩을 적용. checkbox가 클릭되면,data에 doNotShowToday = ture  checkbox가 해지하면,doNotShowToday = false     [ Vue에서 오늘 열지않기 기능 Script 적용 ] export default { data..

문장이 길어질 경우 '...' 표시가 되도록 설정하는 방법에 대해 정리한다. CSS를 이용해서 많이 사용하는데 간혹 스크립트를 써야할때 있어서 이왕 정리할때 다 정리하려고 한다. 1. CSS - 1줄 말줄임표 설정하기 p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - 2줄 말줄임표 설정하기 p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; } See the Pen make Ellipsis using CS..

++i (전위증가) : i의 값이 1 증가된 후 증가된 값을 리턴한다 i++ (후위증가) : 먼저 해당 연산을 수행하고 나서, i 의 값을 1 증가시킴. 1. 전위증가​ int main() { int i = 1; int j = ++i; printf("i:%d, j:%d", i, j); } // i:2, j:2 2. 후위증가 int main() { int i = 1; int j = i++; printf("i:%d, j:%d", i, j); } // i:2, j:1 => 전위증가에서는 i가 1 증가한 뒤, 증가한 값을 j가 리턴받아 2를 출력한다 후위증가에서는 i가 1 증가 하지만, j는 증가하기 전 값인 1을 리턴받아 출력한다