본문 바로가기

전체 글

(104)
<국비지원 개발자 과정> 수료 후 (+ 위코드 부트캠프 후기 등) - 국비지원 교육 수료 후 도움을 받은 것 개발자에 대한 수요가 워낙에 높아진 터라, 그만큼 개발자가 되어 취업할 수 있는 방법에 대한 관심도 엄청나게 많아진 것을 느낀다. 자주 들여다보는 SNS에서도 이전과는 훨씬 다른 빈도로 개발자 부트캠프나 교육에 대한 광고가 자주 올라오는 것을 확인할 수 있었다(업체나 교육받을 수 있는 방법도 이전보다 다양해진..!). 최근엔 AWS 클라우드 엔지니어를 양성하는 부트캠프를 구름에듀에서 진행하는 것도 보았다. 와우! 그 중에서도 단연 국비지원 교육은, 개발자 취업에 관심있으신 분들이 가격도 무료이고, 접근성이 쉬워 많이들 특히 선택지로 고민하시는 것 같았다. 이 블로그에서도 그런 관심도를 계속 느낄 수 있었다. 그래서 개인적으로 국비지원 개발자 과정 수료 이후에 얻..
<모던 자바스크립트 Deep Dive> 25.6~26장 클래스, ES6 함수의 추가 기능 요약 6) 클래스의 인스턴스 생성 과정 1. 인스턴스 생성과 this 바인딩 - 클래스 호출 시 암묵적으로 빈 객체가 생성되는데, 이것이 클래스가 생성한 인스턴스임 - 인스턴스의 프로토타입으로 prototype 프로퍼티가 가리키는 객체가 설정됨 - 인스턴스는 this에 바인딩(constructor 내부의 this는 클래스가 생성한 인스턴스를 가리킴) 2. 인스턴스 초기화 - constructor가 인수로 전달받은 초기값으로 this에 바인딩된 인스턴스의 프로퍼티 값을 초기화 - constructor 생략 시 이 과정도 생략됨 3. 인스턴스 반환 - 완성된 인스턴스가 바인딩된 this가 암묵적으로 반환됨 7) 프로퍼티 1. 인스턴스 프로퍼티 - 인스턴스 프로퍼티는 contructor 내부에서 정의해야 함 - t..
<모던 자바스크립트 Deep Dive> 24~25.5장 클로저, 클래스 요약 24. 클로저 1) 렉시컬 스코프 - 상위 스코프에 대한 참조는 함수 정의가 평가되는 시점에서, 함수가 정의된 위치에 의해 결정되는데 이를 렉시컬 스코프라 함 2) 함수 객체의 내부 슬롯 [[Environment]] - 함수는 자신의 내부 슬롯 [[Environment]]에 자신이 정의된 상위 스코프의 참조를 저장함 - 함수 객체는 [[Environment]]에 저장한 상위 스코프의 참조를 자신이 존재하는 한 기억 - 외부 렉시컬 환경에 대한 참조에는 이 상위 스코프 참조가 할당됨 3) 클로저와 렉시컬 환경 - 외부 함수보다 중첩 함수가 더 오래 유지될 때, 중첩 함수는 이미 생명 주기가 종료한 외부 함수의 변수를 참조하는 것이 가능한데 이 때의 중첩 함수를 클로저라 함 - 자바스크립트의 모든 함수는 상..
<모던 자바스크립트 Deep Dive> 23장 실행 컨텍스트 요약 23. 실행 컨텍스트 1) 소스코드의 타입 - 소스코드는 4가지 타입으로 구분되는데, 이들은 실행 컨텍스트를 각각 생성함 1. 전역 코드 : 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성 2. 함수 코드 : 지역 스코프를 생성하고, 이를 스코프 체인에 연결 3. eval 코드 : strict mode에서 독자적인 스코프 생성 4. 모듈 코드 : 모듈별로 독립적인 모듈 스코프 생성 2) 소스코드의 평가와 실행 - 소스코드는 소스코드의 평가, 소스코드의 실행 2가지 과정으로 나뉘어 처리됨 - 소스코드의 평가 과정에서는 실행 컨텍스트를 생성하고 생성된 변수나 함수 식별자를 키로써 스코프에 등록 - 소스코드의 실행 과정에서는 선언문을 제외한 소스코드를 순차적으로 실행하며, 실행에 필요한 정보를 ..
<모던 자바스크립트 Deep Dive> 20장~22장 strict mode, 빌트인 객체, this 요약 20. strict mode 1) strict mode란? - 선언하지 않은 변수일 때, 자바스크립트 엔진이 이를 전연 객체의 프로퍼티로 생성하는 것을 암묵적 전역이라 함 - 암묵적 전역은 오류를 발생시키는 원인이 되므로, var/let/const 키워드를 사용하여 변수를 선언한 후에 사용할 것 - 위와 같은 상황이더라도 잠재적인 오류는 존재하므로, 이를 방지하기 위한 근본적인 해결책이 ES5부터 추가된 strict mode(엄격 모드) - ESLint와 같은 도구는 strict mode와 유사하면서도, 부가 기능으로 더욱 강력한 효과를 낼 수 있으므로 사용 선호됨 function foo() { x = 10; // 선언하지 않는 변수이나 자바스크립트 엔진에 의해 암묵적 전역 실행됨 } 2) strict ..