otopligrm 님의 블로그

프론트와 백엔드가 소통할 때에 서버에서 온 응답을 JSON객체로 변환하고이 JSON타입을 타입스크립트의 타입 T로 변환을 합니다. 구분 fetch (브라우저 내장)axios (외부 라이브러리)제공 방식브라우저 내장 (설치 불필요)별도 설치 필요 (npm i axios)기본 기능아주 단순한 HTTP 요청만HTTP 요청 + 부가 기능 풍부응답 처리res.json() 직접 호출 필요자동으로 JSON 파싱 (response.data)에러 처리네트워크 에러만 throw, 404/500도 성공으로 처리됨상태 코드 200대 아니면 자동으로 reject요청 취소AbortController 필요취소 토큰 제공브라우저 호환성최신 브라우저만오래된 브라우저도 지원추가 기능없음인터셉터, 자동 헤더, timeout 등 지원

타입스크립트는 자바스크립트의 상위 집합으로 코드에 타입(Type)을 부여하여개발 과정에서 발생할 수 있는 오류를 미리 방지하고코드의 안정성과 가독성을 높이는 데 도움을 줍니다.타입스크립트의 기본 타입은 자바스크립트에서 사용하는 데이터 타입과 매우 유사하지만,타입스크립트의 강력한 타입 시스템에 맞게 더 명확하게 정의되고 활용됩니다. 1. Boolean (불리언)참/거짓을 나타내는 논리적인 타입을 말합니다.let isDone: boolean = false;let hasStarted: boolean = true; 2. Number (숫자)모든 숫자 타입은 Number로 통일됩니다. 정수, 실수, 16진수, 2진수, 8진수 등 모든 형태의 숫자를 포함합니다. 자바스크립트와 마찬가지로, number 타입의 값은 ..