개발환경 설정하기 - Node.js와 npm / VS Code 설치 [처음 만난 리액트 #4]
리액트를 배우기 위해 필요한 기초 지식 정리 📄 & 실습 환경 구축 💻
[무료] 처음 만난 리액트(React) - 인프런 | 강의
자바스크립트와 CSS 기초 문법과 함께 리액트의 기초를 탄탄하게 다질 수 있습니다., - 강의 소개 | 인프런...
www.inflearn.com
● macOS에서는 Terminal이라고 하는 명령줄 기반 인터페이스 사용
● Windows에서는 PowerShell이라는 프로그래밍 사용
후에 설치할 VS code에서는 터미널이 내장되어있기 때문에 별도로 외부의 Terminal이나 PowerShell을 사용할 필요가 없음
Node.js와 npm 설치하기
Node.js (JavaScript runtime)
JavaScript로 네트워크 애플리케이션을 개발할 수 있게 해주는 환경
npm (node package manager)
Node.js를 위한 package manager
● package manager의 역할: 프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전과 의존성을 관리하고, 편하게 설치 및 삭제를 할 수 있도록 도와주는 역할
● npm은 node.js를 설치하면 자동으로 함께 설치됨
Node.js 설치
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
● 18.13.0 LTS: 안정화된 버전
● 19.4.0 Current: 가장 최신 버전
Node.js가 정상적으로 설치되었는지 버전 확인 (node --version)
npm이 정상적으로 설치되었는지 버전 확인 (npm --version)
VS Code 설치하기
IDE(Integrated Development Environment)
● 통합 개발 환경
● 코딩을 할 때 단순히 메모장같은 텍스트 편집 프로그램을 사용할 수도 있지만, 코드 자동 정렬이나 함수 참조 찾기 등의 부가적인 기능을 제공하는 프로그램을 사용하면 조금 더 수월하게 프로그래밍 할 수 있음
● 이 강의에서는 IDE로 Visual Studio Code(마이크로소프트에서 개발, 무료로 사용 가능)라는 프로그램을 사용
VS Code 설치 링크
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
설치가 완료되었다면 VS Code 실행
상단 메뉴에서 Terminal > New Terminal을 선택하면 VS Code에 내장되어있는 Terminal이 나오게 됨
앞으로 이 Terminal을 이용해서 커맨드라인 명령어들을 실행하면 됨