YoungBLUE

JavaScript 로 코드를 작성하다보면 혹은 팀끼리 개발할 때 코드 컨벤션에 맞춰야할 때가 있다. 물론 WebStorm 에도 맥OS 기준으로 option + alt + L 을 누르면 코드 정렬이 되긴 하지만 따로 설정도 해야하고 하나의 컴포넌트에 여러개 옵션들을 넣을 때 자동으로 줄바꿈이 되지 않아서 옆으로 길어지는 경우가 있다. 이때 사용 할 수 있는 것이 prettier 다. Prettier 설치하기 Preferences - Plugins - Marketplace - Prettier - install 내가 하고있는 프로젝트에서 상단의 Preferences 로 진입해주자 이후 좌측 사이드 메뉴에서 Plugins - Marketplace 에서 Prettier를 검색 후 설치. 그 다음 터미널에서 프로..

TypeScript 타입스크립트란 무엇인가? TypeScript는 단어 그대로 Type + Script로 Typed 된 JavaScript라는 뜻이다. 우리가 알고 있는 기존의 JavaScript(이하 JS)에서는 변수에 대해 타입을 정형화하지 않기 때문에 변수를 선언하고 단순히 사용함에 있어서는 신경쓰지 않아도 되기 때문에 편할 수 있다. 그러나, 이는 Java와 같이 강력한 타입화된 언어에서처럼 런타임 전에 컴파일 단계에서 유효하지 않은 문법을 구사하였을 때 막아주지만 JS에서는 실행을 시켰을 때 의도하지 않은 결과가 도출되거나 런타임 오류를 뱉어낼 수 있다. 이는 굉장히 치명적인 상황이다. 예를들어, 단순히 20~30라인 이내의 코드가 아니라 여기 저기에서 쓰는 메소드가 있다고 하자. 코드의 라인 ..

JS에는 호이스팅이란 것이 있다. 호이스팅 호이스팅.. 뭘까? Hoisting 호이스팅? 자바스크립트는 함수의 코드를 실행하기에 앞서 함수와 변수의 메모리 공간을 선언 전에 미리 할당한다고 한다. 이때 var로 선언한 변수는 호이스팅 시에 undefined로 변수를 초기화 해버리는데 이때문에 할당이 이루어지지 않은 변수를 사용하려하면 의도하지 않는 값인 undefined가 출력될 수 있다. 분명 나는 원하지 않았다. 즉, 호이스팅이란 변수의 선언 시점에 따른 할당의 차이가 있다고 이해하면 쉽다. 변수는 선언, 할당, 선언과 동시에 할당을 할 수 있는데 예를 들자면, var nickName; // undefined nickName = '군침이싹도네'; // 할당 var nickName = '군침이싹도네';..