본문 바로가기

전체 글109

AXIOS 목차1. AXIOS란2. 사용법3. FetchAPI가 이미 있는데?4. 주의점 1. AXIOS란HTTP 요청 작업을 promise기반으로 처리하는 자바스트립트의 라이브러리form의 submit, xhr, fetchAPI 등 클라이언트가 서버에 요청을 하는 방법이 몇가지가 있다. 그 중 현재 가장 많이 사용하는 방법 중 하나가 axios를 이용하는 것이다. axios는  여러 장점으로 인해  현재 가장 많이 사용되고 있다. 그렇다면 왜 많이 사용되는지, 그리고 어떻게 사용하는지 확인해보자. 2. 사용법먼저 axios는 외부 라이브러리기 때문에 node에서 사용하는 경우 npm으로 설치를 해야하고 html에서 사용할 경우 cdn 또는 lib경로에 파일을 추가하여 사용하여야 한다.npmnpm install a.. 2024. 7. 19.
스웨거 목차1. 스웨거란?2. 왜 사용을 할까?3. 데코레이터4. 사용법1. 스웨거란?Rest API의 설계문서를 자동으로 생성하고 서버측 기능을 테스트할 수 있게 해주는 오픈 소스 API2. 왜 사용을 할까?개발을 할 때 가장 많이 하는 작업 중에 하나가 API 문서화다. 그 문서를 일일히 만들면 귀찮고 프론트 엔드와 백엔드 사이에서 소통하는 과정에서 문제가 발생하여 서로 맞지 않게 작업을 진행할 수도 있다. 스웨거는 몇 줄의 코드를 추가하여 자동으로 API문서를 만들어주고 프론트엔드 측 개발자가 백엔드의 기능이 정상적으로 테스트할 수 있게 해준다.3. 데코레이터1) ApiTags▶ 특정 컨트롤러를 그룹화하는 것으로 UI에서 카테고리를 정리하는데 사용된다.2) ApiOperation▶ 각 엔드 포인트에 대한 .. 2024. 7. 17.
구글 oauth 사용해보기 - 코드 목차1. 컨트롤러에 요청2. 사용자 정보요청3. 사용자 정보확인1. oauth 인증 요청1) 컨트롤러 전체 코드import { Controller, Get, Res, Query } from '@nestjs/common';import { AuthService } from './auth.service';import { Response } from 'express';import axios from 'axios';@Controller('auth')export class AuthController { constructor(private readonly authService: AuthService) {} @Get("google") googleLogin(@Res() res: Response) { // 생.. 2024. 7. 16.
구글 oauth를 사용해보기 목차1. 프로젝트 생성2. 앱  및 제공정보 설정3. 앱의 인증 정보 만들기4. 완성된 정보 확인 https://console.cloud.google.com/ Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com구글로 로그인하여 정보제공을 하는 구글 oauth를 사용해보도록하자. oauth를 사용하기 위해서는 코드만 작성하는 것이 아닌 구글 oauth 앱을 생성하여야 한다. 그 과정에 대한 내용이 많아 앱 추가하는 것과 코드를 작성하는 것 두개로 나누어 글을 작성하도록 하려고 한다. 앱을 생성하기 위해서는 위의 링크를 구글 클라우드에 접속하여 진행하여야 한다. 1. 프로젝트 생성먼저 클라우드 플랫폼에 접속하면 다음과 같은 화면을 볼 수 있다. 상단에 있.. 2024. 7. 15.

티스토리툴바