node.js 환경에서 JavaScript 프로그램을 실행하고 npm 패키지 중 하나를 직접 설치하고 사용

const moduleOne = require("range")
const range = moduleOne.range;
위 아래 둘 다 같은 뜻임
const { range } = require('range');

우분투 파일에 있는 js나 다른 파일 vscode로 갖고 와서 실행 가능

제출하고 싶은 폴더 들어가기 > npm.install 로 설치(node_medules 없으면) > node_mudules 생성 > npm run test 해서 통과 했으면 > npm run submit로 제출

wsl 들어가서 폴더 구성요소들 확인

시작하기

Bare Minimum Requirements

• Node.js 프로그램인 index.js를 실행시켜서 CLI에서 결과를 확인
• range 모듈을 설치하고, 사용법을 알아보자
• 짝수를 생성하는 getListMultiplesOfTwo 함수를 range 모듈을 이용해서 작성
  npm run test 스크립트를 통해 제대로 작성했는지 테스트할 수 있습니다. 테스트 케이스를 전부 통과해야 함
• npm run start 스크립트를 통해 index.js 파일이 실행되도록 만들기
  npm run test 스크립트를 통해 제대로 작성했는지 테스트. 테스트 케이스를 전부 통과
• npm run submit 스크립텍스트트를 통해 과제를 제출.

Getting Started

• 링크를 통해 과제 다운로드

GUI를 통한 확인
wsl$ > Ubuntu-20.04 > home > user

1. 디렉토리 구성 확인 및 프로그램 실행

fe-sprint-cli-practice
├── README.md
├── getListMultiplesOfTwo.js # 구현해야 할 파일, 짝수 생성기 함수
├── getListMultiplesOfTwo.test.js # 테스트 파일
├── index.js # 실행해야 할 파일, 짝수 생성기 출력 부분
├── multi-reporters.json # 과제 제출을 위한 파일
├── package-lock.json # npm 패키지 정보
└── package.json # npm 패키지 정보

CLI로 과제 디렉토리로 이동해, 명령어 node index.js를 입력하고 결과를 확인

2. package.json 확인 및 패키지 설치

과제에서 주목해야 할 부분은 dependencies와 devDependencies
package.json에는 사전에 정의된 여러 dependency가 있다.
package.json에서 목록들 잘 확인하고 필요한 부분 따와야 겠지?
다음 명령어를 이용해 패키지를 설치

npm install

스프린트가 위치한 디렉토리에 node_modules라는 디렉토리가 생성.
npm install을 이용해 다운로드한 패키지가 node_modules 디렉토리에 담긴다.

3. range 모듈 설치

range 모듈은 package.json에 포함되지 않았다.

npm install range

4. 테스트 실행 (npm run test)

package.json 파일에는 dependencies devDependencies 뿐 아니라, scripts라는 항목도 있다.
여기에는 npm 스크립트라고 불리는 CLI 명령 모음집이 담겨 있다. 기존에 작성한 내용을 살펴보면 다음 네 가지의 스크립트가 존재. 각 스크립트를 npm run <스크립트이름>과 같이 사용할 수 있다.

- 스크립트 이름, 설명

start
현재 빈칸입니다. 이 칸은 여러분이 직접 작성해야 합니다. index.js 를 실행하면 됩니다

test
여러분이 작성할 getListMultiplesOfTwo 함수가 제대로 작성되었는지를 확인하는 CLI 명령입니다.
따라서, npm run test과 mocha getListMultiplesOfTwo.test.js은 동일한 실행 결과를 출력합니다.

report
테스트에 대한 리포트를 생성합니다. (직접 실행할 필요는 없습니다)

submit
코드스테이츠 과제 제출 매니저로 과제를 제출합니다.

5. getListMultiplesOfTwo 함수 구현

range 모듈을 이용하여 getListMultiplesOfTwo함수를 구현할 수 있습니다.

6. 과제 제출

제출하기

코드스테이츠 과제 제출을 위한 과제 제출 매니저를 설치
package.json이 있는 디렉토리 내에서 아래 과정을 진행
짝수생성기 과제 디렉토리 내에서 진행하시는 것을 권장합니다.

1. npx codestates-assignment-manager login

깃허브 로그인 진행

npx codestates-assignment-manager login

2. Github 인증

3. 과제 제출 매니저 설치 여부 확인

4. 제출