한 입 크기로 잘라먹는 리액트Table Of Contents
Node.js를 제대로 사용하기 위한 사용자 기본 환경 설정부터 먼저 진행합니다. 그리고 Node.js를 설치합니다. 설치 이후에는 명령 프롬프트를 이용해 올바른 버전이 설치되었는지 확인하겠습니다
윈도우 사용자 계정 이름 바꾸기
여러분 PC의 사용자 계정명이 한글로 되어 있다면, Node.js 설치 및 향후 이용 과정에서 문제가 발생할 수 있습니다. 따라서 Node.js 설치 전에 윈도우의 사용자 계정을 영문명으로 변경해야 합니다.
- 윈도우에서 [시작]-[설정]을 클릭해 제어판을 엽니다. 계속해서 제어판에서 ‘계정’ 항목을 클릭합니다.
- 사용자 정보가 나옵니다. 이때 본인의 계정 이름이 영어로 되어 있다면 굳이 변경하지 않아도 됩니다. 한글 계정이라면 왼쪽 메뉴에 있는 ‘가족 및 다른 사용자’를 클릭합니다. 그리고 다시 오른쪽 페이지에서 ‘이 PC에 다른 사용자 추가’ 항목의
+버튼을 클릭합니다.
- ‘이 사람은 어떻게 로그인합니까?’ 대화상자가 나옵니다. 대화상자 하단에 파란색 글자로 표시되어 있는 ‘이 사람의 로그인 정보를 가지고 있지 않습니다.’를 클릭합니다.
- ‘아래 사항에 동의함’이라는 개인 정보 제공을 요구하는 대화상자가 나옵니다. 두 개의 항목 오른쪽에 있는 ‘자세히’ 항목을 클릭해야 <동의> 버튼이 활성화됩니다. 개인 정보 요구 항목을 모두 읽은 다음, <동의> 버튼을 클릭합니다.
- 계정 만들기 대화상자가 나오면 아래의 ‘Microsoft 계정 없이 사용자 추가’ 항목을 클릭합니다.
- ‘이 PC의 사용자 만들기’ 대화상자가 나옵니다. 여기서 사용자 이름을 여러분이 원하는 영문명으로 지정하면 됩니다. 모두 지정하고 <다음> 버튼을 클릭합니다.
- 제어판의 ‘가족 및 다른 사용자’ 항목이 다시 나옵니다. 앞에서 지정한 이름으로 새로운 사용자가 추가되었는지 확인합니다.
이제 윈도우의 기존 계정을 로그아웃하고 새로 변경한 계정으로 로그인합니다. 그럼 영문 사용자 계정으로 새로운 윈도우 환경이 만들어집니다. 윈도우 환경 구성에는 약간의 시간이 걸립니다. 앞으로 이 책의 실습은 이 계정으로 로그인해 진행하면 됩니다.
새로운 계정으로 로그인 했는데 원래 설치되어있던 프로그램들이 없어요
새로운 윈도우 환경에서 크롬 브라우저의 설치가 다시 필요 할 수 있습니다.
크롬의 구글 계정은 기존 계정을 똑같이 이 용하면 됩니다.
Node.js 설치
Node.js를 별도의 프로그램으로 사용하기 위해서는 설치 과정이 필요합니다. Node.js를 설치하면 지금까지 이용했던 코드샌드박스를 사용하지 않아도 여러분의 PC(또는 다른 실습 환경)에서 직접 자바스크립트 코드를 실행할 수 있습니다.
Node.js는 다음 주소의 공식 홈페이지에서 다운로드할 수 있습니다.
Node.js 공식 웹 사이트에 접속하면, 페이지 중간에 두 개의 버튼이 나옵니다.
왼쪽 버튼에 적혀 있는 LTS란 Long Term Support의 약자로 장기적으로 지원하는 안정적인 버전이라는 뜻입니다. 보안 취약점이나 결함에 대한 유지 보수를 오랫동안 지원한다는 의미여서 이 책에서는 안정적인 LTS 버전의 Node.js를 사용합니다.
Node.js 버전은 X.Y.Z 형태로 유지되며 X가 짝수인지 홀수인지에 따라 버전 수명이 크게 달라집
니다. 18.12.1 버전처럼 X가 짝수인 버전은 LTS 버전으로, 최소 3년 이상 지원되는 안정적인 버
전이므로 특별한 이유가 없는 한 대다수 기업에서는 LTS 버전을 사용합니다. 19.1.0 버전처럼 X
가 홀수인 버전은 실험 버전입니다. 이 버전은 평균 1년 또는 그 이하의 짧은 기간만 지원합니다.
두 개의 버튼 중 왼쪽에 있는 <…LTS> 버튼을 클릭하면 설치 파일이 자동으로 다운로드됩니다. 특별한 설정을 하지 않았다면 사용자의 다운로드 폴더에 설치 파일이 저장됩니다. 해당 다운로드 폴더로 이동해 방금 다운받은 설치 파일을 더블클릭합니다.
Node.js 설치 과정은 다음 순서로 진행하면 됩니다.
- 설치 프로그램이 정상적으로 실행된다면 [설치 마법사] 대화상자가 나옵니다. <Next> 버튼을 클릭합니다.
- Node.js의 라이선스에 동의하라는 대화상자가 나타납니다. 하단의 체크박스를 선택해 라이선스에 동의하고 <Next> 버튼을 클릭합니다.
- Node.js를 설치할 경로를 정하는 대화상자가 나타납니다. 기본 경로로 설치할 것을 권장합니다. <Next> 버튼을 클릭합니다.
- Node.js와 함께 설치할 기능들을 설정하는 대화상자가 나타납니다. 기본 설정 그대로 <Next> 버튼을 클릭합니다.
- “필요한 도구를 자동으로 설치하겠느냐?”고 묻는 대화상자가 나타납니다. 여러가지 편리한 도구를 자동으로 설치해 주기 때문에 별도의 설정 문제를 걱정하지 않아도 됩니다. 따라서 Node.js에 익숙치 않은 사용자라 면 이 기능을 설치하는 게 좋습니다. 체크박스를 선택한 다음, <Next> 버튼을 클릭합니다.
- 이제 Node.js를 설치할 준비를 모두 끝마쳤습니다. <Install> 버튼을 클릭합니다.
- Node.js 설치가 진행됩니다. 1분에서 5분 정도의 시간이 걸릴니다. 설치 시간이 너무 오래 걸리거나 오류가 발생한다면 네트워크 환경이 원활한 곳에서 다시 시도하기 바랍니다.
Node.js의 설치를 완료했습니다. 이제 웹 브라우저를 사용하지 않아도 실습 환경(PC)에서 Node.js를 이용해 자바스크립트를 실행할 수 있습니다.
Node.js는 오픈소스로 MIT 라이선스를 채택하고 있습니다. MIT 라이선스는 미국의 매사추세츠 공과대학교에서 자기 학교의 소프트웨어 공학도들을 돕기 위해 개발했습니다. MIT 라이선스는 매우 관대한 라이선스로서 주요 내용을 요약하면 다음과 같습니다.
1. 이 소프트웨어를 누구라도 무상으로 제한 없이 사용해도 좋다. 단, 저작권 표시 및 허가 표시를 소프트웨어의 모든 복제물 또는 중요 부분에 기재해야 한다.
2. 저자 또는 저작권자는 소프트웨어에 관해서 아무런 책임을 지지 않는다.
Node.js 설치 확인하기
Node.js와 관련 프로그램이 모두 정상적으로 설치되었는지 윈도우의 명령 프롬프트를 이용해 확인하겠습니다.
Node.js 버전 확인하기
윈도우에서 명령 프롬프트를 실행하려면 <윈도우 아이콘>+<R>을 눌러 나온 [실행] 대화상자에서 cmd를 입력하
고 <확인> 버튼을 클릭하면 됩니다.
[명령 프롬프트] 창이 나옵니다. 이제부터 설명의 편의를 위해 이 명령프롬프트를 ‘터미널’이라고 하겠습니다.
터미널에서 node -v를 입력하고 <엔터> 키를 누릅니다.
MacOS는 <Command> + <spacebar>를 눌러 스포트 라이트(spotlight)를 활성화 한 다음, ‘터미널’을 검색하여 실행합니다.
Node.js가 정상적으로 설치되었다면 현재 설치된 버전이 출력됩니다.
만약 오류가 발생하거나 버전이 나타나지 않으면 설치 과정이 잘못된 것입니다. Node.js 관련 파일을 모두 삭제한 다음 설치를 다시 진행해야 합니다. 출력된 버전(X.Y.Z)의 LTS 버전 문제일 수도 있으니 관련 파일을 모두 삭제한 다음, Node.js를 다시 설치하길 바랍니다.
npm 버전 확인하기
Node.js를 설치하면 npm이라는 도구도 함께 설치됩니다. npm(Node Package Manager)은 Node.js의 프로젝트 단위인 ‘패키지’를 관리하는 도구입니다.
마찬가지로 터미널에서 npm -v를 입력합니다.
npm이 잘 설치 되었다면 마찬가지로 현재 설치된 버전이 출력됩니다. Node.js와 npm버전 모두 잘 출력 되었다면 이제 본격적으로 실습환경에서 자바스크립트를 실행할 수 있습니다.
npm -v를 입력했는데 오류가 나타나거나 버전이 정상적으로 출력되지 않는다면 Node.js를 설치할 때 문제가 발생했을 가능성이 높습니다. Node.js를 삭제한 다음 설치를 다시 진행하길 바랍니다.