끄적끄적_개발노트

CORS ( Cross-Origin Resource Sharing ) Cross Origin(교차 출처) 의 Resource (정보) 를 Sharing (공유)한다. 문자 그대로 번역해본 내용이다. 사실 '교차 출처' 라는 단어가 번역투라 우리말로 어떤 의미인지 잘 이해되지 않는다. '교차 출처' (Cross Origin) 를 이해하기 위해 먼저, '동일 출처' (Same Origin) 가 무엇인지에 대해 살펴보도록 하자. SOP ( Same Origin Policy ) SOP 는 '동일 출처 정책' 으로, 2011년 11월 RFC6454 에서 등장한 보안 정책이며 '같은 출처의 리소스만 관리할 수 있게' 명시해둔 정책이다. 이는 '알 수 없는 출처' 에서의 접근을 막기 위한 정책이며, 이 정책 이전에 ..

로드 밸런서는 무엇이고, 왜 사용할까? 꼭 CS 분야가 아니더라도, 어느 분야의 특정 주체에게 여러 작업을 맡기는 것에는 한계가 있다. 그리고, 아무리 그 분야에 특출나다고 해도 분명히 '한계점' 은 존재하기 마련이다. 여기, Balancing 을 고려하지 않은 Web Infrastructure의 간단한 파이프라인 구조가 있다. User는, 인터넷 네트워크를 통해 Web Server (http://yourdomain.com/) 에 직접 접속하고 있다. 만약, 접속하는 User 의 수가 급격하게 늘어나 Web Server의 수용량한계에 다다르게 된다면, Web Server 는 죽음을 택하게 될 것이고 (a.k.a 서버 터졌다) 이 서비스는 서버를 다시 살리기 전 까지 정상 운영을 할 수 없게 될 것이다. ..

GraphQL - A query language for APIs and runtime GraphQL 은 Facebook 에서 만든 '쿼리 언어' 이다. 이미 많이 사용되고 있는 쿼리 언어 SQL ( Structed Query Language ) 와 같이 데이터를 가져오기 위한 언어라는 것에 그 공통점이 있지만 SQL 은 DBS(DataBase System) 에서 데이터를 가져오는데에 그 목적이 있고, GQL 은 웹 클라이언트가 데이터를 서버로부터 효율적으로 가져오기 위함에 그 목적이 있다. SQL의 문장(Statement, 호출)은 주로 백엔드 시스템에서 작성하고 사용되는 반면 GQL은 주로 클라이언트 시스템에서 작성되고 호출된다. GraphQL is a query language for APIs and..

HTTP 는 HyperText 의 Transfer(전송)과 관련된 Protocol 이다 네트워크는 통신을 통해 정보를 교환한다. 이 통신은 단순한 기기 내부의 전기 신호의 전달에서부터 대륙을 뛰어넘는 정보의 전달 및 내 손에 정보가 도달하기까지 여러 단계를 거쳐 나뉘어지는데 국제기구(ISO)에선 이 통신에 관련한 규약을 OSI 7 Layer 라고 부르며 나누고 있다. 참고 : OSI 7 Layer Model https://bans.tistory.com/2 OSI 7 Layer Model 에 대하여 - OSI 7 Layer Model (Open Systems Interconnection Reference Model) OSI 7 계층이란? -> 개방된 통신 시스템간의 상호연결성을 부여하는 표준 OSI 7 계..

HTTP 통신을 통해 HyperText 들이 클라이언트 - 서버 모델로 정보를 전달할 때 HTTP 상태 코드들이 사용되며, 자주 쓰이는 에러코드는 알아두면 좋다. 주로 쓰이는 에러코드와 에러코드가 나타내는 정보들에 대해 숙지해두자. (400 401 403 404...) 참조 : https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 - HTTP | MDN BCD tables only load in the browser HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성공적인 응답, 리다이렉 developer.mozilla.org 파싱이란? 참조 블로..

태그에 관하여 메타태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용한다. HTML 문서의 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고, 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있다. 속성 메타태그 속성에는 http-equiv, name, content 3가지 속성이 있다. http-equiv="항목명" 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용될 수 있으며, HTML 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를 갖는다. content="정보값" meta 정보의 내용을 지정한다. name="정보 이름" 몇 개의 meta 정보..

wormwlrm.github.io/2021/03/27/How-browsers-work.html 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 - 재그지그의 개발 블로그 브라우저에서 어떤 과정을 통해 렌더링이 실행되는지에 대해 알아봅니다. wormwlrm.github.io

이전 포스트 : https://bans.tistory.com/5 [정리] 내 디바이스가 웹서버와 연결하기까지 [1] (DHCP / IP / ARP / DNS ) 내 디바이스가 웹 서버와 연결하기까지 [1] (DHCP / IP / ARP / DNS ) - Wireshark 를 통한 패킷캡쳐 OSI 7 Layers - 7계층 구조를 통해 네트워크의 구성요소와 각 계층의 특징 / 역할 / 대표 프로토콜 등.. bans.tistory.com 위의 게시글에서 DNS 프로토콜의 헤더와 패킷분석까지 진행했다. tracert (traceroute) 라는 명령어를 통해 실제 도메인 주소 (blog.example.com.) 을 통해 ip주소의 라우팅 경로를 모두 알 수 있으며, 이를 wireshark 를 통해 분석함으로써..

내 디바이스가 웹 서버와 연결하기까지 [1] (DHCP / IP / ARP / DNS ) - Wireshark 를 통한 패킷캡쳐 OSI 7 Layers - 7계층 구조를 통해 네트워크의 구성요소와 각 계층의 특징 / 역할 / 대표 프로토콜 등을 정리했다. 1-4계층의 역할은 다음과 같이 간단하게 요약할 수 있다.(호스트 계층) 1계층 : 물리적 연결 2계층 : 물리적 연결의 검증 3계층 : 논리적 연결 4계층 : 논리적 연결의 검증 bans.tistory.com/2 OSI 7 Layer Model 에 대하여 - OSI 7 Layer Model (Open Systems Interconnection Reference Model) OSI 7 계층이란? -> 개방된 통신 시스템간의 상호연결성을 부여하는 표준 O..

찾는 과정 중 거치는 프로토콜들 (작성중) IP를 할당받는 과정(ARP -> DHCP) -> 도메인 IP 쿼리(UDP -> DNS) -> 실제 연결(TCP) -> 데이터 전송(HTTP) ARP (Address Resolution Protocol) IP주소(L3) 를 MAC(Media Access Control) (L2) 주소로 변환해주는 프로토콜. DHCP (Dynamic Host Configuration Protocol) DHCP란 호스트의 IP주소와 각종 TCP/IP 프로토콜의 기본 설정을 클라이언트에게 자동적으로 제공해주는 프로토콜. -DHCP의 구성 1) DHCP 서버 : DHCP서버는 네트워크 인터페이스를 위해서 IP주소를 가지고 있는 서버에서 실행되는 프로그램으로 일정한 범위의 IP주소를 다른..