*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. *지속적으로 내용을 수정해 나갈 예정입니다. 혹여나 잘못된 내용이 있다면 언제든지 지적해 주시기 바랍니다! _contents #1 템플릿 리터럴(Template Literal) #1.1 템플릿 리터럴 기능1 _ 개행 #1.2 템플릿 리터럴 기능2 _ 표현식 #1 템플릿 리터럴(Template Literal) ES6 부터 새롭게 표기된 문자열 표기법으로 큰따옴표(" ")가 아닌 백틱(` `)을 사용해 문자열을 표기한다. var str = "Hello JS!"; // 일반 문자열 표기범 var templateStr = `Hello JS!!`; // 템플릿 문자열 표기법 console.log(str); cons..
*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #String.prototype.startsWith ES6에서 새로 도입된 메서드로 대상 문자열이 인수로 전달받은 문자열로 시작하는지 확인하여 그 결과를 true of false로 반환합니다. #Example const str = 'Nov log'; // 문자열 str이 'Nov'로 시작하는지 확인한다. str.startsWith('Nov'); // true // 문자열 str이 'x'로 시작하는지 확인한다. str.startsWith('x'); // false String.prototype.startsWith 메서드의 2번째 인자로 검색을 수행할 시작 인덱스를 설정할 수 있습니다. const str = ..
*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #1 생성자 함수(Constructor) #2 생성자 함수 동작 방식 Reference 모던 자바스크립트 Deep Dive 234p~246p new 연산자와 생성자 함수 (javascript.info) 이전 포스팅 (객체 리터럴을 이용한 객체 생성) 에서 객체 리터럴 방식 { ... }을 이용한 객체 생성 방법에 대해 알아 보았다. 객체 리터럴 방식은 직관적으로 객체를 쉽게 생성할 수 있지만 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우에는 같은 프로퍼티를 여러 번 기술해 주어야 하기에 코드 생산성이 떨어진다. 이번 포스팅 에서는 new 연산자와 생성자 함수를 이용하여 객체를 생성하는 방법에 ..
*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #객체 #프로퍼티 생성 #프로퍼티 접근 #프로퍼티 삭제 #메서드와 this Reference : 메서드와 this (javascript.info) 객체 (javascript.info) 모던 자바스크립트 Deep Dive 10장 객체 리터럴 124p~135p #객체 자바스크립트는 프로토타입 기반 객체지향 언어로 C++, JAVA, C# 등과 같은 클래스 기반 객체지향 언어와 달리 다양한 객체 생성 방법을 지원한다. (객체 리터럴, Object 생성자, 생성자 함수, 클래스 등..) 이번 포스팅에서는 객체를 생성하는 가장 기본적인 방식인 객체 리터럴에 대해 정리해 보고자 한다. #프로퍼티 생성 객체는 중괄호{..
#1 기본형 데이터의 메모리 영역 변화 #2 참조형 데이터의 메모리 영역 변화 #3 중첩 객체의 메모리 영역 변화 * 다음 포스팅은 개인적인 공부 용도로 코어 자바스크립트 [Core Javascript] 도서를 읽고 정리 및 요약한 글 이며, 잘못된 내용을 포함하고 있을 수 있습니다. #1 기본형 데이터의 메모리 영역 변화 var a; 프로그래머가 위와 같이 변수를 선언할 시 자바스크립트 엔진은 다음과 같은 동작을 수행한다. 변수를 선언하면 비어있는 메모리 공간을 찾아 확보하며, 이 공간의 이름(식별자)를 a라고 지정한다. var a = 'javascript'; 다음으로 선언한 변수 a에 'javascript'라는 문자열을 할당하면 예상과 달리 변수영역에 값을 직접 대입하지 않는다. 데이터를 저장하기 위..