비전공자 개발일기

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) 인터넷..

HTML: Hyper Text(문서를 서로 연결해주는 링크) Markup Language 시멘틱(의미가 통하는) 태그를 사용하여 만든 웹 문서 시멘틱 태그가 필요한 이유 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목, 메뉴, 본문 내용 등 알 수 있음 문서 구조가 정확히 나눠지므로 PC, 스마트기기 등 다양한 화면에서 웹 문서를 표현하기 쉬움 인터넷에서 웹 사이트를 검색할 때 필요한 내용을 정확히 찾을 수 있음 시멘틱 태그의 종류 : 헤더 영역을 나타냄, 검색창이나 사이트 메뉴를 삽입 : 내비게이션 영역, 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크 : 핵심 콘텐츠, 웹 문서마다 다르게 보여주는 내용으로 구성, 1회만 사용 권장 : 독립적인 콘텐츠, 웹에서 ..

모듈: 자바스크립트 파일 하나, 복잡하고 많은 양의 코드를 기능에 따라 파일로 나눠서 관리하기 위함 모듈 스코프: 외부에서 자유롭게 접근하는 걸 막기위해 파일 안에서 독립적인 스코프를 가지고 있어야함 모듈 문법: export, import // printer.js export const title = 'Printer'; export function print(value) { console.log(value); }; // index.js import { title, print } from './printer.js'; print(title); // 이름 바꿔서 import import { title as printerTitle, print, printArr } from './printer.js'; impor..