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

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를 포커싱을 해줘서 한눈에 보실수..

자주쓰는 jquery 게시판에서 체크박스록 선택하거나 해제하는 예제입니다. See the Pen <a href='https://codepen.io/s7291990/pen/wezKyM/'>wezKyM</a> by yangsungjin (<a href='https://codepen.io/s7291990'>@s7291990</a>) on <a href='https://codepen.io'&amp..