nextjs에서 서버액션에대해 학습하고 사용예제들을 보면서 프로젝트에 적용하려던중 궁금증이 생겼다.지금 현재 nextjs 프로젝트에서 axios로 api통신하고, 리액트 쿼리로 그 결과를 캐싱하고, 데이터를 페칭, 동기화, 업데이트하려는 중인데, nextjs의 서버액션을 내가 굳이 지금 적용해보려는 이유가 뭘까?  단순히 학습한것을 복습겸 적용해보고싶어서? 아니면, axios,react-query보다 나은 이점이 있어서?나의 얕은 지식으로는, 리액트18에서 나온 useTranslation훅이랑 같이 사용했을때 suspense fullback UI 이슈 문제 같은거 해결하기 편해보이는거와 코드 간소화가 된다는 정도와 서버액션을 사용하면 리액트18버전에서 나온 `new formData`를 통해 데이터를 주..

리팩토링 전 코드import { Controller, Get, Req, Res, UseGuards } from '@nestjs/common';import { AuthGuard } from '@nestjs/passport';import { Request, Response } from 'express';import { AuthService } from './auth.service';import { IOAuthUser } from './interfaces/auth-service.interface';@Controller()export class AuthController {constructor(private readonly authService: AuthService, //) {}@UseGuards(AuthGu..