IT의 신

css 왕초보로서 기초없이 했을때 많이 봤던게 white-space nowrap 이였다. 이게 도대체 뭐지.. html에 공백 space를 아무리 쳐도 안나오는 이유를 white-space를 보고 알게 되었다. 이제 그것을 정리해 보자. 기본값은 normal white-space는 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성. 문법은 white-space: normal } nowrap | pre | pre_wrap | pre-line | initial | inherit 스페이스와 탭 | 줄바꿈 | 자동 줄바꿈 순으로 내용을 정리를 해보면 normal 병합 | 병합 | O nowrap 병합 | 병합 | O pre 보존 | 보존 | X pre-wrap 보존 | 보존 | X pre-lin..

css 초보로서 삽질끝에 알아낸 방법 입니다. 하.. 기초가 있었으면 좋았을 텐데.. 기초 없이 시작하려니 삽질을 많이 하게 되네요. 마진이 들어가 있어 없앨려고 하는데 자꾸 안되었다. css 즉, 캐스케이드가 되어 있어서 상위에서 css를 적용했다고 하더라도 하위에서 재정의 하면 그것이 적용되는것을 경험해서 알고 있었다. 그래서 해당페이지 상위에서 id나 class에 대해 재정의해서 쓰거나 해당 태그 엘리먼트에 style 을 사용해서 재정의 해서 쓰면 따로 그 부분만 적용이 되었는데.. 이번에도 마진이 적용되어 있어서 그것을 없애려고 해당페이지에서 재정의를 했는데 적용이 안되는 것이었다. 이상하네.. 알고보니 상위에서 !important를 사용해서 정의를 해 놓았다. 그렇게되면 하위에서 재정의를 해도 ..

화면 쪽 개발을 하다 보면 컨텐츠르 가로로 배치해야할 경우가 있다. 정식으로 css 퍼블리싱을 배우지 않은 사람으로써 급 당황스러워 졌다. 흠.. 과거에는 table 태그로 했는데... 갑자기 css 를 써서 하려니 대략 난감해 졌는데.. 이런 저런 삽질을 하다가 나름 알아낸것을 공유해보면.. 일단 컨텐츠를 가로로 나열할 부분의 전체 wrap 역할을 하는 div 를 만들고 그 안에 가로로 배열할 컨텐츠 2개가 있다고 가정하면 이렇게 되겠다. 안에 있는 div 2개를 가로로 배치해야 하는데.. div는 block element라 한 줄 씩 블럭쌓듯이 다 차지한다. 한줄 전체를 다 차지하는 block element를 가로로 나란히 해야하는데.. 그럴려면 일단 사이즈는 줄여야 겠다. 한 300px로 해본다. ..

자바스크립트로 창 크기 사이즈 변경 하고 싶을때는 간단하게 window.resizeTo (width,height); 하면 된다.

html 숫자만 입력하고 싶을 때 하면 된다.

사실 바쁜데 label for를 잘 안쓴다. 안써도 돌아가는데 문제는 없으니.. 그래도 써보면 좋다는 것을 느낄 수 있다. label for를 쓰면 라벨을 클릭해도 라디오가 선택된다. 당일 난 여러건을 해야 되서 다음과 같이 해도 문제없이 잘 동작 하였다. 당일