nodejs11 GraphQL 소개: 모던한 API 쿼리 언어 GraphQL은 모던하고 강력한 API 쿼리 언어입니다. Facebook에서 개발되었으며, 클라이언트가 필요한 데이터를 정확히 요청할 수 있도록 합니다. RESTful API와 비교하여 GraphQL의 가장 큰 장점 중 하나는 "Over-fetching"과 "Under-fetching"을 방지하여 네트워크 트래픽을 최소화하는데 있습니다. GraphQL의 주요 특징과 장점 강력한 타입 시스템: GraphQL은 스키마를 사용하여 데이터의 타입을 정의하고, 클라이언트가 필요한 데이터의 타입을 명시할 수 있습니다. 이를 통해 데이터의 형식을 미리 정의하여 타입 관련 오류를 최소화하고 코드의 안정성을 높입니다. 유연한 데이터 쿼리: 클라이언트가 필요한 데이터를 정확히 요청할 수 있으므로, Over-fetching.. 2023. 7. 25. NestJS - Socket 통신을 이용한 간단한 채팅페이지 구현하기 # 4 NestJS와 Socket.io를 사용한 채팅 서버 구현 이번에는 채팅 페이지의 기능을 고도화하고, 간단한 css를 입혀보겠습니다. index.ejs 수정 Send 필요한 파일과 스크립트 불러오기: 이 코드는 채팅 애플리케이션에 필요한 스타일시트, Socket.IO 라이브러리, jQuery 라이브러리, 그리고 자체적으로 작성한 socket.js 파일을 불러옵니다. 채팅 메시지를 표시할 영역 생성: 태그는 채팅 메시지를 보여주는 영역을 생성하며, 태그를 사용해 메시지 목록을 표시합니다. 메시지 입력 및 전송을 위한 폼 생성: 태그는 메시지를 입력하고 전송할 수 있는 폼을 생성합니다. 태그는 사용자가 메시지를 작성할 수 있는 입력 필드를 생성하며, 태그는 메시지를 전송할 수 있는 버튼을 생성합니다. 소켓 이.. 2023. 4. 28. NestJS - Socket 통신을 이용한 간단한 채팅페이지 구현하기 # 3 NestJS와 Socket.io를 사용한 채팅 서버 구현 이번 페이지에서는 NestJS와 Socket.io를 사용하여 간단한 채팅 서버를 구현하는 방법을 알아봅니다. 필요한 패키지 설치 먼저, Socket.io와 관련된 패키지를 설치해야 합니다. 터미널에서 다음 명령을 실행하세요. npm install --save @nestjs/websockets @nestjs/platform-socket.io socket.io-client 채팅 게이트웨이 생성 NestJS의 게이트웨이를 사용하여 소켓 서버를 생성합니다. 터미널에서 다음 명령을 실행하여 채팅 게이트웨이를 생성하세요. nest generate gateway chat 생성된 src/chat.gateway.ts 파일을 열고 다음과 같이 수정합니다. impor.. 2023. 4. 19. NestJS - Socket 통신을 이용한 간단한 채팅페이지 구현하기 # 2 NestJS와 EJS를 사용한 뷰 구성 이번 페이지에서는 EJS를 사용하여 NestJS 애플리케이션에서 뷰를 구성하는 방법을 알아봅니다. 필요한 패키지 설치 먼저 EJS와 관련된 패키지를 설치해야 합니다. 터미널에서 다음 명령을 실행하세요. npm install --save ejs @nestjs/serve-static 뷰 엔진 설정 src/app.module.ts 파일을 열고 다음과 같이 수정하여 EJS 뷰 엔진을 설정합니다. import { Module } from '@nestjs/common'; import { AppController } from './app.controller'; import { AppService } from './app.service'; import { ServeStaticMo.. 2023. 4. 17. 이전 1 2 3 다음
