안녕하세요 이번시간에는 우리의 개발을 편리하게 도와줄 개발환경을 구성해 보도록 하겠습니다.

프로그램 설치


NodeJS & NPM

리액트 프론트엔드 개발을 하기 위해서는 Node.js와 NPM이 설치되 있어야 합니다.

Node.js — Run JavaScript Everywhere

터미널

크롬

크롬은 전 세계에서 가장 많이 사용하는 브라우저이며, 크롬에서 제공하는 개발자도구 및 확장 프로그램은 개발자들에게 매우 편리한 기능을 제공합니다.

Chrome 웹브라우저

Visual Studio Code

코드 작성을 도와줄 Visual Studio Code 프로그램을 설치해 보도록 하겠습니다.

React Developer Tools

크롬 개발자 도구에 React 애플리케이션 디버깅 도구를 추가하겠습니다. 이를 통해 개발자 도구에서 React 컴포넌트 계층 구조를 검사할 수 있습니다.

Chrome Web Store