HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
😎
재호팀
/
🤖
2023-01-07 (토) 회의록
🤖

2023-01-07 (토) 회의록

데일리 회고

  • 승환 : 밥 못먹고 api 테스트 진행했습니다.
  • 은지 : API 명세서에 오류가 있어서 테스트 하나 하는데 오래 걸렸다.
  • 지연 : 10년 친구 생일 파티, 당일 취소했습니다. ^^ feat. api test
  • 성현: API 테스트 진행, 잘못된 정보가 조금 있어서 삽질을 했다. 백엔드 개발자의 중요성을 알 수 있었다.
  • 동우 : 3시간 자서 api test하느라 죽는 줄 알았다. ㅋ
 

API 폴더 구조 나누기

  • axios의 전체에 동일하게 쓰이는 것을 instance로 만들어 쓴다.
    • baseURL
    • timeout
  • 해당 요청들에 대한 인터셉터를 추가한다.cor
    • axios.interceptors: then이나 catch로 처리되기 전에 요청이나 응답을 가로채는 것
    • 요청 인터셉터
      • 요청을 보내기 전에 수행할 로직
      • 요청 에러가 발생했을 때
    • 응답 인터셉터
      • 응답에 대한 로직
      • 응답 에러가 발생했을 때 수행할 로직
 
  • 간단한 예제
    • [Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법
      안녕하세요. 회사에서 베트남 시니어 개발자 코드를 통해 학습한 내용을 일부 기록한 글입니다. axios를 잘 정리해서 사용한 것 같아서 따라서 사용하고 있습니다. 이 코드를 보고 개발하는 프로젝트는 전부 이렇게 작성해서 사용하고 있습니다. 이 코드의 좋은 점은 다음과 같습니다. - axios 인스턴스를 만들 때 구성 기본 값 설정을 쉽게 해 줄 수 있습니다.
      [Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법
      https://pinokio0702.tistory.com/373
      [Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법
 
 

API 폴더 구조

  • api
    • core
      • index.js
    • user
      • setting
    • auth
    • post
      • channel
      • like
      • comment
    • search
    • message
    • alarm