HTTP(HyperText Transfer Protocol) 초기에는 html과 같은 하이퍼텍스트를 교환하기위한 프로토콜이였으나. 현대에 와서는 거의 모든 데이터를 http 메시지에 담아서 전송한다. HTTP/1.1과 HTTP/2는 TCP 기반이며 HTTP/3는 UDP에 기반을 두고있다. 클라이언트 -서버 구조 Request 와 Response구조 이며 클라이언드가 서버에 요청(request)을 보내고, 응답(response)을 대기하고 서버가 요청에 대한 결과를 응답(response)하는 구조이다. Stateless하다 http는 무상태 프로토콜이다. Stateful, Stateless Stateful 서버가 클라이언트의 상태를 보존한다. 즉, 서버가 쿠키나 세션을 통해서 클라이언트의 인증이 종료될 때..
분류 전체보기
Stateful 서버가 클라이언트의 상태를 보존한다. 즉, 서버가 쿠키나 세션을 통해서 클라이언트의 인증이 종료될 때 까지, 클라이언트의 정보를 저장한다. 예시를 들어보자면 클라이언트: 사과 2개 배달해 주세요 점원1: 주소는 어떻게 되세요? 클라이언트: 서울시 성북구 XXXX입니다. 점원1: 결제는 어떻게 해드릴 까요? ( 사과 2개를 산다는 것을 알고있다) 클라이언트: 카드로 하겠습니다. 점원1: 감사합니다 ( 사과 2개를 어떤 주소로 배달하는지 알고있다) 장점: 이것이 stateful로서 클라이언트의 정보를 저장하고 있음으로 통신이 갑자기 중단되어도 이어서 다시 시작 할 수있다. 하지만 위 예에서 중간이 점원이 바뀐다면 클라이언트: 사과 2개 배달해 주세요 점원1: 주소는 어떻게 되세요? 클라이언트..
URI(Uniform Resource Identifier) uniform: 자원을 식별하는 통일된 방식 resource: 자원, URI로 식별할 수 있는 모든 것 identifier: 다른 항목과 구분하는데 필요한 정보 URI는 통합 자원 식별자로 URL과 URN으로 나누어 진다. URN(Uniform Resorce Name) URN은 이름으로 리소를 식별하는 개념이지만 실제로 방법이 보편화 되지 않았다. URL(Uniform Resource Locator) URL은 위치로 리소스를 식별한다 URL 구조 scheme - 주로 프로포콜을 사용한다 ex) http, https, ftp userinfo@ - URL에 사용자 정보를 포함하며 거의 사용하지 않는다 host - 호스트명 , 도메인명 또는 IP주소를..
IP(Internet Protocol) 역할 IP의 역할로는 지정한 IP 주소에 패킷(packet)이라는 통신 단위로 데이터를 전달한다. 한계 하지만 IP만으로는 비연결성(packet을 받을 대상이 없거나 서비스 불능 상태여도 packet을 전송한다) 비신뢰성( packet이 중간에 소실 되거나, 순서가 다르게 전달 될 수 있다) 프로그램 구분 불가( 같은IP를 사용하는 서버에서 여러 애플리케이션에 정보를 전송 할 수 없다) 라는 한계를 가진다. IP Packet IP Packet에는 출발지 IP와 목적지 IP의 정보가 들어간다 TCP(Transmisson Control Protocol) TCP는 IP의 한계들을 해결해 주기 위해서 고안되었다. TCP Segment TCP 세그먼트에는 출발지 PORT 목..
fetch란 JavaScript에서 서버에 네트워크 요청을 보내고 정보를 받아오기 위해 사용하는 라이브러리다. Form의 한계점 기본적으로 클라이언트에서 서버로 데이터를 전송하기 위해서는 html의 form 태그를 이용하여 아래처럼 나타냈다. Purchase Percent {{item.price}} 하지만 사용자의 입력을 받은 이외의 값을 서버로 전송하기 위해서 input태그에 display:none을 추가해서 사용했다. 하지만 fetch를 이용하면 입력받은 정보 뿐만 아니라 원하는 정보도 json 형태로 서버로 전송할 수 있다. Purchase Percent // 추가 {{item.price}} Fetch 기본적인 fetch로 post를 보내는 방법이다. let user = { name: 'John',..
여행의 이유 -김영하 이 책은 내가 고등학교 시절 스승의 날에 초등학교 담임선생님에게 선물하기 위해 샀던책이다. 읽어보진 않았지만 단순히 선생님이라 책을 좋아 할 것 같았고, 여행을 좋아하시던게 기억이나서 여행의 이유를 골랐던것 같다. 4년이 지난 지금 나는 이 책을 펴보았다. 추방과 멀미 인간은 언저나 자기 능력보다 너 높이 희망하며, 희망했던 것보다 성취에도 어느 정도는 만족하며, 그 어떤 결과에서도 결국 뭔가를 배우는 존재다. p.23 한 쇼핑몰 사장님이 하신 말이 있따. "지금 매출을 유지하고 싶은데, 가만히 있으면 유지조차 할 수 없다. 더 높이 가려고 발버둥 쳐야지만 지금 상태라도 유지할 수 있다." 많은 사람들이 더 나은 삶을 살기위해 노력한다. 그 사이에서는 가만히 있기만 해도 뒤쳐진 사람..
Partial Partial은 Type의 모든 속성들을 optional로 만들어 준다. interface bookDetail{ title: string; author: string; page: number } type PBook = Partial; const harryPoter : PBook = { title: "harryPoter", author: "J.K", } /* PBook { title?: string | undefined; author?: string | undefined; page?: number | undefined; } */ Required Required는 Type에서 optional을 제거해 준다. interface books{ name? : string; author? : strin..
햄릿 -Wiliiam Shakespear(윌리엄 셰익스피어) 셰익스피어의 책을 처음읽어보지만, 햄릿이라는 이름은 자주 들어보았다. 셰익스피어는 그 당시에 굉한한 말 솜씨와 언어유희를 지녔다고 해서 흥미를 가지고 책을 고르게 되어었다. 저렇게 머리가 터지도록 퍼 마시니 동서를 막론하고 우리를 술 주정뱅이라고 부르고 돼지라 몰아세우지. 그러니 애써 이룩한 공적도 명성의 알매이는 사라지고 마는걸세. 처음, 이 문장을 읽었을 때는 술이 자신이 이룬 많은 것을 물거품으로 만들 수 있다고하는 단순한 말이라고 생각했다. 후에 이 문장을 다시 맞이 했을 때는 더 확장된 의미로 다가왔다. 단순히 목표를 달성했는 이유만으로 경솔한 행동을 한다면, 그것이 내 공적과 명성도 가져가 버릴 수 있다고. 이런 의미를 받아드린 뒤에..
Optional optional은 ?로 사용하며 값이 필수가 아니라는 것을 의미한다. interface O { name ?: string; age ?: number; } const alice : O ={}; const cinderella : O = { name : "cin" }; const rapunzel : O = { name: 'rap', age: 20, }; Callback js의 문법들을 ts로 변환 하는 것을 공부하다, forEach의 callbackfn의 타입을 정의하는 부분에서 value, index, array를 모두 입력 하지 않아도 foreach가 동작하여 의문을 가졌다. interface Array{ forEach(callbackfn: (value: T, index: number, a..
