JS 배경 지식
개발 환경
- 개발 도구는 자유롭게 선택 가능 -> VScode가 익숙해서 이걸로 계속 해보고자 한다.
통합 개발 환경 IDE란 무엇인가
통합 개발환경 (Integrated Development Environment) 줄여서 IDE란 개발환경, 개발을 하면서 사용되는 도구들의 집합을 의미한다.
보통은 개발하는데 필요한 소스코드 편집기, 언어팩, git 연동, 터미널, 플러그인 등 많은 것들을 포함하고 있다.
주로 소스코드 편집기를 이용하여 시각적으로 구문 강조, 언어별 자동완성, 버그 검사 자동 제공등을 통해 코드 편집을 좀 더 수월하게 해낼 수 있도록 돕는다.
로컬 빌드 자동화란 컴퓨터가 소스 코드를 바이너리 코드로 컴파일러하고, 패키징, 자동화 테스트를 실행하는 등 간편하고 반복 가능한 태스크를 편하게 해주는 유틸리티이다.
디버거란 원본 코드에 있는 버그 위치를 그래픽으로 표시하여 테스트에 용이하게 하는 프로그램이다.
이밖에도 다양한 기능과 툴이 포함되어 있어 더 나은 개발 환경을 위해 마련된 툴이 IDE인 것이다.
대표적으로 Visual Studio(C계열 개발시 주로 사용), Xcode(Mac 전용, IOS 네이티브 앱 개발 필수 툴), Eclipse(JAVA 개발 최적화) 등이 있다~
나는 visual studio에 있는 Visual Studio Code를 이용한다. vscode는 편집기 툴이고 소스 개발에 기본적으로 사용된다. 필요한 기능은 익스텐션을 따로 추가해서 사용하면 된다.
Nodejs
node.js 란?
node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임이다.
노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며 서버를 실행하는데 제일 많이 사용된다.
이는 스크립트 언어가 아니다. 프로그램(환경)이다.
사용 이유?!
Node.js를 사용하려면 먼저 자바스크립트를 배워야한다. 이는 자바스크립트를 사용하기 위해 만들어졌으며 C, C++ 같은 언어가 아니다. 하지만 자바스크립트는 이름과 같이 독립적인 언어가 아닌 스크립트 언어이다. 스크립트 언어란 특정 프로그램 안에서 동작하는 프로그램이기 때문에, 웹 브라우저 프로그램 안에서만 동작한다는 뜻이다. 즉 웹브라우저(크롬, 사파리, 익스플로러 등)가 없으면 사용할 수 없다.
이 때, Node.js를 이용하면 자바스크립트를 웹 브라우저에서 독립시켜 터미널 프로그램에서 브라우저 없이 바로 실행할 수 있게 된다! 즉 스크립트 언어가 아닌 독립적 언어처럼 실행시켜 준다는 뜻임.
중요한 포인트는 node.js를 이용하여 서버를 만들기가 가능하다.
사용
그렇기에 node.js는 위와 같은 이유로 사용하며 javascript 코드를 CLI(Command Line Interface)f를 이용해 실행할 수 있다!
윈도우에서는 파워쉘, 윈도우 bash, VScode 터미널 등에서 사용할 수 있다. 맥에서는 기본 제공 터미널, VScode 터미널등을 활용하면 된다.
nodemon
나는 주로 드림코딩 엘리 강의를 듣고 js를 공부했기 때문에 node.js에서 nodemon이라는 모듈을 설치하여 주로 사용했다!
노드몬이라는 모듈은 코드 변경사항을 즉각적으로 감지하여 변경해주고 재실행해준다. (콜백함수 들어간 코드 켜놓고 고치면 미친듯이 지혼자 실행되서 내 CPU runCat 졸라 달리면서 발열 쩖;) 하지만 아주 편리하기 때문에 종종 이용하고 있다.
한번 서버 코드를 수정하면 알아서 다시 시작해주는 것을 확인할 수 있다!
