본문 바로가기
반응형

학습정리/자습59

Http&NetWork Basic 정리 (1) 프론트엔드 개발자로서 그동안 못했던, 네트워크 지식에 대해 정리해보려고한다. 1장HTTP웹에서 쓰이는 약속 이라고 생각하자. HTTP 1.0, HTTP1.1은  1996년, 1997년에 나왔지만, 아직도 많은 곳에서 사용되고있다. TCP/IPHTTP의 상위 범주로 인터넷과 관련된 프로토콜을 모은 것.- 이 프로토콜에는 케이블의 규격, IP주소 지정방법, 웹을 표시하기위한 순서 등등이 있음 계층으로 관리됨- 계층화되어 관리되는 이유는 각 계층별로 자유롭게 설계가 가능하기 때문에.- 예를들면, 어플리케이션 층에서는 자기 자신이 담당하는 부분만 고려하면되고, 다른 계층의 역할은 고려할필요가없음- 계층의 4가지  - 어플리케이션 : 유저에게 제공되는 통신의 움직임 결정, FTP,DNS,HTTP 여기에 포함  -.. 2025. 1. 8.
이펙티브 타입스크립트 정리 - 4장 아이템28. 유효한 상태만 표현하는 타입을 지향하기 문제점 있는 코드들 살펴보기 interface State { pageText: string; isLoading: boolean; error?: string; } function renderPage(state: State) { if (state.error) { return `ERROR!`; } else if (state.isLoading) { return `LOADING`; } return `CURRENT Page`; } 조건이 명확히 분리되어 있지 않음 isLoading이 true이고 error값이 존재하면 로딩 중인지 아닌지 구분이 잘안감 async function changePage(state: State, newPage: string) { stat.. 2023. 6. 9.
이펙티브 타입스크립트 정리 - 3장 let x: number = 12; // 이렇게 써도 되긴하지만 let x = 12; // 이렇게 써도 x는 number로 추론된다 const person: { name: string; born: { where: string; when: string; }; died: { where: string; when: string; }; } = { name: "name", born: { where: "bornwher", when: "bornwhen", }, died: { where: "diedwhere", when: "diedwhen", }, }; const person = { name: "name", born: { where: "bornwher", when: "bornwhen", }, died: { where: .. 2023. 6. 2.
이펙티브 타입스크립트 정리 - 2장-02 매개변수나 반환값에 타입을 명시하기보다는 함수 표현식 전체에 타입 구문을 적용 하는 것이 좋다. declare function fetch( input: RequestInfo, init?: RequestInit ): Promise; async function checkdFetch(input: RequestInfo, init?: RequestInit) { const response = await fetch(input, init); if (!reponse.ok) { // 비동기 함수 내에서 거절된 프로미스로 변환함 throw new Error("Request failed: " + response.status); } return response; } // 위코드도 잘 동작하겠지만, 아래 코드가 좀 더 좋다 co.. 2023. 5. 19.
반응형

티스토리툴바