개발/공부

[node.js] Windows에서 node.js 설치하기

할루솔이 2022. 12. 2. 19:11
반응형

node.js 설치 방법

시작~!

 


 

 

https://nodejs.org/ko/download/

 

 

다운로드 | Node.js

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

nodejs.org

 

 

 

 

 

1. 홈페이지 들어가서 Windosw Installer 선택(각자 OS에 맞게 선택)

 

2. 다운로드 후 열어서 Next

 

3. 동의 선택 후 Next

 

4. 설치경로 설정

5. Next

 

6. 체크 안하고 Next

 

7. Install 클릭

 

8.  Finish 누르면 설치 완료!

 

 

9. cmd실행 후set path 입력

(설치경로가 들어있는지 확인)

 

10. 설치한 node js버전 확인

 

11. npm 버전 확인

 

12. npm install -g create-react-app  입력해서 도구 설치해주기

 

13. 설치 확인은 user - AppData - Roaming - npm 에서 가능

(AppData가 보이지 않는 경우 숨긴 항목 표시하면 됨)

 

14. 폴더 생성하기

mkdir c:\----\react

 

15. 생성한 폴더로 경로 변경하기

cd c:\----\react

 

16. create-react-app hello-react 입력해서 hello-react 생성하기

 

17. Happy hacking! 나오면 설치 완료!

 

18. hello-react로 이동

 

19. npm start 입력 후

 

20. 아래 화면이 뜨면 성공!!!!

 

 

 

 

 

hello-react 생성 폴더는 여기서 확인 가능하다.

 

 

hello-react -> src  폴더 들어가보면  index.html 확인 가능

(실행하는 결과는 index.html에서 확인할 수 있다.)

 

index.html 우클릭 - 연결프로그램 - 메모장 하면 아래 코드 확인 가능

 

hello-react→src → app.js 파일 메모장으로 열기

 

a태그 밑에 내 마음대로 코드 한 줄 추가하기

 

저장하면 추가한 내용 반영된 것 확인할 수 있음!

 

 

 

 


 

 

 

 

 

<서버>

노드 서버의 포트번호는 3000

톰캣은 8080

나는 노드, 톰캣 2개의 서버를 가지고 있는 것!!

 

 

node js는 처음인데 잘...배워보자..!

 

반응형