network

💡 HTTP Secure의 약자💡 HTTP 요청과 응답으로 오가는 내용을 암호화(값을 볼 수 없음)💡 HTTPS 요청 및 응답은 중간에 제 3자에게 데이터가 탈취되더라도 알아볼 수 없음

IP 기반의 네트워크는 미 국방성의 1969년 아르파넷(ARPANET) 프로젝트💡 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 연결함💡 다른 상대와 연결중이라면 그 연결이 끊어질 때까지 기다려야 함💡 특정 회선이 끊어지는 경우 처음부터 다시 연결

💡 클라이언트와 서버 사이 데이터가 교환되는 방식💡 구성 파일, API, 기타 인터페이스에서 HTTP Messages를 자동으로 완성💡 requests(요청) / reponses(응답)📗 구조start line요청이나 응답의 상태. responses에서는 sta

💡 네트워크에 연결된 특정 PC의 주소를 나타내는 체계📗IPv4 Internet Protocol version 4, .으로 구분된 네가지 구역각 구역마다 0 ~ 255까지 2^(32)인 약 43억개의 IP주소 표현 가능◾️ localhost, 127.0.0.1 :

💡 Uniform Resource Locator의 약자💡 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보📗 내용sheme 통신 방식(프로토콜)을 결정, 일반적 브라우저에서는 http(s) 사용host 웹 서버의 이름, 도메인, IP를 사용,

💡 IP(인터넷 프로토콜)는 지정한 IP주소(IP Address)에 패킷이라는 통신 단위로 데이터를 전달함💡

💡 특정 사이트 진입시 IP Address 대신해서 사용하는 주소💡 도메인 이름과 매칭된 IP주소를 확인하는 작업을 하는 서버💡 도메인 이름을 IP주소로 변환하거나 반대의 작업을 할 수 있도록 개발된 데이터 베이스 시스템

HTTP('a' 메시지 생성)⬇️(SOCKET을 통해 전달)⬇️TCP⬇️(TCP 정보 생성, 메시지 데이터 포함)⬇️IP⬇️(IP 패킷 생성, TCP 데이터 포함)⬇️Ethernet Frame⬇️server

💡 국제표준화기구 ISO에서 1984에 제정한 표준 규격💡 다른 회사의 시스템이라도 네트워크 유형에 관계없이 상호 통신이 가능한 규약(프로토콜) 필요💡 표준화를 통하여 포트, 프로토콜의 호환 문제를 해결💡 네트워크 시스템에서 일어나는 일을 해당 계층 모델을 이용

💡 웹 브라우저, 웹 탐색기💡 웹 서버에서 양방향으로 통신을 하며 HTML 문서 및 그림, 멀티미디어(ex. 동영상) 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램💡 페이지를 다운로드 하기 위해 응용 계층의 대표적인 프로토콜인 HTTP를

💡 실용성에 기반을 둔 현대의 인터넷 표준📗 어플리케이션 계층OSI 계층의 세션 계층, 표현 계층, 응용 계층TCP/UDP 기반의 응용 프로그램을 구현🔅 FTP, HTTP, SSH📗 전송 계층OSI 계층의 전송 계층통신 노드간의 연결을 제어하고, 신뢰성 있는 데

💡 User Interface, UI💡 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등에 관련된 GUI 부분을 통칭💡 Browser Engine, 레이아웃 엔진💡 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어💡 HTML 문서와 기타 자원의 웹페이지를 사용

💡 렌더링(rendering) : HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정사용자가 브라우저를 통해 웹 사이트에 접속브라우저는 서버로부터 HTML, CSS, JS 등 웹사이트에 필요한 리소스를 다운렌더링 엔진은\-전달

💡 웹 인터랙션으로 인해 렌더링 과정의 레이아웃을 반복해 수행하는 것을 리플로우, 페인트 과정을 반복해 수행하는 것을 리페인트💡 프레임 드랍 초당 60프레임으로 유지시키던 프레임의 수가 브라우저의 과부하로 인해 줄어드는 현상📗 불필요한 레이아웃 삭제📗 CSS에서

표현 헤더

📌 1991HTTP/0.9 GET 메서드만 지원HTTP 헤더 없음📌 1996HTTP/1.0 메서드, 헤더 추가📌 1997 ~ 2014HTTP/1.1 현재 주로 사용1997 RFC20681999 RFC26162014 RFC7230~7235

💡 Server Side Rendering💡 서버에서 웹 페이지를 브라우저로 보내기 전에 서버에서 완전히 렌더링브라우저가 서버의 URI로 GET 요청서버는 데이터베이스의 데이터를 불러옴웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답

📗 "Aw, Snap!"Chorme 브라우저에서 페이지를 로드하는 데 문제 발생했습니다.📗 ERR_NAME_NOT_RESOLVED호스트 이름(웹 주소)이 존재하지 않습니다📗 ERR_INTERNET_DISCONNECTED사용 중인 기기가 인터넷에 연결되지 않았습니다

💡 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해서 요청과 응답을 정리하는 방식

💡 자주 업데이트가 필요한 경우 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시키는 것이 유리하다💡 클라이언트(리소스를 사용하는 곳) - 서버(리소스가 존재하는 곳)

💡 Asynchronous JavaScript And XMLHttpRequest 약자💡 JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 기술을 사용하는 웹 개발 기법💡 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 데

GraphQL - 시작하기

💡 필요 없는 데이터까지 제공함(Overfetch)\-endpoint 가 필요한 정보를 충분히 제공하지 못함💡 클라이언트 구조 변경 시 엔드포인트 변경 또는 데이터 수정이 필요\-EST API에서는 자원의 크기와 형태를 서버에서 결정하기 때문에 클라이언트가 직접 데

💡 Query를 이용해 원하는 데이터를 요청💡 데이터를 수정하는 경우에는 Mutation을 이용💡 구독(Subscription)이라는 개념을 제공하며 이를 이용해 실시간 업데이트를 구현\-Query 또는 Mutation과 달리, 발행/구독(pub/sub) 모델\-

https://docs.github.com/en/graphql/overview/explorerSelect scopes 에서 repo 체크GraphQL Explorer에서 확인 가능

CORS 에러가 생기는 원인

websocket의 서버와 클라이언트간 통신을 시험해보던 중콘솔로 보낸 메시지가 아닌 Buffer가 출력되는 문제ws의 업데이트로 인해 Buffer를 string으로 변환해주어야 한다고 한다