본문 바로가기

project5

[npm] npm에 내 package 배포하기 (feat. npx) 최종 결과물 👇 더보기 https://www.npmjs.com/package/ktmihs-bp ktmihs-bp ktmihs's boilerplate. Latest version: 1.0.0, last published: 30 minutes ago. Start using ktmihs-bp in your project by running `npm i ktmihs-bp`. There are no other projects in the npm registry using ktmihs-bp. www.npmjs.com https://github.com/ktmihs/boilerplate/tree/main/ktmihs-bp GitHub - ktmihs/boilerplate: react boilerplate react .. 2023. 1. 7.
[Node.js] CLI 명령어 사용하기 CLI 명령어 추가하기 Node.js에는 cli 명령어를 추가할 수 있다. package.json의 bin에 명령어와 해당 명령어 입력 시, 실행될 로직을 추가하면 된다. { ..., "bin": { "[명령어]": "[실행 로직]" } } 예를 들어, 아래와 같이 test.js 실행 파일을 생성하고 설정한 'test'라는 명령어를 통해 실행한다고 해보자. #! /usr/bin/env node console.log(process.argv); - test.js { "bin": { "my-test": "test.js" } } - package.json package.json을 수정한 후에는 `npm -g i` 명령어로 업데이트된 package.json을 적용해주어야 한다. 등록한 명령어를 사용해 보자. $ .. 2023. 1. 6.
[Node.js] npm으로 create-react-app 설치하기 (npm vs npx) 프로젝트를 진행하기 위해 create-react-app으로 프로젝트를 시작하려다 문득, npm과 npx의 차이에 대해 궁금해졌다. 두 명령어를 언제 쓰면 좋은 건지 구분하기 위해 학습하게 되었다. npm과 npx 우선 npm은 Node Package Manager로 익히 아는 것처럼 install 한 패키지들을 관리해주는 역할을 한다. npx는 Node Package eXecute로 패키지를 install 하지 않고 바로 실행시켜준다. 그렇기 때문에 메모리를 차지하지 않고, 가장 최신 버전을 실행시켜준다. npm 5.2.0 이상을 설치하면 npx 또한 자동으로 설치된다. 만약 그 아래 버전이라면 $ npm install -g npx 로 설치해주면 된다. cra를 할 때, npm 대신 npx를 쓰는 이유 .. 2023. 1. 2.
[Node.js] TypeScript에서 import 사용하기 (ESModule) [Node.js] typescript와 ts-node 설치하기 [Node.js] typescript와 ts-node 설치하기 1. typescript TypeScript는 브라우저에서 동작하지 않기 때문에 JavaScript로 변환해줄 필요가 있다. 그러기 위해선 TypeScript를 JavaScript로 변환해줄 트랜스파일러가 필요하기 때문에 TypeScript 트랜스파일 ktmihs.tistory.com 이전에 사용했던 require 대신 import 구문을 사용하고자 새로운 프로젝트를 만들어 적용해보았다가 C:\...\backend\node_modules\ts-node\dist-raw\node-internal-modules-esm-resolve.js:366 throw new ERR_MODULE_NO.. 2023. 1. 1.
[Node.js] typescript와 ts-node 설치하기 1. typescript TypeScript는 브라우저에서 동작하지 않기 때문에 JavaScript로 변환해줄 필요가 있다. 그러기 위해선 TypeScript를 JavaScript로 변환해줄 트랜스파일러가 필요하기 때문에 TypeScript 트랜스파일러인 `typescript`를 설치해준다. # 지역 설치 $ npm i typescript # 전역(global) 설치 $ npm i -g typescript 그리고 트랜스파일링 옵션을 사용할 때마다 지정할 수고를 덜기 위해, 아래 `tsc` 명령어를 사용하여 컴파일러 옵션 파일을 생성해준다. $ tsc --init 생성된 `tsconfig.json` 파일 { "compilerOptions": { /* Visit https://aka.ms/tsconfig t.. 2023. 1. 1.