코딩을 쉽게 해보자

Deep Dive를 각 장마다 나눠서 게시글을 올렸었는데, 나중에 다시 읽으려고 보니 너무 분산돼있는 것 같고 주니어 개발자로서 반복해서 보기에 minor한 내용들이 많았던 것 같아 이제부터는 필요한 내용만 적어두려고 한다. 그래서 이 책은 한 게시글에 몰아서 작성하려고 한다.(200pg밖에 안됨) 정재남의 코어 자바스크립트는 게시글을 작성하기 전에 미리 다 읽었는데, Deep Dive가 백과사전이라면 코어 JS는 허들이 있는 JS의 핵심 개념을 이해하기 쉽게 잘 설명하는 책이다. 목차 데이터 타입 실행 컨텍스트 this 콜백 함수 클로저 프로토타입 클래스 1. 데이터 타입 데이터 타입의 종류 원시형: number, string, boolean, null, undefined, Symbol 참조형: ob..

크롬, 사파리, 파이어폭스, 엣지와 같은 에버그린 브라우저의 ES6 지원율은 약 98%로 거의 대부분의 ES6 사양을 지원한다. 하지만 IE 11의 ES6 지원율은 약 11%다. 구형 브라우저에서 문제 없이 동작시키기 위한 개발 환경을 구축하는 것이 필요하다. 대부분의 프로젝트가 모듈을 사용하므로 모듈 로더도 필요하다. ES6 모듈(ESM)은 대부분의 모던 브라우저에서 사용할 수 있다. 하지만 다음과 같은 이유로 아직까지는 ESM보다는 별도의 모듈 로더를 사용하는 것이 일반적이다. IE를 포함한 구형 브라우저는 ESM 지원 X ESM을 사용하더라도 트랜스파일링이나 번들링이 필요한 것은 변함 X ESM이 아직 지원하지 않는 기능(bare import 등)이 있고 점차 해결되고는 있지만 아직 몇가지 이슈가 ..

1. 모듈의 일반적 의미 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각 일반적으로 모듈은 기능을 기준으로 파일 단위를 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 모듈은 애플리케이션이나 다른 모듈에 의해 재사용되어야 의미가 있다. 따라서 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능하다. 이를 export라 한다. 모듈 사용자는 모듈이 공개(export)한 자산 중 일부 또는 전체를 선택해 자신의 스코프 내로 불러들여 재사용할 수 있다. 이를 import라 한다. 2. 자바스크립트와 모듈 모든 JS 파일은 하나의 전역을 공유한다. 따라서 분리된 JS 파일들의 전역 변수가 중복되는 등의 문제가 발생할 수 있다...

1. 에러 처리의 필요성 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다. try ... catch 문을 사용해 발생한 에러에 적절하게 대응하면 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있다. 직접적으로 에러를 발생하지는 않는 예외적인 상황이 발생할 수도 있다. 예외적인 상황에 적절하게 대응하지 않으면 에러로 이어질 가능성이 크다. 이에 따라 언제나 에러나 예외적인 상황이 발생할 수 있다는 것을 전제하고 이에 대응하는 코드를 작성하는 것이 중요하다. 2. try ... catch ... finally 문 반환하는 값을 if 문이나 단축 평가 또는 옵셔널 체이닝 연산자를 통해 확인해서 처리하는 방법 try ... catch ... finall 문 일반적으로 2번째 방법..