Devlog

  • 홈
  • 태그
  • FrontEND
  • BackEND

2025/04/30 1

배열, 중첩 객체, 에러 응답을 안전하게 처리하는 TypeScript + DTO 패턴 가이드

Axios를 통해 API를 호출할 때, 다음과 같은 상황을 자주 마주치게 됩니다:응답이 배열 형태일 때: list, items 등중첩된 객체 구조일 때: user.profile.address 같은 구조에러 응답도 타입으로 명확히 관리하고 싶을 때이럴 때 DTO(Data Transfer Object) 패턴을 적용하면, 코드를 안정적이고 유지보수하기 쉽게 만들 수 있습니다.1. 배열 응답 처리 - 배열도 객체처럼 관리하자1-1. API 응답 예시GET /api/users[ { "id": 1, "name": "Alice" }, { "id": 2, "name": "Bob" }]1-2. DTO 정의export class UserDTO { id: number name: string constructor(d..

FrontEND/vue 2025.04.30
1
  • 분류 전체보기 (114)
    • FrontEND (32)
      • Javascript (8)
      • Jquery (3)
      • Jsp (7)
      • vue (14)
    • BackEND (48)
      • Database (9)
      • Web server (7)
      • Java (32)
    • DevOps (5)
      • Linux (5)
    • Tips (26)
    • Util (3)
    • 낙서장 (0)

최근글과 인기글

  • 최근글
  • 인기글

Calendar

  2025. 04  
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 티스토리

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.