javascript+node.js58 1/10 nestjs 7 내일배움캠프 오늘 학습 내용 팀프로젝트 trello 만들기: board invitation 프론트 제작, 백엔드 수정 팀 프로젝트 오늘은 처음에 그렸던 wireframe에 맞게 트렐로 사이트의 프론트를 제작하였다. 프론트는 많이 자신이 없던 분야 중 하나였는데 이번에 팀원들에게 많이 물어보며 배웠던 것 같다. 이번에 팝업창이지만 alert은 아니고 form 등을 보낼 수 있는 modal을 사용하여 초대 확인 창을 구현해보았다. 모달을 사용하니 간단한 폼을 따로 html에 빼두지 않고 바로 보내고 받을 수 있다는 점이 간편하였다. 모달을 사용할 때는 해당 html을 hidden 태그를 통해 보이고 숨길 수 있었다. (테일윈드 사용) 따라서 거기에서 form을 바로 그리고, submit 버튼을 누르면 또 작.. 2024. 1. 10. 1/9 nestjs 6 내일배움캠프 오늘 학습 내용 팀프로젝트 trello 만들기: board와 board invitation 제작 트렐로 제작 트렐로란 일정관리 어플리케이션으로 일을 나눠 협업을 할 때 등에 많이 사용된다. 저번에 api 명세서나 wireframe 등을 제작한 것을 바탕으로 이번에 코드를 짜게 되었다. user가 다른 user를 초대하여 해당 board를 만든 owner와 초대를 accepted한 member user가 해당 board에 접근할 수 있도록 하였다. board마다 또, invited된 user를 확인할 수 있었고, user도 현재 초대를 받고 있는 board를 확인할 수 있게 제작하였다. 이번 프로젝트를 하면서 erd도 복잡해지고 많은 외래키를 사용하게 되었는데 여기서 많은 오류가 나타났다. 따.. 2024. 1. 9. 1/3 nestjs 5 내일배움캠프 오늘 학습 내용 nestjs 개인과제 : 예약 기능 제작, guard를 통한 인가 구현하기. date 입력 받기 어제는 잘 입력되었던 시간이 잘 되지 않았다. 수업에서 validationpipe를 global하게 하여 더 정확하게 validation을 진행하라고 하였는데, 여기서 시간 문자열을 제대로 변환하지 못하여 다시 제거하였다. 새로운 pipeline을 만들어 사용할 수도 있었지만, 우선 global에게 적용되는 저 pipe를 먼저 제거하고 다시 사용해야 했기 때문에 우선 지우게 되었다. admin flag가 1일 때만 performance의 post가 가능하도록 guard와 decorator를 사용하여 코드를 정비하였다. 예약하면 performance의 remain_seat가 점점 줄.. 2024. 1. 3. 1/2 nestjs 4 내일배움캠프 오늘 학습 내용 개인과제 : nestjs를 통해 공연 예약 시스템 만들기 개인과제 우선 erd와 api 명세서를 작성해 어떤 기능을 만들어야하는지 적어냈다. 이번에 입력을 받을 때는 요구사항에 시간을 배열로 받을 수 있도록 하기 위해 map을 사용해 각각 같은 내용이지만 시간만 다르게 저장할 수 있도록 제작하였다. 또, 회원가입을 할 때 is_admin flag를 통해 그 사람만 performance를 등록할 수 있도록 하였다. default는 0이고 admin인 사람만 1로 따로 추가로 입력을 넣을 수 있도록 코드를 작성하였다. 내일은 해당 user의 인가를 조금 더 명확하게 작성하고, user가 reservation을 하는 것까지 진행할 예정이다. user가 reservation을 하려면.. 2024. 1. 2. 12/27 nestjs 3 내일배움캠프 오늘 학습 내용 typeORM을 사용하여 nestjs 서버를 작성해보기, 커스텀 데코레이터, jwt 토큰을 이용한 인증, admin과 user를 나누어 인가 등 고급 기능 활용해보기 DB연결 DB를 연결하는 코드가 주어졌으나 무슨 뜻인지 잘 이해하기 어려워 자세히 더 이해해 보기로 하였다. 내용은 다른 ORM을 사용할 때와 비슷하게 DB에 연결하는 것이다. import Joi from 'joi'; import { Module } from '@nestjs/common'; import { ConfigModule, ConfigService } from '@nestjs/config'; import { TypeOrmModule, TypeOrmModuleOptions } from '@nestjs/typ.. 2023. 12. 27. 12/26 nestjs 2 내일배움캠프 오늘 학습 내용 nestJS를 활용한 기본 실습 데코레이터 데코레이터 : 해당 클래스나 함수가 어떤 역할을 수행하는지에 대해 알려주는 역할. @로 적혀있다. @Module() @Controller() @Get() @Injectable 등등이 존재한다. @module에서는 imports controllers providers exports를 가질 수 있다. controller에서는 service를 의존하고 있다. DI 방식으로 의존성을 주입해 사용한다. DTO(데이터를 전송하기 위한 객체 data transfer object) 를 사용할 대는 @Body를 사용한다. 의존성 주입(DI) IoC 제어 역전 : 기존 코드에서는 사용하는 서비스 객체를 미리 선언하고 constructor에서 실제로 사.. 2023. 12. 26. 이전 1 2 3 4 5 6 ··· 10 다음
