[패스트캠퍼스] Node.js 웹 프로그래밍 패키지 Online 강의 후기 - 3주차

NODEJS강의 3주차 후기입니다!

 

오늘은 노드js의 바벨 강의에 집중해서 포스팅 해보도록 하겠습니다.

 

패스트캠퍼스 Nodejs 강의의 프론트엔드 파트1의 CH03_04의 바벨과 JSX 강의입니다.

 

 

노드js에서의 JSX란? 

 

HTML을 변수에 담는 것! 이라고 말 할 수 있을 것 같습니다.

 

JSX를 사용하면 코드량이 줄고, 보다 깔끔한 표현이 가능하기 때문에

 

이것은 곧 유지보수의 편리성이 되겠네요.

노드js에 있어서, 바벨과 JSX 무슨 관계일까요?

Babel은 JavaScript compiler라고 합니다!!

 

예를 들어 현재 날짜 기준으로 arrow function은 IE에서 지원해주지 않지만,

 

Babel을 사용하면 일반 function으로 변환시켜준다!! 라고 이해하시면 될 것 같습니다!!

 

항상 노드js 패키지를 npm으로 다운받을 때 babel이 딸려 왔었는데,

 

이제야 궁금증이 해결 된 것 같네요 ㅎㅎ

nodejs 강의 중간의 코드, 여기서도 () => arrow function을 사용하셨는데요

 

컴파일러를 Babel로써, 최신문법을 호환성 좋은 JavaScript 문법으로 변환하는 것을 확인 할 수 있습니다.

 

총정리

JSX를 사용하는 이유 : HTML 보기 편하므로

Babel을 사용하는 이유 : JSX를 사용하기 위해서 Babel이 필요하다.

Babel을 사용하므로써 코드를 읽기 좋은 옛날 코드로 바꿔줘야, 브라우저나 서버가 읽어 줄 수 있다.

 

이 모든 것을 갖고 있는 것이 모듈 번들러인 Webpack.js인데요.

 

바벨과 JSX를 모른다면 절대, 리액트, 노드js를 할 수 있다! 라고 말 할 수 없을 것입니다.

 

https://bit.ly/3pdy7Wq

nodeJs강의를 찾고 계신다면, 패스트캠퍼스 nodejs 강의 수강해보시는 것을 강력! 추천합니다!

한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online | 패스트캠퍼스

해당 node.js 강의는 패스트 캠퍼스 서포터즈 3기로 활동하면서 무료로 제공받아 수강하였으며
수강 후기는 솔직하게 남겼습니다.