JavaScript랑 친해지기

Coding-Luizy·2023년 7월 15일
0
post-thumbnail

1 자바 스크립트 공부하기

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

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

2) MDN

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

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

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

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

드림코딩의 자바스크립트 강의 20-30분씩 13개의 강의로 되어있다. 분야별로 예제와 그림을 통해 실습 코드로 보여주어 공부하기 좋다.
특히, 자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 강의는 꼭 들어보자. 자바스크립트가 지원하는 배열 매서드들을 더 쉽게 활용할 수 있게 될것이다.

4) Poiemaweb

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

2 TypeScript

typescript는 동적타입 언어인 javascript를 정적타입 언어처럼 사용할 수 있게해주는 오픈소스이다.
컴파일 할 경우 javascript 파일로 되어 100% 호환 가능하고, 여러 es버전에 맞게 컴파일 할 수 있다는게 강점이다.

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

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

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

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

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

3 TypeScript 디버깅

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

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

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

profile
Better Tomorrow

0개의 댓글

관련 채용 정보