비전공자 개발일기

const loginForm = document.querySelector("#login-form"); const loginInput = document.querySelector("#login-form input"); const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; // 문자열 타입을 변수로 만든 이유 -> 오타로 인한 오류 방지 const USERNAME_KEY = "username"; function onLoginSubmit(event) { event.preventDefault(); // 이벤트의 기본 진행 차단 loginForm.classList.add(HIDDEN_CLASSNAME); co..

중첩 연산자 1. > div>ul>li 2. + div>p+bq 3. ^ div+div>p>span+em^bq div+div>p>span+em^^^bq 4. * ul>li*5 5. ( ) (div+dl>(dt+dd)*3)>footer>p 속성 연산자 1. 아이디와 클래스 div#header+div.page+div#footer.class1.class2.class3 2. 사용자 정의 속성 td[title="Hello world!" colspan=3] 3. 항목 번호 매기기: $ ul>li.item$5 ul>li.item$$$*5 $ 한 개당 자릿수 의미 ul>li.item$@-* 역방향 출력 ul>li.item$@3*5 기본값 변경시, $옆에 @n(n: 숫자) ul>li.item$@-3*5 4. 텍스트: {..

블록(BLOCK) 요소 블록 요소는 항상 새 줄에서 시작 블록 수준 요소는 항상 사용 가능한 전체 너비를 차지합니다(가능한 한 왼쪽과 오른쪽으로 늘어남) 블록 수준 요소에는 위쪽 여백과 아래쪽 여백이 있지만 인라인 요소에는 없음 ※ : 브라우저가 사용자에게 표시 할 수있는 대체 콘텐츠를 정의 인라인(INLINE) 요소 인라인 요소는 새 줄에서 시작하지 않음 인라인 요소는 필요한 만큼만 너비를 차지 ※ : 약어를 정의 ※ : 텍스트 양방향 재정의 ※ : 특정 단어 기울이면서 강조(미술 작품, 책, 노래 등) ※ : 콘텐츠 내에서 정의를 하기 위해 사용, 기울임으로 표시됨 ※ : 키보드 입력을 정의 Press Ctrl + C to copy text (Windows). Press Cmd + C to copy ..

Image Maps Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic: 이미지 맵을 정의, 이미지 맵은 클릭 가능한 영역이 있는 이미지 이미지 맵 내부의 영역을 정의 반응형 디자인의 아트 디렉션

FORM EVENTS 속성 설명 onblur 포커스가 사라졌을 때 발생 onchange 폼 컨트롤의 값이 변경 되었을 때 발생 oncontextmenu 우클릭 시 나오는 메뉴 컨트롤 onfocus 입력 필드가 포커스를 취득했을 때 발생 oninput 사용자가 필드에 무언가를 쓸 때 oninvalid 입력 필드가 유효하지 않은 경우 발생 onreset 양식에서 재설정 버튼을 클릭 시 발생 onsearch 검색을 제출할 때 발생 onselect 요소에서 일부 텍스트를 선택한 후 onsubmit 폼의 정보를 서버로 전송하는 명령인 submit 시에 발생 MOUSE EVENTS 속성 설명 onclick 버튼 클릭 시 발생 ondblclick 버튼 더블 클릭 시 발생 onmousedown 단락 위에서 마우스 버튼..

a 태그 흉내내기 코드 a 태그 흉내내기

HTTP(Hyper Text Transfer Protocol) W3(WWW, World Wide Web, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간) 상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데에 쓰임 크로스 브라우징(Cross Browsing) 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법. 또한, 지원할 수 없는 다른 웹 브라우저를 위한 장치를 구현하여 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미 브라우저(Browser) 인터넷..