코드그라데이션

IP 주소(Internet Protocol Address) : 인터넷 상에서 장치 간 통신을 위해 장치를 식별하는 주소 IPv4 vs. IPv6 IPv4 현재 일반적으로 사용되는 주소로 32bit 구성 (약 43억개) [0-255]. [0-255]. [0-255]. [0-255] 와 같이 10진수 4개를 . 으로 구분하여 표기 (예, 192.168.0.2) 특정 IP는 특별용도로 예약되어 사용(예, 127.0.01 (로컬호스트(루프백) 주소)) IPv6 IPv4 에서의 IP 부족 현상을 해결하기 위한 방법으로 128bit(16byte)로 구성(43억* 43억* 43억* 43억) [0000-FFFF]:[0000-FFFF]:[0000-FFFF]:[0000-FFFF]:[0000-FFFF]:[0000-FFFF]..

브라우저와 관련된 객체 웹 브라우저 창에 문서가 표시되는 순간 브라우저는 HTML 소스를 한줄씩 읽으면서 화면에 내용을 표시하고 관련된 객체를 만들어낸다. 이 객체들은 계층 구조로 이루어져있다. 아래 그림은 예시 자주 사용하는 브라우저 관련 내장 객체 window 객체의 프로퍼티 window 객체는 웹 브라우저의 상태를 제어, 자바스크립트의 최상위에 위치 자바스크립트의 모든 객체는 window 객체 안에 포함된다. 웹 브라우저 창의 정보를 가져오거나 값을 바꿀 때 사용한다. 프로퍼티를 사용하려면 window. 를 프로퍼티명 앞에 붙인다! 종류 window 객체의 메서드 window 객체의 메서드는 대화 창을 표시하거나 브라우저 창의 크기나 위치를 알아내고 지정하는 등 웹 브라우저 창 자체와 관련되어 있다..

객체 자바스크립트에서는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다. 웹과 관련된 대상을 모두 객체로 인식 자바스크립트의 객체 문서 객체 모델(DOM)： 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체. 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 등이 있음. 브라우저 관련 객체: 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다. 사용하는 브라우 저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등. 내장 객체: 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있다., 예를 들어 날짜, 시간과 관련된 프로그램을 개발하려면..

이벤트 웹 브라우저나 사용자가 행하는 어떤 동작 웹 브라우저 안에 서 이루어 지는 모든 동작이 이벤트는 아니다. 웹 페이지를 읽어 오거나 링크를 클릭하는 것처럼 웹 문서 영역 안에서 이루어지는 동작만을 말한다. 웹 문서 영역을 벗어나 클릭하는 행위는 이벤트가 아니다. => 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼에 내용을 입력할 때 발생한다. 이벤트의 종류 이벤트 처리기 웹 문서에서 이벤트가 발생하면 처리하는 함수를 이벤트 처리기 또는 이벤트 핸들러 라고 한다. 먼저 HTML태그 안에서 ‘on’다음에 ‘이벤트명’을 붙여서 속성 이름을 만들고, 그다음에 실행할 이벤트 처리기의 함수명을 작성하면 된다. # 예제 마우스로 클릭했을 때의 이벤트 이름은 click입니다. 태그 안에 oncli..

익명 함수 이름이 없는 함수 익명 함수를 선언할 때는 이름을 붙이지 않는다. function(a, b) { return a+b; } 익명 함수 실행하기 실행 결과 즉시 실행 함수 한 번만 실행하는 함수라면 함수를 정의하면서 동시에 실행할 수 있다. 즉시 실행 함수는 함수를 실행하는 순간에 자바스크립트 해석기에서 함수를 해석한다. 즉시 실행 함수는 함수를 식 형태로 선언하므로 마지막에 세미콜론을 붙인다. 기본형 예제 실행 결과 매개변수가 있는 형태 선언 부분 끝에 함수 실행을 위한 인수를 넣어준다. 실행 결과 화살표 함수 기본형 매개변수 => { 함수 내용 } 매개변수가 없는 경우 : 괄호 안을 비워둔다. const hi = function() { return "안녕하세요?"; } 화살표 함수로 작성하면 ..

1. let 사용한 변수의 특징 var 을 빠뜨리게 되면 의도치 않게 전역변수가 되기도 하고 프로그램 길이가 길어지면 실수로 / 사용하는 변수를 재선하거나 값을 재할당해 버리는 경우가 생기기도 함. var과 let, const의 가장 큰 차이 var은 함수 영역(레벨)의 스코프를 가짐 let, const는 블록 영역의 스코프를 가진다. 1) 블록 안에서만 쓸 수 있는 변수 변수를 선언한 블록에서만 유효하고 블록을 벗어나면 사용할 수 없다. 전역 변수를 선언하고 싶다면 let 예약어를 쓰지 않고 변수 이름과 초깃값만 할당하면 된다. 예제 1. 블록 변수 선언하기 예제 2. 전역 변수 선언하기 2) 재할당은 가능하지만 재선언은 할 수 없는 변수 let을 사용하여 선언한 변수는 값을 재할당할 수는 있지만 변수..

함수 동작해야 할 목적대로 묶은 명령 함수 사용 시 명령의 시작과 끝을 명확하게 구분 가능 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령 실행 가능 ex. alert() 함수의 동작 흐름 함수의 선언 서로 다른 이름을 붙여 나중에 사용 시 분간이 쉽게 만든다. 선언할 때는 예약어 function을 사용하고, 중괄호 안에 실행할 여러 명령을 넣는다 기본형 : function 함수명() { 명령 } 함수의 호출 : 함수명() // 함수명(변수) 함수 선언과 실행 순서 변수의 적용 범위(scope) 지역 변수 : 한 함수 안에서만 사용할 수 있는 변수 전역 변수 : 스크립트 소스 전체에서 사용할 수 있는 변수 지역변수를 선언하려면, var + 변수 이름 전역 변수를 선언하려면 var 예약어 사용하면 ..

반복문 1. for 문 자바스크립트에서 가장 많이 사용하는 반복문 값이 일정하게 커지면서 명령을 반복하여 실행할 때 사용 기본형 for(초깃값; 조건; 증가식) { 실행할 명령 } 초깃값: 카운터 변수를 초기화. 초깃값은 0이나 1부터 시작. 조건: 명령을 반복하기 위해 조건을 체크한다. 증가식: 명령을 반복한 후 실행. 보통 카운터 변수를 1 증가시키는 용도로 사용 예제 for문을 사용해 1 부터 5까지 숫자 더하기 실행 흐름 카운터로 사용할 변수 i에 초깃값 1 지정 i = 1 —> i （조건 만족함） 一> sum += i 실행 一> i++ 실행 i = 2 —> i （조건 만족함） 一> sum += i 실행 一> i++ 실행 i = 3 —> i （..