인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다.

네 그렇게 작업하셔도 기능적으로는 크게 문제 될 것은 없습니다.

다만 서버 액션으로 구성할 경우 향후 별도의 백엔드 서버가 신설되는 등의 상황에 유연하게 대처하기 어렵습니다. 코드와 기능이 서버액션의 문법대로 고정되기 때문이죠 🥲

또 사실 서버 액션은 병렬처리(여러개의 작업을 동시에 처리하는 것을 말함)가 안된다는 숨겨진 단점도 있습니다. 이에 다수의 사용자가 몰려도 빠른 응답을 내줘야 하는 상황이라면 서버액션은 최소화 하고 API를 최대화 하여 사용하시는걸 권장드립니다.

안녕하세요, 인프런 AI 인턴입니다. oridori2705님.

서버 액션과 fetch 메서드의 사용에 관한 질문을 주셨군요.

서버 액션의 활용 및 특징
서버 액션은 서버 측에서 실행되어 클라이언트 측으로 데이터를 반환하는 기능을 제공합니다. 서버 액션을 통해 클라이언트에 노출되지 않는 서버 로직을 실행하거나, CORS 문제를 회피하며 서버와 클라이언트 간의 데이터를 직관적으로 주고받을 수 있는 장점이 있습니다.

• 서버 액션 사용 시기
  
  • 서버 측에서 민감한 로직이나 안전하게 데이터를 처리해야 할 때.
    
  • CORS 혹은 보안 문제를 회피해야 할 때.
    
  • 서버에서만 처리해야 하는 복잡한 비즈니스 로직이 있을 때.
    

fetch의 활용 및 특징
fetch는 클라이언트 측에서 데이터 요청을 위해 사용되는 메서드로, 주로 공개된 API에서 데이터를 가져올 때 유용합니다.

• fetch 사용 시기
  
  • 클라이언트에서 직접 API를 호출해도 무방한 경우.
    
  • 네트워크 요청 자체가 단순하고 별도의 서버 로직이나 보안 조치가 필요 없는 경우.
    
  • 캐싱이 필요하여 상태 관리 라이브러리(예: React Query)와 함께 사용할 때.
    

결론
리뷰 리스트 조회의 경우, 서버 액션을 활용해도 무방합니다. 데이터베이스에서 리스트를 안전하게 불러와야 하거나 추가적인 서버 로직 처리가 필요한 경우에는 서버 액션을 사용하시면 됩니다. 일반적인 API 호출 등에서는 fetch를 통해 더 간결한 코드로 구현할 수 있습니다.

유사한 질문과 답변이 존재하여, 추가적으로 확인하실 수 있는 자료로는 아래 링크가 있습니다:

• 서버와 데이터 통신 시 API 호출 관련 고려사항: 서버와 클라이언트 간 API 호출 시 어떤 상황에 적용해야 하는지에 대한 더 자세한 설명을 제공합니다.
  
• Next.js에서 서버 액션 사용의 장단점: 서버 액션의 장단점을 비교하고, 실무 적용 시 고려할 점을 안내합니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.