흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)

노드(node) HTML DOM은 노드라고 불리는 계층적인 단위에 정보를 저장 노드 종류 문서노드: 문서 전체를 나타내는 노드 요소노드: HTML 요소는 요소노드, 속성노드를 가징 수 있음 속성노드: 속성은 모두 속성노드이며, 요소노드에 관한 정보를 가지고 있음 텍스트노드: 텍스트는 모두 텍스트노드 주석노드: 주석은 모두 주석노드 노드의 관계 parentNode: 부모 노드 children: 자식 childNodes: 자식 노드 리스트 firstChild: 첫번째 자식 노드 (요소, 텍스트, 주석도 선택하므로 주의!) firstElementChild: 첫번째 자식 요소 노드 lastChild: 마지막 자식 노드 (요소, 텍스트, 주석도 선택하므로 주의!) nextSibling: 다음 형제 노드 previ..

Location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용 https://lehj2308.tistory.com/76 ----- ----------------- -- protocol hostname pathname protocal: 콜론을 포함하는 http, https, ftp 등 프로토콜 정보를 반환 hostname: 호스트의 이름과 포트번호를 반환 pathname: URL 경로부분의 정보를 반환 href: 페이지 URL 전체 정보를 반환 또는 URL을 지정하여 페이지를 이동 reload(): 새로고침 history 객체 브라우저의 히스토리 벙조를 문서와 문서 상태 목록으로 저장하는 객체 사용자의 개인정보를 보호하기 위해 이 객체의 대부분의 기능을 ..

객체(Object) 하나의 주제를 가지고 관련있는 프로퍼티를 가지고 있는 집합 프로퍼티(property) 이름과 값으로 구성된 정렬되진 않은 집합 프로퍼티는 함수도 저장할 수 있음 -> 프로퍼티 메소드 객체를 생성하는 방법 리터럴 표기법 const 객체명 = { 프로퍼티명1: 값1, 프로퍼티명2: 값2, ... 프로퍼티명n: function(){ 프로퍼티가 호출되면 실행할 문장; ... } } 생성자를 이용 객체를 만드는 함수 new 연산자를 사용하여 객체를 생성하고 초기화할 수 있음 객체를 생성할 때 사용하는 함수를 생성자라고 함 새롭게 생성되는 객체를 초기화하는 역할 같은 형태의 객체를 여러개 생성할 때 유리 function 생성자명(매개변수1, 매개변수2, ...){ this.프로퍼티명1 = 값1;..

사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작없을 반복해서 수행할 수 있음 코드를 재활용 함수 선언식 function 함수명(매개변수1, 매개변수2 ..){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 함수명(값1, 값2 ..);함수 표현식 (추천) const 변수명 = function(매개변수1, 매개변수2 ..){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 변수명(값1, 값2 ..);디폴트 매개변수 매개변수의 값을 설정하는 것 매개변수의 값을 정하지 않으면 기본값을 변수에 저장 function 함수명(매갭녀수1=값1, 매개변수2=값2, ...){ 함수가 호출되었을 때 실행할 문장..

배열(Array) 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 배열 선언 let 배열명; 배열 초기화 배열명 = [요소1, 요소2, 요소3 ..]; let arr; arr = [100, 200, 300]; let arr = [100, 200, 300]; 배열 객체로 생성 const 배열명 = new Array(요소1, 요소2, ...); 배열 접근 let arr; arr = [100, 200, 300]; console.log(arr[0]); // 100 console.log(arr[1]); // 200 console.log(arr[2]); // 300 자바스크립트 배열의 특징 배열 요소의 타입이 고..

연산자(Operator) 산술 연산자 +, -, , /, %, * 비교 연산자 >, =,

변수 데이터를 저장할 수 있는 메모리 공간 값이 변경될 수 있음 자바스크립트의 변수는 타입이 없음 let 키워드를 사용하여 변수를 선언 var 유연한 변수 선언 방식 지역변수, 전역변수의 구별이 없음 같은 이름의 변수를 선언할 수 있음 console.log(num) var num = 10; { console.log(num); // 전역변수 num = 10 var num = 20; // 지역변수 num = 20 } console.log(num); // 전역변수 num = 20 let 지역변수, 전역변수의 구별이 확실 같은 이름의 변수를 선언할 수 없음 변수 var는 지역변수와 전역변수를 구분하지 않기 때문에 지역변수를 변경시 전역변수 까지 영향을 미치지만 let은 재선언시 에러로 막으며 전역변수명과 지역변..

자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브랜던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네비게이터2에 탑재(모카 -> 라이브스크립트 -> 자바스크립트) MS의 익스플로러의 jscript 호환성 문제로 크로스 브라우징 이슈가 발생 1997년 자바스크립트는 ECMAScript(비영리 표준화 기구 ECMA 인터내셔널)로 명명됨 1999년 비동기적(Asynchronous) 서버와 브라우저가 데이터를 교환할 수 있는 통신기능 Ajax(Asynchronous JavaScript and XML) 2005년 구글이 발쵸한 구글맵에 Ajax기술을 사용 크롬 발표함(V8 자바스크립트 엔진) 2006년 ..