반응형
React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다.
Node.js 설치하기
- Google에 Node.js 검색
- 최상단 Node.js 선택
- 두 가지 버전을 다운받을 수 있는데 LTS가 붙은 버전은 기업에서 사용해도 될만큼 안정화되었고 신뢰도가 높은 버전이고 오른쪽의 현재 버전은 현재 버전으로 최신 기능들을 이용할 수 있으나 안정성과 신뢰성이 좀 떨어진다.
그러니 LTS 버전으로 다운
- 하단의 다운로드가 완료되면 클릭한다.
- 다운은 크게 어려운 게 없다.
체크 박스가 나오면 다 체크하면 된다.
경로도 기본으로 놔두면 된다.
Next....!! - 완료
- 설치가 잘 됐는지 확인해보자.
- cmd 실행
node -v
npm -v
이렇게 각 버전이 나와야 설치가 완료된다. npm은 node.js를 설치하면 자동으로 설치되는 프로그램인데 npm은 Node Package Manager의 약자로 node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포한다. 추후 사용을 많이 하게 될 것이니 설치가 되어있는지 확인해야한다.
VSCode 설치
자바스크립트 코드를 작성하기 위해 에디터인 VSCode를 설치한다.
- 구글에 VSCode 검색
- 공식 홈페이지로 접속
메인 화면에서 'Download for Windows' 클릭. MAC 사용자면 Download for mac이라 나오는 듯하다.
- 설치 과정은 그냥 Next만 쭈욱 눌러주면 된다.
- VSCode는 소스 코드를 컴퓨터에서 쉽게 편집하고, 저장하고, 실행까지 실행시켜줄 수 있는 개발 도구이다.
- 상단 메뉴 File > New File을 클릭하면 새로운 파일이 생성된다.
- 언어 선택 클릭 후 Javascript로 변경해준다.
- 간단한 자바스크립트 코드 작성 후 저장하면 파일 다이얼로그가 보인다. 원하는 곳에 저장하면 된다.
반응형