728x90 𝐀𝐥𝐥343 No Image 📷 Dwitter [항해99] 클론코딩💡 항해 99 미니 프로젝트 D반 1조 팀원들의 클론코딩 에 대한 내용을 기입하는 S.A. 페이지 입니다. 목차1. 프로젝트 명2. 팀원3. 소개4. 와이어프레임5.프로그램 세팅 및 작업6. API7. 기능구현 분담8. 서버와 데이터베이스의 관계도9. 프로젝트 설명프로젝트 명Dwitter Project 팀원팀원 목록표소개기존의 트위터 기능을 참고한 트위터 클론 코딩입니다. 와이어프레임해당 웹 사이트 미 지원프로그램 세팅 및 작업GitHub Linkhttps://github.com/goingtodev/CloneCoding_Twitter_BE GitHub - goingtodev/CloneCoding_Twitter_BE: 항해99 클론 코딩 프로젝트(BE)항해99 클론 코딩 프로젝트(BE.. 2023. 3. 9. No Image 📷 [23.03.03] 2.2 / 2.3 Movies Service part 서비스를 만든다? → nest g s 하면 되겠네 먼저 movie에서 사용되어질 entity 들을 넣어주기 위한 파일을 생성해서 movie.entity.ts 라는 파일을 만들어주고 export class Movie { id: number; title: string; year: number; genres: string[]; } 속성값들을 기입해주자 자세히 살펴보니 express에서 쓰던 Schemas 와 비슷한 느낌을 받았다. 작성이 완료되었다면 service를 하나하나 만들어 나가보자. import { Injectable } from '@nestjs/common'; import { NotFoundException } from '@nestjs/commo.. 2023. 3. 3. No Image 📷 [23.02.28] 2.1 More Routes @Post @Post() create() { return 'This will create a movie'; } 해당 Post 에 Body 를 Request 해서 가져오고 싶다? —> @Body 를 사용하자 @Post() create(@Body() movieData) { console.log(movieData); return movieData; } JSON 형태로 쏴보면 전달 되어진다. @Patch 에서도 동일하다. @Patch('/:id') patch(@Param('id') movieId: string, @Body() updateData) { return { updateMove: movieId, ...updateData, }; } @Param 과 @Body 로 Request .. 2023. 2. 28. No Image 📷 [Typescript] window에서 tsc 명령어 오류 작업 내용 VScode terminal에 tsc 실행 $ tsc main.ts 오류 내용 PS C:\Users\jjdon\AppData\Roaming\npm\node_modules> tsc main.ts tsc : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\ jjdon\AppData\Roaming\npm\tsc.ps1 파일을 로드할 수 없습니다 . 자세한 내용은 about_Execution_Policies(https://go.microso ft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurity Exc eption + FullyQualifiedErrorId : Una.. 2023. 2. 27. No Image 📷 [23.02.26][스파르타 코딩클럽]_ 12주차_ 06주차 심화 주차를 마무리하며... 제출 해야 할 과제는 이미 끝낸 상태 공부해야할 여러가지를 놓치지 않으려 열심히 달렸다. 지난주에 잡았던 이번 주 목표 코어 자바스크립트 [ this , callback , class ] 해당 세 파트를 다시 복습할 예정이다. 제공된 SQL 강의를 월요일 안에 완강할 예정이다. 제출한 과제의 레포에 README 파일 안에 어떠한 방법으로 작성했고 어떤 의미를 가지고 있는지 하나하나 다 작성해서 기입할 예정이다. 제공된 자바스크립트 강의를 다시 복기할 예정이다. 만약 위의 과정이 다 끝이 났다면, 타입 스크립트 강의를 진행할 예정이다. 목표로 잡았던 코어 자바스크립트는 모두 복습하지는 못했다. 제공된 SQL 강의는 모두 완강했다. -> 이번 주 내에 SQL 강의는 재 복습하며,.. 2023. 2. 26. No Image 📷 [Docker HUb] 도커허브에 레포지토리 생성하기 새로운 레포지토리를 등록하자 해당 부분이 경로가 될 것이다. 본인의 username 과 이레포지토리의 이름이 경로가 된다. 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] Docker Hub 와 연결 준비하는 방법 (2) [GitHub Actions] Docker Hub 와 연결 준비하는 방법 (2) 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] 초기 세팅 하는 방법 [GitHub Actions] 초기 세팅 하는 방법 새로만든 Repository에 해당 Actions 를 클릭하여 들어간다. 해당 workflow를 jrogrammer.tistory.com 이 게시.. 2023. 2. 26. No Image 📷 [Docker Hub] 도커허브 가입하고 시크릿키 확인하기 https://hub.docker.com/ Docker Hub Container Image Library | App Containerization Deliver your business through Docker Hub Package and publish apps and plugins as containers in Docker Hub for easy download and deployment by millions of Docker users worldwide. hub.docker.com 해당 주소로 가입하자 이메일 인증까지 완료하였다면, 시크릿 키를 알아보자 해당 지문 모양을 눌러주면 Account Settings 가 나타난다 클릭해주자 좌측에 Security 섹션이 나온다. 들어가면 New Access.. 2023. 2. 26. No Image 📷 [23.02.25] 2.0 Movie Controller Movie Controller 만들어보자 우선 Terminal 창에 아래 코드를 입력하면 nest 위와 같은 목록표가 나온다. 우리는 Controller 를 만들것이니 nest generate co 혹은 nest g co 입력하자 Controller 의 이름을 묻는다. movies controller 만들 것이니 movies 를 입력하자 movies controller 가 생성되었다. 어? 잘 보니까 @Module에 controller 보면 MoviesController 가 이미 import 되었다. @Controller('movies') export class MoviesController { @Get() getAll() { return 'This will retu.. 2023. 2. 25. No Image 📷 [GitHub Actions] Docker Hub 와 연결 준비하는 방법 (2) 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] 초기 세팅 하는 방법 [GitHub Actions] 초기 세팅 하는 방법 새로만든 Repository에 해당 Actions 를 클릭하여 들어간다. 해당 workflow를 작성할 수 있고 제안되어진 workflow yml 파일들을 확인할 수 있다. 우리는 Docker를 활용할 것이기 때문에 Docer라고 검색하겠다. jrogrammer.tistory.com 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] Docker Hub 와 연결하는 방법 [GitHub Actions] Docker Hub 와 연결하는 방법 2023... 2023. 2. 25. No Image 📷 [GitHub Actions] Docker Hub 와 연결 준비하는 방법 (1) 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] 초기 세팅 하는 방법 [GitHub Actions] 초기 세팅 하는 방법 새로만든 Repository에 해당 Actions 를 클릭하여 들어간다. 해당 workflow를 작성할 수 있고 제안되어진 workflow yml 파일들을 확인할 수 있다. 우리는 Docker를 활용할 것이기 때문에 Docer라고 검색하겠다. jrogrammer.tistory.com 이전 게시글 처럼 초기 세팅이 완료가 되었다면 yml 파일을 건들기 전에 우선 해줘야 하는 작업이 있다. VScode를 열었으면, Dockerfile 이라는 파일을 만들어줘야한다. 물론 프로젝트 파일 안에 생성해줘야한다. 생성을 해 주.. 2023. 2. 25. No Image 📷 [GitHub Actions] 초기 세팅 하는 방법 새로만든 Repository에 해당 Actions 를 클릭하여 들어간다. 해당 workflow를 작성할 수 있고 제안되어진 workflow yml 파일들을 확인할 수 있다. 우리는 Docker를 활용할 것이기 때문에 Docker라고 검색하겠다. 클릭 하자 기본으로 제공하는 yml 형식의 파일이다. 체크 표시한 부분에 yml 파일 이름을 정할 수 있다. 어떠한 행위를 하는 yml 파일인지 기재해주고 Start commit 으로 해당 경로로 파일을 생성해준다. 커밋 된 것을 확인할 수 있다. 다음 Step 2023.02.25 - [[𝐃𝐞𝐯𝐞𝐥𝐨𝐩] 개발 Tool/GitHub Actions] - [GitHub Actions] Docker Hub 와 연결 준비하는 방법 (1) [GitHub Actions] Do.. 2023. 2. 25. No Image 📷 [미니 프로젝트] Create Basic Site [항해99] 미니프로젝트 💡 항해 99 미니 프로젝트 D반 1조 팀원들의 미니 프로젝트 S.A. 페이지 입니다. 목차 1. 프로젝트 명 2. 팀원 3. 소개 4. 와이어프레임 5.프로그램 세팅 및 작업 6. API 7. 기능구현 분담 8. Stack 9. 관계도 10. 프로젝트 설명 프로젝트 명 Create Basic Site 팀원 팀원 목록표 소개 기본적인 사이트의 틀을 구현 하는데, 중점을 둔 웹 사이트 입니다. 와이어프레임 해당 웹 사이트 미 지원 프로그램 세팅 및 작업 GitHub Link https://github.com/jaehunju1996/Hanghae99_MiniProject_CreateBasicSite GitHub - jaehunju1996/Hanghae99_MiniProject_Cre.. 2023. 2. 25. No Image 📷 [23.02.24] 1.0 Overview Nestjs 시작하기 npm run start:dev —> localhost:3000 으로 갈 수 있게 해준다는 뜻 src 파일을 헤쳐보자 app.controller.spec.ts → Controller 테스트 파일 app.controller.ts → Controller 파일 app.module.ts → Module 파일 app.service.ts → Service 파일 main.ts → app.js 와 비슷한 기능의 파일 1.1 / 1.2 ARCHITECTURE OF NEST.JS main → main.ts 가 모든 걸 시작 import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; a.. 2023. 2. 24. No Image 📷 [23.02.23] Nest.js 는 Enterprise 에서 사용하기 좋은 Build 환경 Nest.js 는 TypeScript 기반 insomnia rest (Rest Client )다운로드→ 엔드포인트를 테스트 할 용도 1. Nest.js 설치 Installation — 설치 $ npm i -g @nestjs/cli $ nest new project-name To create a new project with TypeScript's strict mode enabled, pass the --strict flag to the nest new command. 오류 발생시 : 아래 코드로 설치가능. 2. Nest.js 설치 확인 명령어 입력 nest 해당 사진과 같이 사용 가능한 schematics 확인 가능 —> 설치 완료.. 2023. 2. 23. No Image 📷 [23.02.20] 2023. 2. 20. No Image 📷 SQL을 파헤쳐보자 목차 SQL SQL DBEABER 화면이다. 가장 왼쪽에 위치한 이 패널은 데이터베이스 네비게이터이다. 왼쪽 상단에 SQL 편집기를 열면 해당 편집기 패널이 나타난다. 여기에 SQL문이나 Query문을 쓰게 될거다. 2023. 2. 20. 이전 1 ··· 7 8 9 10 11 12 13 ··· 22 다음 728x90
