본문 바로가기

전체 글

 (21)
[CSS] CSS 용어 정리 CSS(Cascading Style Sheet) Box Model box model은 css가 레이아웃을 설정하는데 사용하는 모델이다. 간단하게 말하면 그냥 요소들의 크기를 지정하는데 쓴다. 다음 사진과 같다. 자세한 설명 reset CSS html tag에 기본적으로 들어가있는 margin, padding, color, border 등의 스타일적인 요소를 초기화 시키는 css code or library이다. 너무 잘 정리해주신 블로그를 찾았습니다. 감사히 쓰겠습니다. float html 요소 위치를 변경하는 css 요소 중 하나. BFC(Block Formatting Content) 이라는 박스에 의해서 위치가 지정된다. float: left | right | none; // Left와 right으로..
[HTML] HTML 용어 정리 html(Hyper Text Markup Language) Doctype html version을 알려주는 html 문서 최상단에 위치한 선언문 html 태그는 아니다. 시멘틱 태그 사용자와, 검색엔진, 개발자에게 특정 부분이 어떤 역할을 하는지 알려주기 위한 태그 이름 역할 header 헤더를 의미 aside 사이드에 위치하는 공간(navigation과 비슷) nav 네비게이션 section 본문을 의미 article 본문의 주 내용을 의미 footer footer를 의미 Cookie 브라우저에서 서버에서 주는 값을 저장하기 위해서 만든 저장소다. 사용목적은 다음과 같다. 세션 관리(Session management) 서버에 저장해야 할 로그인, 장바구니, 게임 스코어 등의 정보 관리 개인화(Perso..
[javascript] DOM event 발생 경로 서론 js에서는 html에서 발생하는 event를 인식할 수 있는 event handler가 있다. 이 때, event handler가 event를 인식할 때, 특별한 형태로 event가 발생하게 되는데, 이에 대해 알아보자. Event Bubbling, Capturing 클릭해주세요. 다음과 같은 html이 있을 경우에, 밑과 같이 event가 일어난다. 출처 우선 Event Capturing이라는 것이 일어나는데, 최상단 요소에서 클릭한 요소로 찾아가는 과정을 의미합니다. 이 과정에서, 이벤트가 따로 발생된다거나 그런 것은 없습니다. 그 이후에, 클릭한 요소에서 이벤트가 발생합니다. 여기서 등록한 event handler가 실행됩니다. 그 이후에는 Event Bubbling 이 일어납니다. Event..

티스토리툴바