본문 바로가기

Ted's Codding study

검색하기
Ted's Codding study
프로필사진 Ted93

  • 프론트엔드 (73)
    • HTML (0)
    • CSS (5)
    • JavaScript (28)
    • TypeScript (37)
    • Github (1)
    • projects (1)
    • 노마드코더 (0)
Guestbook
Tags
  • K디지털기초역량훈련
  • getItem
  • parse
  • Todo
  • 타입
  • javascript
  • 프론트엔드 강의
  • DOM
  • CSS
  • regular-expression
  • 패스트캠퍼스
  • localstorage
  • regex
  • 자바스크립트
  • stringify
  • type-annotation
  • 국비지원교육
  • 정규표현식
  • 타입스크립트
  • 제너릭
  • todos
  • JSON
  • 투두리스트
  • typescript
  • 투두
  • setItem
  • 내일배움카드
  • document-object-model
  • todo-list
  • cookie
more
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록API (1)

Ted's Codding study

API 응답 처리 함수 구현 with TypeScript

1. 상태 및 데이터 타입 정의사용자 정보를 처리하는 API 응답 처리사용자 정보를 나타내는 타입과 API 응답 타입을 정의type User = { id: number; name: string; email: string;};type ApiResponse = { status: 'loading' | 'success' | 'error'; data?: User; message?: string; // 성공 또는 에러 메시지 출력}; 2. API 응답 처리 함수 구현API 응답에 따라 다른 작업을 수행하는 함수를 구현ApiResponse 타입의 객체를 매개변수로 받아 그 상태에 따라 적절한 로그를 출력하고, 필요한 작업을 수행function processApiResponse(response: ApiRes..

TypeScript 2024. 6. 20. 12:35
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바