본문 바로가기

분류 전체보기

(290)
Error: ENOENT: no such file or directory, scandir '파일경로' 문제 상황 라이브러리를 가져와서 npm install 후 npm run build를 하였으나 제목과 같은 오류 발생 문제 원인 1) 기존에 A 라는 디렉토리를 바탕화면에 생성 2) IntelliJ Terminal에서 hashlips-art-engine을 git clone 해오고 npm install을 해와서 A 프로젝트 안에서 사용하고 있는 상황 3) Terminal에서 디렉토리의 위치가 A로 되어있었다. 문제 해결 디렉토리의 위치가 A가 아니라 cd로 hashlips-art-engine으로 디렉토리의 위치를 한 단계 더 옮겼어야 했거나 hashlips-art-engine을 IntelliJ에서 따로 열어서 진행을 했어야 한다. -> A에서 진행되는 것이 아닌 A 디렉토리 안에 clone받은 hashlip..
IntelliJ UI - Git 연동상태 파일 색깔로 확인하기 IntelliJ를 사용하다보면 좌측 Project 패널에서 여러 디렉토리와 그 안의 파일들을 확인할 수 있다. 그렇다면 이 파란색과 초록색의 차이점은 무엇일까? 그리고 빨간색으로 표시된 파일명도 있다. 초록색 : 새로 추가된 파일 파란색 : 기존의 파일이 수정된 상태 빨간색 : 신규 파일 추가 시 - unstage 상태 merge시 - 충돌
localhost:3000시 Hello World!는 어디서 오는걸까? ※ 본 내용은 노마드코더 'NestJS로 API만들기'를 정리한 내용입니다. 일단 결론부터 보죠. NestJS 프로젝트를 만들기 위해서 nest new 프로젝트 명령어를 통하여 NestJS 프로젝트를 하나 생성했습니다. 아직 코드를 추가한 것은 없고, 디폴트(기본) 내용으로만 npm run start:dev를 통해 실행결과를 알아보았습니다. localhost:3000번은 왜 쓰고, 왜 브라우저에 결과값으로 Hello World!가 보이는 것인지 하나하나 파헤쳐보겠습니다. [main.ts] import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async function bootstrap() { const a..
Snippets 스니펫이란? VSCode로 NestJS를 공부하던중에 NestJS와 관련된 플러그인이 있는지 알아보려고 Extensions에서 NestJS를 쳐봤다. 그런데 해당 리스트들 사이에 Snippets이라는 용어가 자주 보이는데.. 무엇인지 궁금해서 찾아보게 되었다. 일단 Snippet이란, (작은)정보나 소식, 대화나 음악 등의 한 토막을 의미한다. 종합적으로 보자면 의미가 있는 작은 단위? 덩어리?쯤으로 생각하면 될 것 같다. 개념을 적용해보자면, Snippet은 작은 단위의 코드들을 자동완성 시켜주는 기능이다. 만약 내가 오른쪽에 있는 For Loop문의 내용을 입력하려고 하면, 저 코드를 모두 입력하는 것이 아니라 왼쪽처럼 for만 입력했을때 For Loop 내용을 쓸거야~라고 미리 안내가 된다. 맨 윗줄의 for을..
Terminal에서 VSCode 바로 실행하기 Mac Terminal에서 아래와 같이 입력하면 intelliJ 창이 바로 열린다. intelliJ의 경우 command-line launcher을 통해 설정이 가능하다. idea . 그렇다면 Terminal에서 VSCode를 바로 실행시키는 방법은 무엇일까? 1. VSCode를 켠다. 2. command + shift + P로 검색창을 연다. 3. shell을 입력하고, Shell Command를 설치해준다. 그럼 경고창이 하나 뜨는데, OK를 눌러주면 된다. 4. 다시 Terminal로 돌아가 code . 를 하면 Mac Terminal에서 VSCode가 바로 실행된다.
NestJS의 커맨드(명령어) 살펴보기 with Terminal Mac Terminal에 nest 를 입력하면 아래와 같이 Terminal에서 명령어로 파일을 만들때 어떤 축약어를 써야 하는지 한 눈에 볼 수 있다. 주로 module = mo, controller = co, service = s를 썼던 것 같다. 나머지는 일단 참고용으로 ~_~
[오류] npm run start시 npm ERR! code ENOENT npm ERR! syscall opennpm ERR! path /Users/사용자이름/package.json ~ 에러 해결방법 문제 상황 똑같은 프로젝트여도 intelliJ와 vscode 둘 다 발생하는 에러였다. npm run start(:dev)를 했는데 npm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path /Users/사용자이름/package.json ~ 와 같은 에러가 터미널에 출력되었다. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path /Users/사용자이름/package.json npm ERR! errno -2 npm ERR! enoent ENOENT: no such file or directory, open '/Users/사용자이름/package.json' npm ERR! enoent This is related to ..
lsof : list open files (kill 명령어로 중복 포트 없애기) 위의 명령어를 사용해본 계기 VSCode를 사용하면서 run으로 해당 프로그램을 실행하던 중에 터미널에서 ERROR [NestApplication] Error: listen EADDRINUSE: address already in use :::3000 +1ms 라는 에러가 발생하였다. 이에 관한 해결방법을 찾다보니, Mac이나 Linux에서는 lsof(list open files)를 활용하여 kill의 sign을 주는 방법이 있다고 한다. lsof 시스템에 열린 파일 목록을 알려주고 사용하는 프로세스, 디바이스 정보, 파일의 종류 등 상세한 정보를 출력해주는 명령어 > Mac Terminal에서 해당 명령어를 입력하면 아래와 같은 결과가 출력된다. (회사컴이라 열에 대한 정보들은 기재하지 않았다) Node..
npm으로 설치할때 --save 옵션은 무엇일까? nestJS에서 npm을 이용해서 postgreSQL을 이용한 typeorm을 설치하려고 했다. 터미널에 아래와 같이 입력하였다. npm install pg typeorm @nestjs/typeorm --save @nestjs/typeorm : Nest와 typeORM을 연결해주는 모듈 typeorm : typeORM 모듈 pg : Postgres 모듈 그런데 저 끝에 붙는 --save의 의미는 무엇일까? --save의 경우 아래의 형식으로 쓰인다. npm install --save --save의 의미 package.json의 dependency에 모듈을 추가한다는 의미이다. npm5 버전 이후부터는 --save 옵션을 쓰지 않아도 자동으로 추가된다고 한다. 가끔가다가 --save를 설치하는 방식을 쓰는..
[오류] TS2307: Cannot find module 'class-validator' or its corresponding type declarations 문제 상황 Nest.js에서 dto 파일에 class validator로부터 IsNotEmpty를 import 받아 사용하려던 중에 제목과 같이 TS2307: Cannot find module 'class-validator' or its corresponding type declarations 라는 에러가 발생하였다. 문제 원인 class-validator가 npm으로 설치되어 있지 않아 발생하는 문제였다. 문제 해결 터미널에서 아래와 같이 명령어를 입력한다. npm i --save class-validator class-transformer class validator을 설치하고 나면 import 부분의 class-validator 부분에서 빨간줄이 사라진다.