전체 글

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #12

Chapter12 - 함수 12.1 함수란? 일련의 과정을 문(statement)로 구현하고 코드 블록으로 감싸 하나의 실행 단위로 정의한 것 매개변수(parameter): 함수 내부로 입력을 전달받는 변수 인수(argument): 입력, 반환값(return value): 출력 함수는 함수 정의(function definition)을 통해 생성 생성 후 함수 호출(function call/invoke)을 통해 반환 12.2 함수를 사용하는 이유 필요할 떄 여러번 호출할 수 있음 -> 재사용 가능이란 측면에서 매우 유리 같은 코드가 여러번 중복될 경우 함수화하여 유지보수 편의성을 높이고 코드의 신뢰성을 높임 함수는 객체 타입의 값으로 이름을 붙일 수 있어 코드의 가독성이 좋아짐 12.3 함수 리터럴 함수 ..

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #11

Chapter11 - 원시 값과 객체의 비교 원시 타입의 값, 즉 원시 값은 변경 불가능한 값 / 객체 타입의 값, 즉 객체는 변경 가능한 값 원시 값을 변수에 할당하면 변수에는 실제 값이 저장 / 객체를 변수에 할당하면 변수에는 참조 값이 저장 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값이 복사되어 전달 = 값에 의한 전달 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조값이 복사되어 전달 = 참조에 의한 전달 11.1 원시 값 11.1.1 변경 불가능한 값 원시 타입의 값은 변경 불가능 원시 값 자체를 변경할 수 없다는 것이지 변수 값을 변경할 수 없다는 것은 아님// const 키워드를 사용해 선언한 변수는 재할당이 금지 const o = {}; // const 키워드를 사용해 선언..

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #10

Chapter10 - 객체 리터럴 10.1 객체란? 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값임 객체는 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 키(key)와 값(value)으로 구성 var person = { name: 'Lee', // 프로퍼티 age: 20 // 프로퍼티 키: age, 프로퍼티 값: 20 } 프로퍼티 값이 함수일 경우 일반 함수와 구분하기 위해 메서드(method)라함 var counter = { num: 0, // 프로퍼티 // 메서드 increase: function () { this.num++; } } 객체와 함수는 밀접한 관계를 가짐 10.2 객체 리터럴에 의한 객체 생성 C++이나 Java 같은..

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #9

Chapter9 - 타입 변환과 단축 평가 9.1 타입 변환이란? 의도적으로 타입을 변환하는 것을 명시적 타입 변환(explicit coercion) 또는 타입 캐스팅(type casting)이라고 함 var x = 10; // 명시적 타입 변환 // 숫자를 문자열로 타입 캐스팅 var str = x.toString(); console.log(typeof str, str); // string 10 // x 변수의 값이 변경된 것은 아님 console.log(typeof x, x); // number 10 자바스크립트 엔진에 의해 암묵적으로 변환되기도 하는데 이것을 암묵적 타입 변환(implicit coercion) 또는 타입 강제 변환(type coercion)이라 함 var x = 10; // 암묵적 ..

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #8

Chapter8 - 제어문 일반적으로 코드는 순차적으로 진행되지만 제어문을 통해 제어 가능 8.1 블록문(Block Statement) 0개 이상의 문을 중괄호로 묶은 것 코드 블록 블록문의 끝에는 세미콜론을 붙이지 않음 8.2 조건문(Conditional Statement) if...else문과 switch문 두 가지 8.2.1 if ... else 문 if (조건식) { // 조건식이 참일 경우 이 코드 블록 실행 } else { // 조건식이 거짓일 경우 이 코드 블록 실행 }if (조건식1) { // 조건식1이 참이면 이 코드 블록 실행 } else if (조건식2) { // 조건식2가 참이면 이 코드 블록 실행 } else { // 조건식1과 조건식2가 모두 거짓이면 이 코드 블록 실행 } 코드..

개인 공부/자바스크립트 공부

[자바스크립트] 모던 자바스크립트 DeepDive 공부 #7

Chapter7 - 연산자 7.1 산술 연산자 7.1.1 이항 산술 연산자 2개의 피연산자를 산술 연산하여 숫자 값을 만듦 이항산술연산자 의미 부수효과 + 덧셈 X - 뺄셈 X * 곱셈 X / 나눗셈 X % 나머지 X 7.1.2 단항 산술 연산자 1개의 피연산자를 산술 연산하여 숫자 값을 만듦 단항 산술 연산자 의미 부수효과 ++ 증가 O -- 감소 O + 어떠한 효과도 없음 / 음수, 양수 반전도 없음 X - 양수, 음수 반전 값 반환 X 증가/감소 연산자의 위치에 따른 결과 예시 코드 var x = 5, result; // 선할당 후증가 result = x++; console.log(result, x); // 5, 6 // 선증가 후할당 result = ++x; console.log(result, x..

내캉
주간비행