태그: web

0

이벤트와 이벤트 핸들러 정리

웹 상에서 발생하는 이벤트들을 정리 해 본다. 마우스 이벤트마우스 조작 시 발생하는 이벤트 종류 설명 click html 요소를 클릭할 때 이벤트 발생 dbclick html 요소를 더블 클릭할 때 이벤트 발생 mousedown 마우스 버튼을 눌렀을 때 이벤트 발생 mousemove 마우스 포인터를 움직였을 때 이벤트 발생 m

0

자바스크립트의 변수 및 함수 특이사항

Javascript 변수의 특이사항var 의 문제점 var 예약어를 빠뜨리면 전역변수가 된다. 중간에 변수를 재선언 해버리거나, 재할당 해버려서 값을 예측하기 하기 어렵다. > 버그 발생 let 과 constvar : 함수 레벨의 스코프let, const : 블록 레벨({…})의 스코프 let 도 마찬가지로 예약어를 쓰지 않으면 전역변수재할당은 가

0

웹 브라우저가 스크립트를 해석하는 과정 외 JS 학습 내용

웹 브라우저가 스크립트를 해석하는 과정 <!DOCTYPE html > 을 보고 이 문서가 html 문서임을 인식하여 html 표준에 맞춰서 해석 시작 html 태그 사이의 순서와 포함관계 확인 head 태그 사이에 어떤 태그가 있는가? body 태그 사이에 어떤 태그가 있는가? 순서와 포함관계 확인. 태그분석 후 스타일 정보 분석 scrip

0

반응형 관련 CSS 정리 (미디어쿼리)

미디어 쿼리 속성반응형 웹 디자인에서 가장 기본적인 개념.사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 적용. 형태 : @media [only|not] 미디어 유형 [and 조건] * [and 조건] 미디어 유형 종류 설명 all 모든 미디어 유형 print 인쇄 장치 screen PC 스크린 + 스마트폰 스크린 tv 음성

0

사용자 입력에 필요한 HTML 정리

대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 폼 관련 태그 종류 설명 <form> 폼의 시작과 끝 <fieldset> 폼 요소를 그룹으로 묶음 <legend> 필드셋에 제목을 나타냄 <input> 사용자 입력 받을 필드를 삽입 <sele

0

Summary of CSS Transitions

You should be familiar with most of the properties, but keep them organized as they may not be remembered during development. Transition attribute Propeties Explanation Example transition-prope

0

자주 쓰는 HTML 태그 정리

대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 텍스트 관련 태그 종류 설명 <hn> 제목을 나타냄 <p> 텍스트 단락. 내용이 길면 웹브라우저 창의 너비에 맞게 줄바꿈 <br> 줄바꿈. <blockquote> 내용 인용. 다른 내용보다 들여쓰고 단