OpenAPI와 스웨거를 활용한 실전 API 설계정오표: https://www.onlybook.co.kr/entry/designing-API-errata1.1 API 생태계란?서비스, 라이브러리, 외부 서비스, 네트워크 환경 등의 상호작용1.2 API 기술하기API 변경사항을 기록하는 프로그램 작성문서 작성, 빌드 전 변경 부분 테스트, 불필요한 보일러 플레이트 절감1.3 OpenAPI란?HTTP 기반 API를 설명하는 방식을 정해놓은 규격(ex. RESTful API)YAML, JSON 파일 형식으로 작성API의 입력과 결과, 필요한 권한, 호스팅 위치 등을 기술 OpenAPI 정의서를 스웨거 UI에 입력하면 읽기 편한 형태의 문서로 만들어짐1.4 OpenAPI 정의서는 어디에 사용하는 것이 좋을까?기..
1.6 리액트에서 자주 사용하는 자바스크립트 문법객체 조작, 객체의 얕은 동등 비교 문제를 피하기 위한 객체 분해 할당 등 바벨: 최신 문법을 다양한 브라우저에서 일관적으로 지원할 수 있도록 코드를 트랜스파일트랜스파일의 결과로 어떤 코드가 생성되는지 이해하면 애플리케이션을 디버깅하는데 도움됨 1.6.1 구조 분해 할당배열 구조 분해 할당useState가 배열을 반환하는 이유는 이름을 자유롭게 선언하여 사용하기 위함값이 undefined일 때만 기본값을 사용const array = [1, 2, 3, 4, 5];const [first, second, third, ...arrayRest] = array;// 배열 구조 분해 할당 트랜스파일var array = [a, 2, 3, 4, 5];var first = ..
spread (...) : iterable 한 모든 것의 (대표적으로 문자열, 배열) 요소를 "펼쳐"주는 문법 배열에서 spread 사용(복사, 합치기) // 배열 복사 var arr = [1, 2, 3]; var arr2 = [...arr]; // arr.slice() 와 유사 // [1, 2, 3] // 이미 존재하는 배열을 포함한 새로운 배열 생성 var parts = ['shoulders', 'knees']; var lyrics = ['head', ...parts, 'and', 'toes']; // ["head", "shoulders", "knees", "and", "toes"] 객체에서 spread 사용(복사, 합치기) var obj1 = { foo: 'bar', x: 42 }; var obj2..