*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #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 생성자, 생성자 함수, 클래스 등..) 이번 포스팅에서는 객체를 생성하는 가장 기본적인 방식인 객체 리터럴에 대해 정리해 보고자 한다. #프로퍼티 생성 객체는 중괄호{..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. *지속적으로 내용을 추가 및 수정할 예정이며, 잘못된 내용에 대한 지적은 언제나 환영합니다! #관련 포스팅 _함수 선언문 _익명함수 _콜백함수 #화살표 함수 #화살표 함수 앞선 포스팅에서 함수표현식과 함수선언문을 이용해 함수를 선언하는 방법에 대해 정리했다. 이번 포스팅에서는 ES6버전부터 지원하는 =>표기법(화살표 표기법)을 사용해 함수선언을 더욱 간단하게 작성하는 화살표 함수의 기본적인 사용법에 대해 정리해 보고자 한다. 화살표 함수의 기본형은 다음과 같다. // 매개변수가 없는 경우 var/let/const 함수명 = () => { 실행문 }; // 매개변수가 있는 경우 var/let/const 함수..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. *지속적으로 내용을 추가 및 수정할 예정이며, 잘못된 내용에 대한 지적은 언제나 환영합니다! _미완성된 글 입니다. # 콜백함수 콜백함수란 함수 안에 파라미터 형태로 들어가는 함수를 의미한다. 콜백함수를 이용하면 함수의 매개변수로 함수를 전달해 코드를 순차적으로 실행할 수 있도록 작성할 수 있다. 다음 코드의 동작 과정을 살펴보자. ask 함수 파라미터의 기능은 다음과 같다. question : 문자열을 입력받아 confrim 메시지 창에 출력한다. yes : confirm의 yes를 눌렀을 때 실행되는 함수이다. no : confrim의 no를 눌렀을 때 실행되는 함수이다. function ask(que..

* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. * 지속적으로 내용을 추가해 나갈 예정이며 지적은 언제나 환영합니다. [JS] 함수 선언문 에서 함수 선언문 (Function Statement) 방식을 이용해 함수를 선언하는 방법에 대해 정리했다. 이번 포스팅 에서는 함수 표현식 방법중 익명 함수를 이용해 함수를 선언 및 실행 하는 방법에 대해 정리 하고자 한다. # 익명 함수 호이스팅 사용이유 정리 # 익명 함수 JavaScript는 함수를 다른 언어와 달리 "특별한 종류의 값"으로 취급한다. 따라서 JS에서는 함수를 변수에 대입할 수 있다. 익명 함수란, 단어 뜻 그대로 이름이 없는 함수로 함수를 재사용할 필요가 없을 때 사용하는 함수이다. 익명 ..