3. 1. 자바스크립트 실행 환경 설정
자바스크립트를 해석하고 실행하기 위해서는 자바스크립트 엔진이 필요
브라우저와 Node.js가 자바스크립트 엔진을 내장하고 있다.
1. 브라우저에서 자바스크립트 실행하기 : 크롬 개발자 도구의 콘솔 창에서 실행할 수 있다.
2. 내 컴퓨터에서 자바스크립트 실행하기 : Node.js 를 설치 한다 -> 이름.js 파일에 자바스크립트 코드를 작성한다. -> node
이름.js 명령어를 통해 실행 시킨다.
4. 2. 변수
변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다.
값의 위치를 식별하기 위해 붙은 이름이다.
식별자 : 어떤 값을 구별해서 식별할 수 있는 고유한 이름이다. 변수 이름을 식별자라고 한다.
식별자는 어떤 값이 저장되어 있는 메모리 주소를 기억해야 한다.
10
20
30
10
20
30
10 + 20 VS var result = 10 +20
메모리 메모리
result
5. 2. 변수
자바스크립트 변수 선언할 때는 var, let, const 키워드를 사용한다. 자료형에 따른 키워드를 사용하지 않는다.
Ex) var num = 1, var str = “hello” -> 숫자와 문자를 저장할 때 모두 같은 var을 사용한다.
var let
변수 중복 선언 O X
스코프 함수 레벨 스코프 블록 레벨 스코프
변수 호이스팅 O X
var, let의 차이점
호이스팅이란? 변수 선언이 소스코드가 한 줄씩 실행되는 시점(런타임)이 아니라 그 이전에 먼저 실행되는 것.
Console.log(a);
var a;
console.log에서 a가 호출된 후에 a선언을 했
지만 에러가 일어나지 않는다. 왜냐하면 런타
임 이전에 var a;부분을 확인하고 a를
undefined로 만들어 놨기 때문이다. 즉 a는
console.log이전(심지어 var a;)이전에 이미 존
재하고 있다.
6. 3. 표현식과 문
문 : 프로그램을 구성하는 기본 단위이자 최소 실행 단위이다.
표현식 : 값으로 평가될 수 있는 문이다.
리터럴 : 사람이 이해할 수 있는 문자, 숫자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다.
리터럴의 종류 : 정수 리터럴, 부동소수점 리터럴, 2진수 리터럴, 8진수 리터럴, 16진수 리터럴, 문자열 리터럴,
불리언 리터럴, null 리터럴, undefined 리터럴, 객체 리터럴, 배열 리터럴, 함수 리터럴,
정규 표현식 리터럴
var a; -> 변수 선언문이다. 하지만 값으로 평가되지 못하므로 표현식이 아니다.
var a = 10 + 20; or var a = 10; -> 할당문이다. 또한 30, 10이라는 값으로 평가되므로
표현식(10 + 20, 10 부분)이기도 하다.
7. 4. 객체 리터럴
1. 자바스크립트를 구성하는 대부분은 객체이다. 함수, 배열, 정규 표현식도 객체이다.
2. 객체는 변경 가능한 값이다.(mutable value이다. 자바스크립트의 원시 값은 변경 불가능(immutable)하다.)
3. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key와 value로 구성되어 있다.
객체 리터럴(약속된 기호)를 통해 객체 값을 person
이라는 변수에 할당하고 있다.
name은 key이고 ‘Park’은 value이다. Intro는 key이
고 function은 value이다. 위에 언급한 것 처럼 자바
스크립트에서는 function도 하나의 객체이기 때문에
값으로 value에 들어갈 수 있다.
person.name or person.intro()를 통해 value에 접근
가능하다.
8. 4. 객체 리터럴
자바스크립트에서 모든 값은 프로퍼티의 값(value)로 사용할 수 있다.
함수도 사실은 하나의 객체이다.
프로퍼티의 값(value)이 함수일 경우 일반 함수와 구분하기 위해 메서드라 부른다.
함수가 객체라는건 무슨 소리일까?
다음과 같이 함수를 선언하면 함수의 동작 및 함수
의 정보를 담고 있는 객체가 만들어지고 example
은 함수의 정보를 담고 있는 객체를 참조하고 있다.
example이 객체를 참조하고 있기 때문에
example. 을 통해 객체의 프로퍼티에 접근 가능하
다.
9. 4. 객체 리터럴
프로퍼티 접근법
-마침표(.) 프로퍼티 접근 연산자를 통해 접근 가능하다.
-대괄호([ ]) 프로퍼티 접근 연산자를 통해 접근 가능하다.
