자바스크립트의 자료형 중 하나인 객체는 원시형과 달리 다양한 데이터를 담을 수 있다. 키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있다. Object 객체는 중괄호 {...}를 이용해 만들 수 있다. 중괄호 안에는 '키(key): 값(value)' 쌍으로 구성된 property를 여러 개 넣을 수 있다. key엔 문자형, value엔 모든 자료형이 허용된다. property라는 서랍장 안에 여러 개의 key라는 파일이 있다고 생각하면 이해하기 쉽다. let user = new Object(); //객체 생성자 let user = {}; //객체 리터럴 { }를 이용하여 객체를 선언하는 것을 object literal이라고 부른다. 주로 이 방법을 사용한다. literal & pro..
DOM (Document Object Model)문서 객체 모델은 HTML, XML 문서(웹 페이지)의 프로그램의 interface이다.문서의 구조화된 표현 (structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.즉, 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할을 담당JavaScript는 브라우저가 읽고 어떤 작업을 할 수 있는 언어,DOM은 이 작업이 이루어지는 장소라고 볼 수 있다. DOM과 CSSOM 모델을 거쳐 Render Tree가 생성된다.Render Tree는 웹 페이지에 표시될 HTML 요소들과 이와 관련된 스타일 요소들로 구..
if문에서 True와 False 중 하나를 선택할 수 있도록 만든 것으로 조건 연산자라고 한다. n항 연산자 구분 2항 연산자 3항 연산자 n > 3 n > 3 ? 9 : 2 3항 연산자 let result = condition ? value1 : value2; //true라면 value1, false라면 value2 //example let isAdult = (age > 18) ? true : false; //조건의 괄호 생략 가능 let isAdult = age > 18 //위 예시와 동일하게 작동함 다중 '?' 물음표 연산자를 여러 개 연결하면 복수의 조건으로 처리할 수 있음 let age = prompt('Enter your age', 18); let message = (age < 8) ? 'Pr..
이 글은 모던 JavaScript 튜토리얼을 베이스로 합니다. 자바스크립트의 기초를 빠르게 훑고 지나가보겠다 Hello, world! 스크립트 후 외부 스크립트 자바스크립트 코드의 양이 많은 경우엔 파일로 소분하여 저장할 수 있다. src 속성을 사용해 HTML에 삽입하여 사이트의 루트에서부터 파일이 위치한 경로를 나타낸다. //절대경로 //상대경로 //여러 스크립트도 삽입 가능 HTML 안에 직접 스크립트를 작성하는 방식은 보통 스크립트가 아주 간단할 때만 사용한다. 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 cache에 저장하기 때문에, 성능상 이점이 있다. => 동일한 스크립트를 사용하는 경우 cache로부터 가져오기때문 => 트래픽 절약 & 속도 빨라짐 src 속성이 있으면 ..
