웹 상에서 발생하는 이벤트들을 정리 해 본다. 마우스 이벤트마우스 조작 시 발생하는 이벤트 종류 설명 click html 요소를 클릭할 때 이벤트 발생 dbclick html 요소를 더블 클릭할 때 이벤트 발생 mousedown 마우스 버튼을 눌렀을 때 이벤트 발생 mousemove 마우스 포인터를 움직였을 때 이벤트 발생 m
Javascript 변수의 특이사항var 의 문제점 var 예약어를 빠뜨리면 전역변수가 된다. 중간에 변수를 재선언 해버리거나, 재할당 해버려서 값을 예측하기 하기 어렵다. > 버그 발생 let 과 constvar : 함수 레벨의 스코프let, const : 블록 레벨({…})의 스코프 let 도 마찬가지로 예약어를 쓰지 않으면 전역변수재할당은 가
웹 브라우저가 스크립트를 해석하는 과정 <!DOCTYPE html > 을 보고 이 문서가 html 문서임을 인식하여 html 표준에 맞춰서 해석 시작 html 태그 사이의 순서와 포함관계 확인 head 태그 사이에 어떤 태그가 있는가? body 태그 사이에 어떤 태그가 있는가? 순서와 포함관계 확인. 태그분석 후 스타일 정보 분석 scrip
미디어 쿼리 속성반응형 웹 디자인에서 가장 기본적인 개념.사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 적용. 형태 : @media [only|not] 미디어 유형 [and 조건] * [and 조건] 미디어 유형 종류 설명 all 모든 미디어 유형 print 인쇄 장치 screen PC 스크린 + 스마트폰 스크린 tv 음성
대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 폼 관련 태그 종류 설명 <form> 폼의 시작과 끝 <fieldset> 폼 요소를 그룹으로 묶음 <legend> 필드셋에 제목을 나타냄 <input> 사용자 입력 받을 필드를 삽입 <sele
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
You should be familiar with most of the properties, but keep them organized as they may not be remembered during development. Box Model Properties Propeties Explanation Example width Specify th
대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다. 텍스트 관련 태그 종류 설명 <hn> 제목을 나타냄 <p> 텍스트 단락. 내용이 길면 웹브라우저 창의 너비에 맞게 줄바꿈 <br> 줄바꿈. <blockquote> 내용 인용. 다른 내용보다 들여쓰고 단
NPM 은 무엇인가?NPM(Node Package Manager)은 Node 로 만들어진 패키지를 관리하는 도구이다.개발 시 필요한 컴포넌트, 프레임워크, 라이브러리 등등 여러 가지를 다운 받아서 개발하고자 하는 웹사이트에 반영할 수 있도록 제공하는 도구 이다.NPM 웹사이트(https://www.npmjs.com/)를 통해서 패키지를 검색하고 CLI (