HTTP (Hyper Text Transfer Protocol)
1.Request<->Response 구조와 비연결성
Request가 있어야 Response가 있다.
하나의 요청과 하나의 응답으로 해당 연결은 끝난다.
연결을 유지하지 않기 때문에 리소스가 적어 처리가 빠르다.
2.stateless(무상태)
이전 요청에대한 정보를 서버는 알지못한다.
*세션, 쿠키, DB에 요청에 대한 값들을 저장해서 임의처리(좋은 유저경험을 위해)
TCP (Transmission Control Protocol)
TCP는 연결지향성이다.
양방향 통신
서버는 접속 요청을 받기위한 소켓을 연다 Listen
클라이언트는 소켓을 만들어 서버에 접속을 요청한다. Connect
서버는 접속 요청을 받아서 클라이언트와 통신할 소켓을 따로 만든다. Accept
소켓을 통해 서로 데이터를 주고 받는다. Send&Recevie => 반복
통신을 마치면 소켓을 닫는다. Close=>상대방은 Receive로 인지할 수 있다.
WebSocket
실시간 통신, 지속적 연결, 양방향 통신
낮은 오버헤드(데이터 패킷의 크기가 작아 효율적인 데이터 교환)
HTTP와의 호환성
개발환경 설정 중 알게된 Inlay Hints
강의를 보고 따라 타이핑 하던중 '왜 저렇게 적지?' 라는 생각이 들면서 내가 적은건 빨간줄이 생기는 부분이 있어, 궁금증이 생겨 찾아 보았습니다.
이는 변수와 함수의 타입을 명시하는 타입 어노테이션(Type Annotation) 문법이라고 합니다. 타입스크립트에서만 사용할 수 있다는 오류가 뜨는데, 자바스크립트도 쓸 수 있지 않을까요?
vscode 에서는 이를 Inlay Hint 옵션으로 지원합니다.
Ctrl + , 명령어로 해당 설정을 검색하면 아래와 같이 나옵니다
on -> onUnlessPressed 로 변경하고
더 아래의 항목에서 힌트를 표시할 유형의 체크박스를 체크하여 적용할 수 있습니다.
두 개의 onUnlessPressed가 있는데 기본적으로 숨겨둘것이냐 표시할것이냐를 선택하는 것 이고, Ctrl + Alt를 누르는 동안 표시하거나 숨길 수 있습니다.
키를 누르고 있어야만 보이거나 숨길 수 있기때문에 이를 vscode명령을 통해 토글형식으로 전환하게 해주는 확장도 존재합니다. (Toggle JS & TS InlayHints)
평소에 숨겨뒀다가 작성 중간중간
