본문 바로가기

전체 글

 (220)
html, css 특이사항 정리 1. 블록-인라인 - 인라인은 블록을 포함할 수 없다. - p 는 블록이지만 인라인만 포함가능 2.박스 모델 (margin 과 padding) 특이사항 - margin이 겹칠경우 더 큰 것에 적용된다. - widht와 height는 padding과 border를 제외한 길이이다. 3. 부모 요소의 상속을 받는 스타일은 초기화 항목에 넣지 마라 - ex) font-size : 12px 4. IE 크로스 브라우징 - 주석 - IE핵 ex) div{ *color : blue} 5. 선택자 - 기본 선택자(관계) - 가상 클래스 선택자(상태) · 가상 선택자 선언 순서 :link -> :visited -> :hover -> :active - 선택자 우선순위 · !important -> em style -> #(..
요소 가운데 정렬 HTML에서 div 안에 div를 수직으로 가운데 정렬하는 방법에 대해서 알아볼까 해요. 수직 정렬은 까다로워서 거의 억지로 하는 것 같아요. 아래 html 태그는 실험 대상이에요. 이해를 돕기 위해 기본적으로 정렬과 상관없는 CSS는 태그에 박아버렸어요. 위의 html 태그를 브라우저에서 열면 이렇게 그려져요. 파란색 div를 수직으로 정렬해볼게요. html은 건드리지 않을거에요. 1. 테이블 parent div 태그를 테이블처럼 만들어서 vertical-align 속성을 사용할 수 있게 하는 방법이에요. .parent { display: table-cell; vertical-align: middle; } 2. 포지션 직접 조정 child div 태그의 위치를 직접 가운데로 조정하는 방법이에요. ( p..
자바스크립트 내장 함수 1. 타이머 함수 - 타이머 함수에서는 초 단위를 miliisecond(ms)로사용한다. - miliisecond(ms)는 1/1000 초이다. (즉, 5000 ms 는 5 초이다) NO 메서드 이름 설명 1 setTimeout(function, millisecond) 일정 시간 후 함수를 한번 실행합니다. 2 clearTimeout(id) 일정 시간 후 함수를 한번 실행하는 것을 중지 합니다 3 setInterval(function, millisecond) 일정 시간 마다 함수를 반복해서 실행 합니다. 4 clearInterval(id) 일정 시간 마다 함수를 반복하는 것을 중단합니다. - 예제 1) setTimeout(function, millisecond) 2) clearTimeout(id) // ..
자바스크립트 실행 순서 1. 브라우저의 javascript 동작 구조 - 번역 출처(https://joshua1988.github.io/web-development/translation/javascript/how-js-works-inside-engine/) - 원본 출처(https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf) 2. 브라우저의 javascript 동작 순서 1) 동기 방식 이벤트 처리 동작 (1) JS(javascript)엔진이 javascript 코드 순차 적으로 실행 (2) code 실행 중 함수 발결 시 call stack에 넣기 (3) call stack에 넣은 함수를 실행 (4) call stack에서 실행된 ..
크롬 개발자도구에서 HTML 작업하기 https://miaow-miaow.tistory.com/89
이벤트 종류 https://developer.mozilla.org/en-US/docs/Web/Events
GNB · LNB · SNB · FNB GNB (Global Navication bar) 어느 페이지에 들어가든 공통적으로 사용할 수 있는 메뉴를 가리킨다. 최상위 메뉴로 보통 상단에 위치하고 있다. 메인메뉴라고도 부른다. GNB사진 LNB (Local Navigation Bar) GNB를 누를 경우 소제목 형식으로 나오는 메뉴를 가리킨다. 네비게이션을 통해 특정 지역으로 가는 네비게이션 바이다 LNB 사진 SNB(SIde Navigation Bar) 일반적으로 왼쪽에 많이 있기 때문에 LNB(Left Navigation Bar)라고 부르기도 한다. 메인메뉴와 서브메뉴를 제외한 나머지 사이드 메뉴이다. SNB 사진 FNB (Foot Navigation Bar) 하단 메뉴를 가리킨다. FNB 사진 출처: https://youngkeol.tist..
VSCODE 단축키 변경 http://blog.naver.com/PostView.nhn?blogId=rorean&logNo=221346968488&parentCategoryNo=&categoryNo=11&viewDate=&isShowPopularPosts=true&from=search visual studio code 단축키 변경 ​비주얼 스튜디오 코드 단축키 변경 방법​왼쪽 하단 설정 -> 바로 가기 키 클릭다음과 같은 화면이 나... blog.naver.com http://blog.naver.com/PostView.nhn?blogId=rorean&logNo=221346968488&parentCategoryNo=&categoryNo=11&viewDate=&isShowPopularPosts=true&from=search

티스토리툴바