보통 레이아웃을 짤 때 왼쪽은 고정이고 오른쪽 영역이 가변인 경우가 많다.대부분 좌측에 LNB가 위치하고 우측에 컨텐츠 영역이 위치하기 때문이다. 하지만 가끔 반대의 경우로써 왼쪽이 가변이고 오른쪽이 고정영역인 경우가 생긴다.예를들면 사이드 바를 오른족에 위치시키는 경우가 그렇다. 필자의 경우 Input 태그 옆에 아이콘이 따라 붙는 경우가 필요했기 때문에 이와 같은 구현을 시도했다.이런경우 보통 absolute로 아이콘을 띄우면 되지만, 상황이 꼭 그렇게 깔끔하게 되지 않기 때문에 다른 방법이 필요했다. 일단 만들고자 하는 레이아웃은 아래와 같다. 이미지는 경로가 맞지 않아 저렇게 보이는 것이며 중요하진 않다.여기서 주목해야 할 것은 아이콘 영역(우측)은 23px의 고정 너비를 갖고, 왼쪽 input태..

$(selector).find()selector의 하위에 있는 모든 요소들을 찾는다.find()에 selector를 인풋으로 주면 자식들 중 해당 selector에 매칭되는 요소들을 jquery 객체로 돌려준다. $(selector).children()selector의 1레벨 하위에 있는 요소들을 찾는다. (직계 자식만 찾는다)find()와 마찬가지로 selector를 인풋으로 주었을 때 해당 selector에 매칭되는 요소들을 jquery 객체로 돌려준다. 두 함수 모두 매칭된 결과를 배열로 돌려준다. 따라서 돌려받은 jquery 객체안에 복수의 배열이 있을 수 있다.예를들어 $(selector).find().css('background-color','gold'); 문장을 실행하면 find()에 의해 ..

word-breaknormal : 평소 규칙대로 단어를 분리한다.break-all : 단어가 문자별로 분리되어 단어의 중간에도 줄 바꿈이 된다.keep-all : 문자별로 분리되는 것을 금지한다.white-spaceinherit 상속normal defaultnowrap 줄바꿈을 하지 않는다pre 태그와 같은 기능, 마크업에서 엔터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다pre-line 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다pre-wrap pre-line 과 비슷 word-wrapnormal : 기본값으로 콘텐츠가 컨테이너 경계를 초과한다.break-word : 콘텐츠가 다음 줄로 넘어가고 필요한 경우 단어 줄 바꿈이 발생한다.

인접 형제 조합자 (Adjacent sibling combinator)더하기(+) 기호로 이어진 두 개의 선택자에 해당하는 요소가 서로 부모 요소가 같은 형제 요소이며, 첫 번째 요소의 바로 뒤에 이어지는 두 번째 요소들을 선택합니다. CSS 2.h1.opener + h2 {...} 일반 형제 조합자 (General sibling combinator)물결(~) 기호로 구분된 두 선택자에 해당되는 요소가 서로 부모가 동일한 형제 요소이며, 첫 번째 요소의 뒤에 이어지는 두 번째 요소들을 선택합니다. 인접 형제 조합자와는 달리 바로 뒤에 이어질 필요가 없습니다. CSS 3.h1 ~ pre {...} 출처 : http://css.elex.pe.kr/2012/09/Combinators.html

eclipse-neon 버전에서 SVN을 설치했는데, SVN Connector가 설치되지 않는 문제가 발생했다뭐 한번에 잘 되는 경우는 항상 없구나~~하지만 난 해결방법을 찾았지.. 늘 그랬듯이 말이야 하하 Windows > Preferences > Team > SVN 여기 들어가면 설치 팝업 뜬다.거기서 가장 최신 버전의 kit을 설치하면 된다! 설치 후 Windows > Show View > Other 에 들어가면SVN 메뉴를 확인할 수 있다!!!!! 이상.

WebStorm 단축키 ctrl + [ or ctrl + ] : 블럭의 처음과 끝으로 이동.ctrl + D / ctrl + Y : 한줄 복사 / 삭제ctrl + O : 파일 오픈 ctrl + - / ctrl + = : 블럭 접기 / 펴기ctrl + Shift + - / ctrl + Shift + = : 문서 전체 접기 / 펴기alt + Shift + Insert : column 편집 모드 togglectrl + Shift + J : 쓸데없는 공백 삭제.ctrl + Shift + F : 전체 경로에서 text 검색Alt + Back Quote : VCS Operations 팝업 띄움.영역선택 + Ctrl + Alt + I : 전체 들여쓰기 자동 정리.ctrl + Alt + A : Add to Gitctrl..