Javascript & TypeScript Essential - 패스트캠퍼스 챌린지 1일차

패스트캠퍼스 강의 중 김민태의 프론트엔드 아카데미 제 1강 Javascript & TypeScript Essential를 수강하고 있다.

앞으로 30일간 수강하면서 배운것과 느낀것을 기록으로 남기고자 한다.

 

#패스트캠퍼스_환급_챌린지 https://bit.ly/3FVdhDa

 

강의에 앞서 강사님에 대해 간단히 소개를 남긴다.

김민태 강사님은 현재 우아한 형제들 기술이사로 재직 중이며 배달의 민족 서비스와 WoowahanJS 오픈소스 웹 프레임워크를 개발하셨다.

실무 경력이 27년차이니 상당한 내공이 담긴 강의를 들을 기회를 얻었다.

 

강의는 총 7개의 주제로 첫번째 시작을 제외하고 5개 이상의 채텁로 구성되어 있다.

 

1일차 내용은 모든 프로그램 강의의 시작이 그러하듯이 강의 소개와 강의내용을 따라하기위한 학습환경 세팅 소개이다.

다른 프로그램 강의와 다른점은 강사님의 오랜 경험에서 우러나오는 프로그래밍을 공부하는 방법에 대해서 진지하게 소개하고 있다.

특히 지금 강의하는 자바스크립트 뿐만아니라 프로그래밍 언어들에 대한 학습을 위한 노하우와 조언들을 시니어 개발자로서 또 멘토로서 상단한 시간을 들여서 충고해주고 있어서 이제 프로그램을 배우고자 하는 신입개발자나 혹은 주니어 개발자들에게 큰 도움이 되는 뼈때리는 얘기들을 해주고 있다.

 

 

그리고 마지막으로 앞에서 소개했듯이 학습을 진행하고 따라하기 위해서 필요한 학습환경 세팅을 위한 설치 프로그램과 에디터와 확장프로그램에 대해서 설명하면서 제1장이 마무리 된다.

 

그럼 강의를 위한 학습환경에 대해서 소개하고 1일차 글을 마치도록 하겠다.

 

크롬브라우저 설치(https://www.google.com/chrome/)

Visual Studio Code(https://code.visualstudio.com/)

NodeJS(https://nodejs.org/en/)

여기까지가 다운받아 설치할 프로그램이다.

다음으로는 Visual Studio Code(이하 VSCode) 확장 프로그램을 설치해 보자

강의에서는 Debugger for Chrome 을 설치하라고 소개하고 있는데 현재 해당 확장프로그램은 Javascript Debugger에 포함되어 있으므로 사용하지 않는(Deprecated)다고 소개하고 있다.

그래서 Debugger for Chrome 대신 JavaScript Debugger를 설치하자.

다음으로 번들러로 PARCEL을 설치하자.(https://ko.parceljs.org/)

#npm 으로 설치 방법
npm install -g parcel-bundler

#yarn 으로 설치 방법
yarn global add parcel-bundler

타입스크립트(TypeScript) 설치(https://www.typescriptlang.org/)

사이트에서 소개하는 설치방법은 프로젝트에서 npm으로 설치하는것을 설명하고 있다.

npm install typescript --save-dev

그렇지만 강의에서는 앞으로 타입스크립트를 계속 사용하기 때문에 앞서 설치한 parcel 번들러처럼 Global 사용을 권장하고 있다.

npm install -g typescript

여기까지가 학습 환경에 필요한 프로그램들과 설치 방법에 대한 소개이다.

 

다음 글에는 Javascript와 Typescript 들에 대해 알아보기로 하자.