유데미 리액트 강의 31. Node.js 사용하기

devBear·2024년 10월 14일

🤔 프로젝트(Project)란?


특정 목적을 갖는 프로그램의 단위


쇼핑몰 프로젝트



웹포털 프로젝트


하지만 이 프로젝트 개념과는 다르게 Node.js에서는 조금 다르게

패키지라는 단위를 사용한다.


📚 노드 패키지를 생성해보자


먼저 강의 폴더 내에 section03 폴더를 새로 만든 뒤



해당 폴더만 VsCode에서 따로 추가해주고

터미널을 확인해보면 해당 작업 폴더가 바로 작업 디렉터리가 된 것을 볼 수 있다.

macOS의 경우 VsCode에서 Command + J 를 누르게 되면 현 작업 디렉터리 터미널을 확인할 수 있다.

터미널까지 이동하였으먼 패키지 초기화 명령어인 npm init 을 입력하면

지금 너가 생성하려는 패키지 명이 무엇이냐는 문구가 뜬다.

여기서 Enter를 누르면 default 값으로 정해진 현재 폴더명으로 설정이 된다.



그다음은 버전을 물어보는데 이 때 버전은 추후에 배포할 때에나 문제가 되는 것이라

현재는 무시하고 Enter를 눌러 default 값으로 설정해주면 된다.


다음엔 description 즉 간단한 설명을 설정하라고 뜨는데 이것 또한

Enter를 눌러 기본값으로 설정 하면 된다.



다음은 entry point 메인으로 실행되어질 파일명이 무엇이냐고 묻는다.

이것은 추후 살펴볼 것이므로 일단 넘어간다.

이후에 나올 것은 test command, git repository, keyword, author, license

등이 있는데 다 중요한 것이 아니므로 Enter 키를 눌러 스킵한다.


Enter 키를 눌러 생략을 여러번 생략을 하고나면

이렇게 최종적으로 설정된 패키지 정보를 한번 보여주게된다.

여기서 Enter 키를 눌러 최종적으로 패키지를 생성해주면 된다.



그러면 이렇게 작업 디렉터리 아래 최종적으로 설정된 package.json이라는 설정파일이 생성이 된다.

브라우저 콘솔이 아닌 만들어진 Node 환경에서 한번 파일을 실행시켜보자.



index.js 파일을 하나 만들고 내부에 간단한 텍스트를 출력하는 동작을 만들어준다.



그리고 터미널에서 node index.js 명령어를 사용해서 실행시켜보면 해당 파일이

잘 실행되어져 동작까지 되는 것을 확인할 수 있다.


✋ 실행시킬 때 주의할 점!


section03 경로 밑에 있던 index.js 파일을

section03/src 경로로 src 라는 폴더를 추가해서 옮겨서 실행시키면 어떻게 될까?



이런식으로 해당 module을 찾을 수 없다는 에러가 뜨면서 실행이 되지 않는다.



경로가 바뀌었다면 이처럼 변경된 경로까지 신경써주어야한다.

node 뒤에 변경된 경로까지 추가하니 잘 실행되는 것을 확인 할 수 있다.

프로그래밍 진행률에 따라 내부 파일이 복잡해지면 이렇게 하나하나 확인하기가 어려울 수 있다.

이럴 때 사용하는 것이 있다.


📚 패키지 스크립트



바로 package.json 파일 내에서 scripts

부분에 시작할 파일 경로를 추가해주면 된다. 일종의 매크로라고 생각을 하면 된다.


아무리 복잡한 경로에 있는 파일이라도 이렇게 매크로 내에서 실행되게끔 설정해주면

터미널에서 간단하게 node를 통해 실행시킬 수 있다.

npm run start를 명령어를 주니 아까 "start" 매크로에 넣었던

파일이 정상적으로 실행되어지는 것을 볼 수 있다.

profile
개발하는 곰🐻

0개의 댓글