06. 콜 스택, 실행 컨텍스트, 스코프 파악하기
안녕하세요 좋아요요정입니다. 오늘은 "스코프"에 대해 설명해보려 합니다. 스코프는 변수와 함수, 객체들의 생명주기와 접근성 등을 결정하는 아주 중요한 개념입니다. 유효 범위로써 변수와 매개변수가 어디까지 유효한지 나타냅니다. 저는 전역 스코프, 지역 스코프, 전역에서 선언된 변수는 지역에서 접근이 가능하지만, 지역에서 선언된 변수는 전역에서 접근이 불가능하다라는 정의를 통해 이해하고 있었습니다. 콜 스택과 실행 컨텍스트, 스코프, 스코프체인 정의도 알고 개념도 아는데 머릿속에는 두리뭉실하게 인식하고 있었습니다. 오늘은 콜 스택과 실행 컨텍스트, 스코프, 스코프체인을 제대로 잡고 스코프에 대해 다시 한번 정의해보겠습니다. 콜스택 콜 스택(Call Stack)은 메모리 상에 함수의 호출과 연관되는 데이터가 ..
Study-Note/JavaScript
2022. 1. 4.
04. 자바스크립트 함수 리터럴, 표현식, 선언, 함수 호이스팅
안녕하세요 좋아요요정입니다. 코딩을 하다보면 숨을 쉬듯 함수를 생성하고, 사용하게 됩니다. 너무 자연스럽게 같은 모양으로 생성하며 사용하고 있었죠. 그런데 함수의 선언에도 기본 선언문, 표현식, 익명 함수 등 종류가 다양하다는 사실 알고 계셨나요? 함수의 생성 시점과 메모리는 이를 어떻게 저장하는지, 매개변수와 인수, 반환, 즉시 실행함수, 재귀 함수, 화살표 함수가 무엇인지! 오늘은 자바스크립트에서 가장 중요한 핵심 개념인 함수에 대해 작성해보겠습니다! 자바스크립트의 함수 함수란? 프로그래밍에서 함수란 실행 로직의 작업을 수행하기 위해 독립적으로 설계된 프로그램 코드의 집합으로 정의할 수 있습니다. 입력되는 값으로 특정 로직을 실행하고, 그에 대응하는 값, 결과물을 출력하는 코드 블록입니다. 위의 이미..
Study-Note/JavaScript
2021. 12. 31.
01. 자바스크립트의 필수! 객체와 프로퍼티, 메서드의 정의
안녕하세요. 좋아요요정입니다. 프로그래밍 언어에는 다양한 자료형이 존재합니다. 자료형은 크게 원시 타입(Primitive Data Type)과 참조 타입(Reference Data Type)으로 구분됩니다. 자바스크립트는 원시값( string, Number, Bigint, Booliean, Undefined, Symbol, Null )을 제외한 모든 것은 값의 메모리 주소를 참조하는 참조 타입의 객체로 이루어져 있습니다. 자바스크립트에 필수인 객체와 메서드가 무엇인지, 프로퍼티가 무엇이고 또 어떻게 사용하는지 알아보겠습니다. 객체 객체란? const cat = { name : 'cookie', color : '삼색이', age : 2, } 객체(Object)란 키와 값들을 그룹으로 묶은 데이터 모음입니다..
Study-Note/JavaScript
2021. 12. 24.
[JavaScript] 자료형 이해하기
자료형 이해하기 원시 타입(Primitive Data Type) 고정된 공간에 보관된 원시 타입의 값. 변경이 불가능한 값, 불변값(Immutable Value) Number, Boolean, String, Symbol, null, undefined 참조 타입(Reference Data Type) 값의 메모리 주소를 참조 Object (키:값 형태로 이루어진 속성들의 집합, 내부에는 순서도 크기도 고정되어 있지 않음, 키는 반드시 String형) 자료형 확인하는 방법 typeof true/false로 반환 원시자료형과 객체형을 구분하기 위해 활용하는 것이 좋음. 사용법 : typeof str === 'string' 내장 객체 String, Number, Bollean, Function, 원시 자료형, n..
Study-Note/JavaScript
2021. 12. 22.
