분류 전체보기34 2024 백엔드 로드맵(Backend Roadmap) 1. 영어 2. 한글 2021. 12. 12. [TypeScript] 타입스크립트(TypeScript), 대체 왜 쓰나요? 타입스크립트란? 타입스크립트란 자바스크립트에 타입을 부여한 언어로, 자바스크립트의 확장판이라고 볼 수 있습니다. 타입스크립트를 사용하는 이유 주변에서 타입스크립트를 처음 접해본 주니어개발자분들의 이야기를 나누어보면 꼭 이런말씀을 하십니다. 🤷 자바스크립트랑 다른게 뭐야? 그냥 타입만 써주면 되는거야? 굳이 새로 배워야 돼? 사실 저도 타입스크립트를 처음 접할때는 그랬습니다. 그런데 실제로 사용하다보니 생각이 바뀌었고, 필요성을 깨닫게 되었습니다. 타입스크립트는 아래 두 가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있습니다. 에러의 사전 방지 타입스크립트를 사용하면 에러를 사전에 미리 예방할 수 있습니다. 아주 간단한 예시를 통해 알아보겠습니다. // sum.js function sum.. 2021. 6. 27. [코어 자바스크립트] 3.클로저 1. 클로저란? 외부함수의 변수를 참조하는 내부함수가 외부로 전달될 경우 외부함수가 종료되어도 참조되는 변수가 메모리에 살아있는 현상 → GC의 대상이 되지 않습니다. [6]번째 줄에서 inner함수 자체를 반환했습니다. [8]번째 줄에서 outer2변수가 outer함수의 실행을 통해 반환된 inner함수를 참조합니다. inner함수의 실행컨텍스트는 아래와 같습니다. outerEnvironmentRecord : { (선언된 시점) == outer 함수의 Lexical Environment } enrivonmentRecord : { } [9, 10]번째 줄에서 함수를 실행하면 스코프체인을 통해 outer 함수의 Lexical Environment의 a변수에 접근합니다. outer 함수가 종료되었음에도 Le.. 2021. 6. 26. [코어 자바스크립트] 2.this의 개념 및 상황별 this 바인딩 원리 1. 들어가기 전 바인딩이란? : 프로그램에서 변수들이 갖는 속성이나 값이 결정되는 것입니다. 다른 대부분의 객체지향 언어에서의 this : 클래스로 생성한 인스턴스 객체로, 클래스에서만 사용이 가능합니다. 자바스크립트에서의 this : 상황에 따라 바라보는 대상이 달라지며 어디서든 사용이 가능합니다. 따라서 작동 방식을 잘 이해해야만 혼란을 줄일 수 있습니다. 2. 상황에 따라 달라지는 this 자바스크립트에서의 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정됩니다. 실행 컨텍스트는 함수를 호출할 때 생성되므로 this는 함수를 호출할 때 결정된다고 말할 수 있습니다. 전역 공간에서의 this 전역 공간에서 this는 전역 객체를 가리킵니다. 전역 공간에서만 발생하는 특이한 성질 브라우저상에.. 2021. 6. 24. 이전 1 2 3 4 5 6 7 ··· 9 다음
