코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) SVG 이미지 - 이미지를 확대하거나 축소해도 원래의 깨끗한 상태를 유지하는 이미지(=벡터 이미지) - 로고나 아이콘에서 많이 사용되며 데이터 시각화에서 차트나 다이어그램, 지도 등 구현할 때도 많이 사용 3. 소스 코드 및 실행 화면 - insert-svg.html SVG 이미지 삽입하기 - check-svg.html SVG 이미지 삽입하기

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 태그 - 텍스트와 함께 사용하면 텍스트 링크가 되고 이미지와 함께 사용하면 이미지 링크가 된다. 기본형 텍스트 2) 태그 속성 속성 내용 href 링크한 문서나 사이트의 주소를 입력 target 링크한 내용이 표시될 위치(현재 창 또는 새 창)를 지정 download 링크한 내용을 보여 주는 것이 아니라 다운로드 한다 rel 현재 문서와 링크한 문서의 관계를 알려줌 hreflang 링크한 문서의 언어 지정 type 링크한 문서의 파일 유형을 알려줌 3) target 속성 속성 내용 _blank 링크 내용이 ..

1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 웹에서 사용하는 이미지 형식 파일 형식 설명 GIF(Graphic Interchange Form) - 최대 256가지 색 표현 - 아이콘이나 불릿 등 작은 이미지에 주로 사용 - 투명한 배경이나 움직이는 이미지를 만들 수 있음 JPG/JPEG (Joint Photographic Experts Group) - 사진을 위해 개발된 형식 - 다양한 색상과 명암을 표현할 수 있음 - 저장을 반복하다 보면 화질이 떨어질 수 있음 PNG(Portable Network Graphices) - 투명 배경을 만들면서 다양한..

1. 내장 함수 - 자바스크립트 엔진에 내장된 함수 - 개발자가 함수를 직접 선언하지 않아도 되고 바로 호출 가능 1) 내장 함수의 종류 종류 설명 사용 예 encodeURI() 문자를 유니 코드값으로 인코딩한다. (영문,숫자, 일부 기호(; , / ? : @ $ = + $)는 제외) encodeURI("?query="값"); → "?query=%EA%B0%91" encodeURIComponent() 문자를 유니 코드값으로 인코딩한다. (영문, 숫자 제외) encodeURIComponent("?query="값"); → "%3Fquery%3D%EA%B0%91" decodeURI() 유니 코드값을 디코딩해 다시 문자화한다. decodeURI("?query=%EA%B0%91") → "?query="값" dec..

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 객체 생성자 함수 - 내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성 기본형 function 함수명(매개변수1, 매개변수2, ... 매개변수n){ this.속성명 = 새 값; this.함수명 = function() { 자바스크립트 코드; } } var 참조 변수(인스턴스 네임) = new 함수명(); // 객체 생성 var 참조 변수 = { 속성 : 새 값, 함수명 : function() {......} } 2) 프로토타입 사용 - 프로토타입을 사용하여..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 함수 스코프 - 스코프(Scope)의 사전적 의미는 '범위'이며, 변수 또는 함수의 유효 범위를 가리킨다. 용어 설명 스코프 변수 또는 함수의 유효 범위 지역 변수 - 스코프 영역에서 선언한 변수를 가리킨다. - 스코프 영역에서만 사용할 수 있다. 지역 함수 - 스코프 영역에서 선언한 함수를 가리킨다. - 스코프 영역에서만 호출할 수 있다. 2) 전역 변수 vs 지역 변수 - 전역 변수 : 자바스크립트 어디에서든 사용할 수 있는 변수 - 지역 변수 : 함수 스코프에서만 사용할 수 있는 변수 기본형 ..