안녕하세요. Next.js 에서 백엔드 팀에서 만들어준 api 를 연동할 때 api 를 호출하는 코드를 작성 하실 텐데, api 를 호출하는 방법을 크게 3가지로 나눠볼 수 있습니다. 본 글은 Next.js v15 를 기준으로 작성하였습니다. Next.js 에서 api 요청 시작점과 요청지React 에서 서버 컴포넌트 및 서버 액션 기능이 생김으로 인해 Next.js 에서 api 호출에 대한 종류는 다음과 같이 분류해 볼 수 있습니다.클라이언트 사이드에서 api 호출클라이언트 사이드에서 server action 함수 호출 (server action 함수 내에서 api 호출 하는 로직이 포함된 방식)서버 컴포넌트에서 api 호출1번은 api (백엔드) 입장에서 보면 요청지 및 요청 시작점이 모두 클라이언트..

행운의 고슴도치 그림자 병사

수면 속으로

다크홀드

아파트~ 아파트~

입장이오

티스토리 스킨 개발 편의를 제공하는 torytis 의 dev server 에 핫리로드 기능이 업데이트 되어 이를 소개 드리기 위해 이렇게 글을 작성하게 되었습니다. 업데이트 전torytis 를 사용해 만든 개발 결과물을 확인해보려면 아래 명령어를 실행해야 합니다.npm run dev 만약 소스코드 내용에 변경이 생겼을 경우 dev server 를 종료하고 다시 위 명령어를 입력해야 했습니다. 수정이 빈번하게 일어나고 결과를 매번 확인해야 하는 상황에선 이 과정이 불편하게 느껴질 수 있던 부분 이었습니다. 업데이트 후torytis 최신 버전에서는 이러한 부분을 개선하였습니다. npm run dev 를 이용해 dev server 를 실행하면 이제는 소스코드 내용에 변경이 생겼다면 자동으로 빌드가 다시 진행되..

마음의 힘