CodeClover
[Mac] Node.js 설치하기 본문
recommanded for most users 설치하기
설치링크
Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
설치된 zip파일을 선택해서 설치를 진행해보자 !
계속을 눌러서 설치를 진행하면 된다.
이용약관 동의를 선택하고 설치를 계속 진행한다.
설치 프로그램을 위해서 개인암호를 입력하고 마저 설치를 진행하면...
설치완료!
알맞게 설치되었는지 명령어를 활요해서 설치 확인하기
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 |