본문 바로가기
Development Solutions/React

3분 만에 React 개발환경 세팅하기

by Dev Diary Hub 2023. 1. 28.
반응형

mac OS에서 React 개발환경 세팅하기

 - 애플 디바이스에서 리액트 개발환경 구축하기

 

 

node js 설치

node js 홈페이지에 들어가서 다운로드 파일을 받는다.

사용하는 운영체제에 맞게 선택하자.

 

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

다운로드 받은 파일을 실행하면 아래와 같이 설치가 진행된다.

마지막까지 동의 버튼을 누르면 된다.

 

크롬 브라우저 설치

웹 개발을 위해 크롬 브라우저가 필요하다. 아래 링크를 타고 설치하자.

 

https://www.google.co.kr/chrome/?brand=IBEF&gclid=CjwKCAjwk6-LBhBZEiwAOUUDp99j6zOoYpaea1P0c9XQ5UKom26ait6qoGqcVK0vEAZwYlfKspUIeBoCkuEQAvD_BwE&gclsrc=aw.ds 

 

Chrome 웹브라우저

더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게.

www.google.com

 

에디터 설치

무료 툴 중에서는 VS code 추천한다. 아래 링크를 타고 설치하자.

 

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

React 환경 설정 끝!

반응형