옛날 블로그

@media screen and (max-width: 767px) { html { background: red; color: white; font-weight: bold; } } @media screen and (min-width: 768px) and (max-width: 979px) { html { background: green; color: white; font-weight: bold; } } @media screen and (min-width: 980px) { html { background: blue; color: white; font-weight: bold; } } 모바일의 경우는 가로, 세로도 설정해주어야 할 필요가 있껬다. @media screen and (orientation: portr..

var divs = document.getElementsByTagName("div");console.log(divs.length); for(var i = 0 ; i

수평적으로 읽고 있지않고 탐색하는방법은 깊이 탐색을 함.트리시작부터 끝까지 따라 내려간다.결과목록에 계속 추가시키고 그다음놈을 끝까지 따라가게 만든다 DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 노드찾기 body{ font-size:9pt; font-family:"굴림"; } div, p{ border:1px #eeeeee solid; margin:10px; } function findByTagName(){ var divs=document.getElementsByTagName("div"); console.log(divs.length); /..

개발을 할떄, 모든것을 상대경로로 지정하면, 나중에 구조가 바뀌게 될때 도저히 꼬여서 못 풀어낼때가 생긴다.모든걸 되도록이면 절대경로로 파악하도록 한다.단순히 경로도 절대경로를 쓰는게 아니라 현재 위치하고 있는 경로를 파악하면 되는데${pageContext.request.contextPath}/...를 쓰게되면 현재의 경로를 파악할수있다.

display속성에는 뭐가 있을까 block : 행을 독점적으로 사용함.높이속성oinline : 행을 공유해서 사용함. 높이의 속성을 가질수가 없다.높이속성xinline-block : block + inline 행을 공유해서 사용하는 성질table-cell : 표처럼 디스플레이됨. table없이 table처럼 배치함none : 보이지 않는거 덤으로 visibility hidden : 숨기기만함 visible : 보임collapse : 아예 그냥 날라감.

크리스마스까지 남은 기간 구하기 var today = new Date();var christmas = new Date(2014,11,25); //11이 12월이다. 서양애들은 january이런식으로쓰기 떄문에 월에대한 숫자개념이 없다. var days = Math.floor((christmas.getTime() - today.getTime())/ (1000*60*60*24));console.log("남은일수" + days); Math.floor 버림임ceil, round도 있음 올림, 반올림 등 꺌할할할할 javaScript는 그냥 var array1 = [];해서 쓰면 된다. 굳이 크기 지정안해줘도 되는게 ArrayList랑 비슷하다.그래서 그냥 array1[0] = 45 이렇게 넣고array1.len..

message = message.toUpperCase(); console.log(message); message.toUpperCase();만 써주면 안됨 그안에서만 콩짝콩짝하면 구림

선택자 서열. 구체적으로 언급한게 제일 우선순위가 높음. 그래도 같으면 마지막에 온 속성이 덮어버린다 id class tag 선택자 순이다

position에는 총 네가지 거시기가 있다 static - 기본 이놈은 위에서 아래로 붙는 형식임. 인라인이라면 오른쪽으로 문장처럼 붙을것이다.relative - 자기자신이 원래 위치했어야할 부분에서 상대적. 예를들어 top 10을 주면 탑에서 10이 내려감.absolute - 부모기준으로 절대배치함. 대신 부모쪽에 높이를 주어야함(이때 부모에 overflow:hidden을 주면 부모가 자식한테 맞춘다.) 또한 부모에게 relative를 주어야자 아니면, 그냥 브라우저 기준으로 정렬될 것이다.fixed - 브라우저 기준으로 특정위치에 박아버림. 브라우저기준임 브라우저!! 이것이다. 겹치면 z-index를 사용하도록 한다. 큰 숫자가 위로온다

/* input 태그의 type 속성이 checkbox인 태그가 체크되었을 때, 바로 뒤에 위치하는 div 태그의 height 속성을 0픽셀로 적용합니다. */ input[type=checkbox]:checked + div { height: 0px; } div { overflow: hidden; width: 650px; height: 300px; /* 변환 효과를 적용합니다. */ -ms-transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }