Jerry

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 함수 선언문과 함수 표현식에 대해서 알아보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 함수 선언문과 함수 표현식의 대해 살펴보겠다. 이전의 브라우저에서는 디버깅을 할 때, 기명 함수 표현식은 해당 변수명에 값을 할당하여 보여주어서 익명 함수 표현식 보다 분명한 이점이 존재하였다고 한다. 하지만, 최근에 이르러 브라우저에서, (익명 함수 표현식도) 변수명이 비어 있을 경우, 자동으로 변수명을 할당하기 때문에 이제 기명 함수 표현식을 잘 쓰지 않는다고 한다. 선언한 함수를 변수에 할당한다. 이것이 함수 표현식의 개념이다. 할당 여부에 따라, 함수 선언문과 함수 표현식의 차이가 생긴다. 할당을 하..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 데이터 타입에 대해서 알아보자! 오늘도 데이터 타입을 정복하러 가보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 자바스크립트 데이터 타입은 Primitive Type과 Reference Type으로 분류한다. (기본형 타입 / 참조형 타입) 기본형에는 Number, String, Boolean, null, undefined 참조형에는 Object가 대표적으로 있고, 하위에 Array, Function, RegExp .. 등이 존재한다. 구분하는 이유가 무엇이고 어떤 차이가 있는지 메모리와 함께 살펴보겠다. 기본형 타입의 메모리 흐름 변수를 선언하면 컴퓨터는 메모리가 담길 공간을 미리 확보하고 ..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 클래스에 대해서 알아보자! 오늘도 클래스를 정복하러 가보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 1. 클래스 클래스는 인스턴스라는 용어와 같이 나온다. 인스턴스는 어떤 클래스의 속성을 지니고 있는 구체적인 객체 및 대상을 의미한다. 클래스상에도 상위 클래스 / 하위 클래스로 나뉠 수 있다. 아래 이미지처럼. 자바스크립트는 프로토타입 언어라고 하지만, 일단은 여기서는 인스턴스를 제외한 나머지를 클래스로 보자! 일반적인 클래스의 정의는 인스턴스를 생성하는 데에 보조하는 역할을 한다. Array에 있는 애들을 static methods, static properties라고 하는데, 얘네들은 클..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 프로토타입에 대해서 알아보자! 오늘도 프로토타입을 정복하러 가보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 0. prototype, constuctor, __propto__ 이번 프로토타입 정리 글에서 제목에 보이는 키워드가 자주 등장하니 인사 정도 해봐도 좋을 것 같습니다. 먼저! 아래 이미지가 무엇이냐면... 바로 이것입니다! 우리가 평소에 사용하는 생성자 함수를 가지고 설명을 시작해보겠습니다. 생성자 함수를 new 연산자를 통해서 인스턴스를 만들었을 때, 그 인스턴스에는 constructor의 prototype이라고 하는 프로퍼티의 내용이 __proto__ 프로퍼티로 참조를 전달하게 됩..

참고로, 이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 보고서 정리한 내용입니다. 지난 시간에 실행 콘텍스트에 대해 이야기를 하였다. (실행 콘텍스트 글 보기) 실행 콘텍스트에 대한 내용을 보았다면, 아래 이미지가 생소하진 않을 것이다. (만약, 못 보신 분들이라면 실행 콘텍스트 글을 보고 이 글을 보시는걸 권장드립니다 ) this라는 개념이 자바스크립트를 처음 접할 때부터 복잡하고 어려운 개념이었다.. 이번 시간을 통해 this를 뿌셔보도록 하자!!! crushing 'this' !! 지난 시간에 아래 내용 중 ThisBinding에 대해서는 이야기하지 않았는데 이번 시간에 다룰 것이다. ThisBiding은 어디서 한다? 실행 콘텍스트가 활성화될 때 THI..

인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 👆👆👆 몇 년 전(?) 패키지로 결제한 강의를 지금 와서 제대로 써먹는다 ㅎㅎ 이번 내용은 원래 이 강의를 중심으로 해서 정리하려고 했지만 여하튼 다행인 게(?) 오늘 몸이 메롱이라 하루 종일 누워만 있었는데 뭐라도 하고 해서 조금이나마 마음의 평안(?)이... 🤥🤥🤥🤥 오늘 캡쳐가 조금 있는데 나름 성의를 담아(?) 캡처하여 올렸으니 참고해주시고 아무튼 우리 모두 몸건강, 정신건강 챙기십다!! 키워드 의미를 뜯어보자! Execution은 실행이란 뜻이다. Context은 맥락/환경/상황이란 뜻이다. 이 중에서 Context의 영어적 뉘앙스를 살펴보자! 그중 환경이란 뜻의 건축적 의미를 살펴보자! [건축]에서 환경이란 의미는 '특..