CodeClover

[Mac] Node.js 설치하기 본문

환경설정

[Mac] Node.js 설치하기

coding dew 2024. 8. 13. 22:15

 

recommanded for most users 설치하기

 

설치링크

https://nodejs.org/en

 

Node.js — Run JavaScript Everywhere

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

nodejs.org

 

설치된 zip파일을 선택해서 설치를 진행해보자 ! 

계속을 눌러서 설치를 진행하면 된다. 

이용약관 동의를 선택하고 설치를 계속 진행한다.

mac의 보안보안

설치 프로그램을 위해서 개인암호를 입력하고 마저 설치를 진행하면...

 

설치완료!  

 

 

 

알맞게 설치되었는지 명령어를 활요해서 설치 확인하기

node -v

 

 

터미널을 열어서 명령어를 입력했을때 내가 설치한 node.js의 버전이 나오면 확인 완료! 

터미널에 작성했을때 모습

 

우선 바탕화면으로 이동해서 (cd~~ 는 이동의 의미를 갖는다!)

cd desktop

 

만약 폴더를 만들지 않았다면 

mkdir 폴더명

위의 명령어를 활용해서 데스크탑에 폴더를 만들어준다.

 

cd 폴더명

생성한 폴더로 이동해서 

위의 명령어 직접 입력한 모습

 

대망의 react 설치하기! 

npx create-react-app 폴더명

: npx 라는 실행 명령어가 어떤 리액트를 설치하는데 필요한 패키지를 알아서 다 설치해준다!! 

설치 명령어 터미널 입력

본인은 우선 첫번째 react폴더이니까 first-react라고 생성한다.

설치를 해주면 Happy hacking ! 이라는 문구와 함께 설치가 완료된것을 확인 할 수 있다. 

 

cd 생성한 폴더명

생성한 폴더로 이동해준다.( 본인은 first-react라고 폴더명을 만들었음 )

code .

code . 을 작성하면 vscode가 정상적으로 열리게 된다.

end ( mac에 Node.js 설치 완료! 이제 본격적으로 리액트 공부를 진행해보자 ! ) 

 

 

[참고사항]

만약 vscode를 아직 설치하지 않은분들은 아래글을 참조해서 먼저 설치해주세요 ! 

https://2seulog.tistory.com/35

 

[mac] vscode 설치하기

정말정말 간단한 맥북 vscode 설치하기 !  https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  V

2seulog.tistory.com

'환경설정' 카테고리의 다른 글

[Window 10] PyCharm Community 설치  (2) 2025.01.02
[MAC/JAVA] Intellij Community 설치  (1) 2024.12.27
[window10] ORACLE 21C 설치  (2) 2024.09.28
[mac] vscode 설치하기  (1) 2024.08.13
[JAVA] JDK17 설치 - Window10  (1) 2024.05.21