2026/03/23 2

오픈 API 문서를 읽을 때 주의할 점

저는 지금까지 API를 연결할 때 swagger문서만을 활용했었습니다. 이번 사이드 프로젝트를 통해 처음으로 오픈 API 문서를 활용해 작업을 하게 되었습니다. 이에 구글링과 GPT 및 제미나이를 활용하여 오픈 API 문서를 활용할 시 주의할 점을 알아보고 이를 참고해 작업에 참고해보고자 합니다. 1. 구현하고자 하는 기능과 API가 정말 일치하는가 확인사실프로젝트 시작전부터 확인해야 하는 사항으로 해당 API가 만들고자 하는 기능과 일치하는 지를 확인해야 합니다. 2. 어떤 필드만 가져올지 계획API의 응답 형식을 바로 UI에 쓰는 것은 지양해야 합니다. 필드명을 바로 쓰지 말고 내부 타입으로 정규화 하거나 매핑해야 합니다. 3. 샘플 데이터 품질 확인샘플 데이터 몇 개를 확인하여 값이 비어있으면 어떻..

useEffect와 Suspense의 로딩 방식 차이

useEffect와 Suspense의 로딩 방식 차이 Suspense와 기존 로딩 상태 관리 방식인 useEffect()와 loading state는 로딩 상태를 관리하는 방식에서 근본적인 차이가 있습니다. 기존 방식에서는 데이터를 불러올 때 useEffect() 훅을 사용하고, 로딩 상태를 관리하기 위해 isLoading이라는 별도의 상태 변수를 만들어야 합니다. 예를 들어, 데이터를 불러오는 동안엔 isLoading을 true로 설정하고, 데이터가 다 불러온다면 false로 바꾸는 식입니다. 그래서 조건에 따라 로딩 UI를 보여주는 식으로 작동합니다. 이 방식은 간단한 상황에서는 충분히 유효하지만, 여러 개의 비동기 데이터를 다룰 때에는 조건부 렌더링 로직이 복잡해질 수 있습니다. Suspense는 ..