본문 바로가기
컴공생의 Specification/React

[React] React 시작하기 (1. 프로그램 설치하기)

by UIC 2022. 3. 2.
728x90

오늘은 React 시작하기입니다.

React는 기본적으로 Javascript 기반 Library로

요즘 가장 인기 있는 Front-End 개발 스킬입니다.

 

 

 

 

 

 

먼저 React를 시작하기 위해서는

아래 프로그램들을 설치해야합니다.

 

  • node.js
  • (IDE) Visual Studio Code

 

 

 

Node.js

node.js만 설치하면!!!

기본적으로 React 개발을 수행할 수 있습니다.

하지만 IDE를 통해 개발하면 더 편하기에

각자 익숙한 개발 툴을 추가로 다운 받아주세요.

저는 Front-End 개발하는 데에는

Visual Studio Code가 가장 편하기에, 해당 툴 설치도 해볼께요!!

 

 

 

 

먼저 node.js 사이트는 다음과 같습니다.

 

https://nodejs.org/ko/

 

Node.js

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

nodejs.org

 

접속하시어 아래 화면에서 빨간색 위치에 있는

현재 가장 안정적인 버전으로 설치해주세요~

 

 

 

 

 

 

 

 

설치 방법은 따로 안 적어둘께요~ ㅎㅎ

그냥 Next만 누르다보면 Finish 버튼을 마지막으로 설치가 완료될꺼예요~ :D

 

 

 

Visual Studio Code(VS Code)

그럼 다음으로 Visual Studio Code,

VS Code라고 많이 불리우는 만능 개발 툴을 설치해볼께요~

 

 

먼저 아래는 Visual Studio Code 공식 사이트 주소예요~ ㅎㅎ

 

 

https://code.visualstudio.com/ 

 

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

 

 

위 주소 들어가시면 아래 화면이 있을꺼예요~

거기서 바로 아시죠!! Download 버튼 클릭해볼께요~

 

 

 

 

 

 

 

 

Download 버튼 누르면 아래 페이지로 이동해요~

그러면 Windows / Linux / Mac 기반 OS별 설치 파일들이 있어요~

각자 PC의 운영체제에 맞게 다운받으셔서 설치하시면 됩니다!!

 

 

 

 

 

 

 

그럼 설치는 아시죠~ 알아서 Next 누르시는거!! ㅎㅎ

오늘 React 개발을 위한 준비과정 첫번째!!

이상 React 개발을 위해 필요한 프로그램 설치 과정을 알아봤습니다!!

 

 

 

 

다음 장에는 실제 설치한 프로그램(IDE)를 통해 React 개발을 시작해보겠습니다!!

그럼 다음 장에서 뵈어요!!

 

 

728x90

댓글