JavaScript랑 친해지기

1 자바 스크립트 공부하기

 

1) 모던 자바스크립트 Deep Dive

 

모던 자바스크립트 Deep Dive는 무려 956페이지에 달하는 자바스크립트 정석같은 책이다. 깊이있게 공부하고 싶다면 읽어 보는게 좋을 것 같다.

 

모던 자바스크립트 Deep Dive: 자바스크립트의 기본 개념과 동작 원리

 

---

 

2) MDN

 

MDN Your blueprint for a better internet은 모질라 재단 및 다른 IT기업들이 사용하는 웹 개발을 위한 문서 저장소이자 수많은 프로그래밍 입문자들을 위한 학습 장소이다.

 

MDN Web Docs

 

웹 개발에 필요한 html, css, javascript, http 등 전반적인 내용이 상세하게 문서화 되어있다.

 

일부 페이지는 한국어로도 번역되어있으니 대략적으로 읽어보고, 필요할때 기억안나면 찾아서 활용하기 좋다.

 

---

 

3) 드림코딩의 자바스크립트 강의

 

드림코딩의 자바스크립트 강의 20-30분씩 13개의 강의로 되어있다. 분야별로 예제와 그림을 통해 실습 코드로 보여주어 공부하기 좋다.

 

자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒

특히, 자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 강의는 꼭 들어보자. 자바스크립트가 지원하는 배열 매서드들을 더 쉽게 활용할 수 있게 될것이다.

 

---

 

4) Poiemaweb

 

poiemaweb는 한국형 MDN이 아닐까 싶다. 영어에 낯선 사람이라면 이 사이트를 적극 활용해보는것도 좋겠다.

 

웹 프로그래밍 튜토리얼 | PoiemaWeb

 

---

 

2 TypeScript

 

typescript는 동적타입 언어인 javascript를 정적타입 언어처럼 사용할 수 있게해주는 오픈소스이다.

컴파일 할 경우 javascript 파일로 되어 100% 호환 가능하고, 여러 es버전에 맞게 컴파일 할 수 있다는게 강점이다.

 

프로그래밍 도구로서의 타입

 

또한, typeScript는 우리가 코드 상에서 실수를 저질렀을 때 버그를 잡아준다. 그런데 TypeScript는 여기서 더 나아가서 우리가 실수를 저지르는 바로 그 순간 이를 막아준다.

 

Documentation - The Basics

타입 검사기는 우리가 변수 또는 다른 프로퍼티 상의 올바른 프로퍼티에 접근하고 있는지 여부를 검사할 수 있도록 관련 정보들을 가지고 있다. 이 정보를 활용하면 타입 검사기는 우리가 사용할 수 있는 프로퍼티를 제안할 수 있게 된다.

 

즉, 자동완성이 가능하고 개발 생산성과 버그를 막아준다.

 

TypeScript for Java/C# Programmers 문서는 정적타입 객체지향 언어가 익숙한 프로그래머에게 좋은 선택이라 알려주며 타입 스크립트에 적을할 수 있게 차이점을 설명해주며 도와준다.

 

Documentation - TypeScript for Java/C# Programmers

참고로 C#의 리드 아키텍트이자 델파이가 개발에 참여하였다.

 

---

 

3 TypeScript 디버깅

 

THIS is EASY TypeScript Setup in VSCode - Alex Ziskind의 영상을 보면 sourceMap파일을 생성해서 javascript파일을 typescript로 디버깅 할 수 있는 방법을 알려준다.

 

 

디버깅은 프로그램을 작성하는데 강력한 도구이다. 더이상 설명이 필요할까 싶다!

 

영상을 따라하면, typescript의 변화를 감지해서 실시간으로 javascript으로 디버깅하는 방법까지 나와있으니, typescript를 채택한다면 반드시 따라해보자!