Nest.js 입문 코드분석 - main.js main.js 파일은 절대로 임의로 파일 이름을 변경하지 않아야 한다. (네스트에서 진입점으로 사용하겠다고한 파일이라서.) import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async function bootstrap() { const app = await NestFactory.create(AppModule); await app.listen(3000); } bootstrap(); main.js 파일은 Nest.js 애플리케이션의 시작점(entry point)으로, 애플리케이션의 설정과 시작 프로세스를 정의, Nest Factory를 사용하여 애플리케이션 인..
분류 전체보기
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 02.01~08 - 이커머스 프로젝트 끝 02.09~10 - Nest.js 입문 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 겨우 이커머스라고 할수있는 기능들을 다 만들어서 제출했다. 아쉽게도 저번 프로젝트의 선택이였던 기능이 이번에 필수였지만 시간이 부족해서 하지못했다 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 Nest 쓰면 편하다는건 알겠는데 그래서 뭐 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 Nest 로 프로젝트 하기???!!
Nest.js 준비 Nest.js 설치 npm i -g @nestjs/cli 어느 경로에서나 사용하기 위해 글로벌로 설치 Nest.js 기본 명령어 확인 방법 nest 새로운 Nest.js 프로젝트 생성 nest new sparta-nest 패키지 매니저는 npm 으로 (Nest.js는 npm이 가장 잘 호환이 된다고 한다??) npm 으로 하고 엔터를 누르게 되면 아래와 같이 뜬다면 프로젝트가 생성이 완료 됐다. 약 1분~2분 정도 걸리는거 같다.
NestJS Express는 웹 및 모바일 애플리케이션을 위한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크 Nest.js 요새 가장 핫한 웹 프레임워크 NestJS가 주목받는 이유 Express의 아쉬운 점 사용하고 싶은 미들웨어가 있다면 미들웨어마다 선언 해줘야 함 Express로 레이어드 아키텍처 패턴을 나타내기 위해서는 디렉토리 구조를 명확하게 설계해야 하며 서비스 요구사항 변경 및 기획이 추가됨에 따라서 필요한 개념들을 새롭게 추가해야 함 Express도 워낙에 알려진 지 오래다 보니 express-generator와 같은 CLI 툴도 제공하고 많은 개발자가 자체적으로 boilerplate를 만들어서 오픈소스로 공개하기도 함. 하지만, 이러한 boilerplate도 공..
시퀄라이즈 로그 off 방법 config/config.js 또는 .json 으로 하면 시퀄라이즈 로그가 안나온다!! 깨끗~ 프로젝트 배포 작업 sudo apt-get install curl curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash - sudo apt-get install -y nodejs sudo npm install pm2 -g git clone https://github.com/go-tiger/chicken-project_team2.git cd chicken-project_team2 npm i pm2 start app.js
오늘 완성된 장바구니 부분을 실험 하던중 장바구니에 담은 상품이 여러개일때 body로 받아오는 input id값이 장바구니에 담겨있는 갯수만큼 for 문으로 append 되어서 상품 갯수의 수정버튼이 맨 첫줄 input 데이터를 읽어들여 수정되는 이상한 현상이 발견되었고 원래 코드 let menuAmount = $('#menuAmount').val(); 를 let menuAmount = $(`#menuAmount${menuId}`).val(); 로 수정해서 잘 돌아가게 되었다.
이미지 업로드 프론트랑 연결했고 관리자 상품관리 페이지 > 메뉴 api를 프론트랑 연결 AJAX 로 append 한 html 코드의 버튼으로 모달창 띄울려고 여러방법을 찾아봤지만 하지 못 함 ㅠㅠ
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 01.30~31 - TypeScript 심화 과정 복습 및 유틸리티 도전과제 제출 - 02:01~08 - 이커머스 프로젝트 발제 및 팀 프로젝트 시작 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 아직 타입스크립트의 지식이 너무 부족해서 이번 프로젝트에 어떻게 해야 할지 걱정이었는데 다행히도 이번 프로젝트에서는 필수가 아니어서 다행이다.. 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 auth 미들웨이로 로그인 유지 multer를 이용해 이미지 업로드 하는 방법 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 아직 auth 미들웨이 사용법이 미숙해 다음번에 사용할 때 확실히 이해해야..
오늘은 SA 피드백에 따라 cart 테이블을 추가 하고 fk 세팅을 했다. npx sequelize model:generate --name myCart --attributes menuPrice:integer,menuAmount:integer npx sequelize migration:generate --name fk-setting
회원가입의 유저타입에 따라 선택된 박스에 값을 불러오는거에서 문제가 생겼다.. 어떤 버튼이 선택 되더라도 모든 벨류의 값이 불러와지는 현상이 생겼다.. 구글링 결과 저렇게 네임과 체크를 해줘야 체크된 부분만 값을 받아온다 선택된 박스에 따라 다른 값을 불러오는걸 볼수있다. function signUp() { let userTypeChecked = $('input[name=btnradio]:checked').val(); console.log(userTypeChecked); } 손놈 잘생긴사장 관리자
오늘 드디어 최종 프로젝트 전 마지막 프로젝트 시작이다. 이번은 이커머스 프로젝트이고 우리팀 컨셉은 팀장님의 이름을 딴 정기치킨!! 초기 와이어프레임, ERD 회의 끝나고 프로젝트 초기 세팅 및 시퀄라이즈 db 세팅을 했다 이렇게 대충 만들고 수정함 npx sequelize model:generate --name user --attributes userName:string,password:string,email:string,phone:string,address:string,userType:integer npx sequelize model:generate --name order --attributes userId:integer,orderList:string,address:string,memo:string,..
오늘 올라온 유틸리티 도전과제 /* 모든 문제는 유틸리티 타입 사용 필수입니다. */ /* 모튤에서 불러오는 모든 타입들은 cmd + 클릭 또는 ctrl + 클릭으로 상세 조회 가능합니다. */ import { uptime } from 'process'; interface User { username: string; imgUrl: string; } interface Member extends User { lastVisited: string; viewCount: bigint; followers: User[]; createdAt: string; updatedAt: string; } /* 1. myProfile이 컴파일 되도록하세요. myProfile객체에 존재하는 모든 프로퍼티 필수 */ const myPr..
