본문 바로가기
개발 관련

리액트 처음 설치할때 어떻게 하는지! 231227

by 더블와이 2023. 12. 27.
728x90

대표님이 자바쪽만 하지 말고 리액트쪽도 공부하라고 하셔서 강의 이것저것 뒤져보고 자료같은거 찾아보다가 기록용으로 시작!!

 

https://nodejs.org/en

 

Node.js

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

nodejs.org

오른쪽에 있는 current(현재, 가장 마지막 version) 클릭하고 설치!

 

power 검색해서 powerShell 실행!

 

node --version command입력하면 버전 정보가 나오고

npm --version command입력하면 npm 버전이 나온다

 


그러고 나서 VSCode(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

다운로드 하기!!

 

하단에 terminal이 안떠서 당황스러웠는데 ctrl+J를 누르면 터미널 창이 뜬다!

 

파일 선택하고 새 텍스트 파일 선택하면 됨

 

그럼 이런식으로 untitled 된 파일이 만들어지는데

 

html 태그만 입력해도 html 형식으로 인식해서 ctrl+S 누르면

 

html 파일로 저장할수있다!

원하는 파일안에 저장하면 되고 정상적으로 작동하는지는 파일을 클릭해보면 웹으로 확인할수 있다

 

이런식으로..

 

기초적인 리액트 시작하는 방법은 대략 이렇게 정리할 수 있을듯!!

css도 같이 병행하면 될듯하다~

728x90