하루에 하나씩 조금씩이라도 나아가면 언젠가는 큰 변화가 찾아온다.

w2ui grid에서 작업할때마다 사이트접속해서 문서나 예제로 자주찾는것들 그리드 기본코드 1234567891011121314151617 $('#grid').w2grid({ recordHeight : 30, autoLoad: false, recid:"mtip", show: { footer: true, selectColumn: true, }, columns: [ ......... ], onDblClick:function(event){ var record = this.get(event.recid); }, records:[] }); //this.dataLoad();cs 1. 그리드 세로사이즈 주기 recordHeight : 30, 그리드 색이나 스타일변경은 css로 가능하나 테이블셀의 세로사이즈는 javasc..

작업할때마다 뭐였지? 하고 찾아보게 되는 CSS가끔씩 쓰다보니 외워지지도 않고 손에 붙지도 않고 -ㅅ- CSS 줄바꿈 작업하다 한글의 경우는 괜찮은데 가끔 영문이나 숫자인 경우 공백없이가로사이즈는 정해져있는데 주르륵 나열해야하는경우 글자가 영역을 넘어서는 경우가 발생한다.그럴경우 word-break:break-all; 적용해 주면 2번처럼 해결된다. CSS 말줄임 한줄 제목 게시판에 많이 사용함.제목이 길경우 사이즈만큼만 보이고 나머지는 ... 처럼 보이고 싶을때text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 적용해 주면 2번처럼 해결된다. CSS 그라디언트 공통버튼 만들때 그라디언트 속성값이 너무길고 사용방법이 여러가지라 헷갈린다 -ㅅ- 12..

개발자도구를 이용해서 디버깅하기 HTML 코딩 작업시 디테일한 간격조절이나 깨진화면 원인을 찾고싶을경우 크롬브라우저 개발자도구로 쉽게 디버깅할수 있습니다. 크롬 브라우저에서 개발자도구를 여는 방법은 F12 를 누르면 위와 같은 창이 열립니다. 열린상태에서 빨간 테두리영역에 Elements 탭메뉴 부분을 누르면 브라우저에 적용된 HTML 코드가 녹색테두리 부분에 나옵니다. 오른쪽 파란테두리영역은 브라우저에 적용된 css가 나올 부분입니다. 수정하고 싶은부분을 직접찾는방법이 있구요. 더 쉽게 하는방법은 고치고 싶은 부분이 로고부분이다라면 로고부분에 마우스를 갖다대고 오른쪽마우스를 클릭하시고 검사를 누르시게 되면 개발자도구창이 열림과 동시에 로고부분에 대한 HTML코드와 CSS를 포커싱을 해줘서 한눈에 보실수..