탁월함은 어떻게 나오는가?

집에 데스크탑이 있어서 aws 대신에 데스크탑으로 사용해보면 재밌을것 같아서 시도해보았다. 우선, 데스크탑을 켜둔 상태에서 외부에서 제어를 해야겠다고 생각해서 원격까지 세팅을 해보았다. 사용 스펙: 노트북(mac), 데스크탑(window), 크롬 원격데스크톱, Node.js(express) (1)내부에서 서버 접속하기 우선적으로 집에서 같은 와이파이(wifi)를 사용하는 노트북과 컴퓨터는 같은 LAN을 사용하기 때문에 서버를 사용하고 있다면 접근하기가 매우 쉬웠다. 접근하기가 왜 쉽냐는 설명을 짧게 하자면, 동일한 와이파이를 사용한다는 것은 동일한 로컬 에어리어 네트워크(LAN, Local Area Network)를 사용한다는 것이다. 곧 와이파이 네트워크는 일반적으로 같은 LAN 내에서 통신할 수 있도..

URI(uniform resouce indentifier, 통합 자원 식별자), URL(uniform resouce locator, 통합 자원 지시자), URN(uniform resouce name, 통합 자원 이름) 에 대해서 블로그들의 내용들이 잘못된 부분이 있어서 글을 올리게 되었다. 위의 그림은 URI, URL, URN에 대해서 검색을 하다보면 흔하게 나오며 대부분 비슷하게 그려놓은 이미지를 블로그들에서 인용을 많이 한다. 하지만 책 "HTTP 완벽 가이드"를 읽으면서 내가 알고 있던 지식이 잘못 되었다는 점을 알았다. 책의 내용에 대해서는 인용을 밑에서 인용을 하겠지만, "HTTP 완벽 가이드"에 대해서 먼저 말하자면 HTTP의 원서를 번역한 책이다. 그렇기 때문에 정확한 지식에 가까울 것이라고..

TCP/IP Transport Layer(전송 계층)은 OSI 7 Layer의 Transport Layer와 동일한 계층이다. 전송 계층은 네트워크계층에서 데이터 전송에 대한 신뢰성을 보장할 수 없다. 그러나 전송 계층은 수신지에 신뢰할 수 있는 데이터를 전송하는 데 필요한 계층으로, 오류를 점검하여 데이터에 오류가 발생하면 재전송을 요청함으로써 신뢰성을 제공한다. 즉, 네트워크 계층(L3)에서는 데이터를 전송하지만, 전송 계층(L4)에서는 데이터가 제대로 전송되었는지 확인한다. 또한 전송 계층은 수신지가 어떤 애플리케이션인지를 식별하는 기능을 가진다. 전송 계층 전송 계층 프로토콜 전송계층은 UDP(User Datagram Protocol, 비연결형 통신)과 TCP(Transmission Control..

TCP/IP의 최상위 계층인 응용 계층은 OSI 참조 모델의 세션 계층과 표현 계층을 포함한다. TCP/IP의 응용 계층은 컴퓨터에서 웹 사이트에 접속할 때 필요한 프로토콜과 프로그램을 가진다. 우리가 많이 사용하는 응용 계층에서는 에지, 크롬 등의 웹 브라우저와 지메일, 아웃룩 등의 메일 프로그램 등이 사용된다. 응용 계층에서는 클라이언트의 요청을 전달하기 위해 서버가 이해할 수 있는 메시지(데이터)로 변환하고 전송 계층으로 전달하는데, 이 때 필요한 것이 프로토콜이다. 그렇기 때문에 클라이언트 프로그램과 서버 프로그램이 통신하려면 응용 계층의 프로토콜을 사용해야만 한다. 응용 계층 프로토콜의 종류 응용 계층은 클라이언트의 요청을 서버에 전송할 때 서버가 이해할 수 있는 메시지로 변환하여 전송 계층에 ..

이 글을 읽기전에 " 웹 브라우저에 [ www.naver.com ] 을 입력하면 어떤 이벤트들이 발생하는지 쉽게 알아보자!! " 를 읽고 오면 좋다. 네이버나 다음 같은 홈페이지들의 도메인의 DNS를 검색해봤는가?? window의 cdm, mac terminal 에서 nslookup www.naver.com 을 쳐본다면 재밌는걸 알 수 있게 된다. nslookup을 검색할 때 마다 다른 주소가 나오는것을 확인해 볼 수 있다. 그렇다면 저 주소(Address)들을 검색해보면 어떤 결과들이 보여질까? 웹사이트 후이즈[https://whois.nic.or.kr/]로 들어가서 검색해보면 알 수 있다. 검색해본 223.130.195.95 의 결과이다. 하지만, 위의 어떤 주소들을 검색해도 똑같은 결과물을 출력할 ..

웹에서 [ www.naver.com ] 을 입력하게 된다면 발생하게 되는것일까? 사실 너무 방대한 이야기라 간단하고 얕게만 설명하겠다. 기본적으로 알아가야할 2가지를 적어보겠다. 1) 주소창에 www.naver.com 이라는 uri를 입력하면 https://www.naver.com 이라는 url로 입력이 변환된다. 2) 이름이 www 이고 naver.com 도메인에 속해있는 컴퓨터의 인터넷망의 접속하려면 IP번호를 알고 있어야 한다. 입력조건: OS = Window Web browser = Chrom ISP = Internet Service Provider(인터넷 서비스 제공자)이므로 곧 인터넷을 의미 1. www.naver.com 를 주소창에 입력하고 엔터를 누른다면 Window(PC)에서는 DNS에 ..

웹소켓(WebSocket)은 하나의 TCP 접속에 전이중 통신 채널을 제공하는 컴퓨터 통신 프로토콜이다. 웹소켓 프로토콜은 2011년 IETF에 의해 RFC 6455로 표준화 되었으며 웹 IDL의 웹소켓 API는 W3C에 의해 표준화되고 있다. 웹소켓은 HTTP와 구별된다. 두 프로토콜 모두 OSI 모델의 제 7계층에 위치해 있으며 제 4계층의 TCP에 의존한다. 이들에 차이가 있으나 "RFC 6455" 에 따르면 웹소켓은 HTTP 포트 80과 443 위에 동작하도록 설계되었으며 HTTP 프록시 및 중간 층을 지원하도록 설계되었으므로 HTTP 프로토콜과 호환이 된다. 호환을 달성하기 위해 웹소켓 핸드셰이크는 HTTP 업그레이드 헤더를 사용하여 HTTP 프로토콜에서 웹소켓 프로토콜로 변경한다. 웹소켓 프로..

프론트 : 리액트, 백 : 노드js 를 사용하고 있다. 본인은 공공데이타 포탈에서 api를 테스트 하고 적용을 하고 있었다. 포스트맨(postman)에서 url 을 테스트할 때는 아무런 이상이 없었다. 하지만, 프론트(localhost:3000)에서 백(localhost:8080)으로 axios 데이터 송신을 했더니 안되는 것이였다. 물론, 이전에 이미 proxy를 사용해서 백(localhost:8080)을 허용시켜 놓았음에도 불구하고 말이다. 자세히 봐보니 stict-origin-when-cross-orin 이라는 에러가 발생했다는 것을 알았다. 결국 흔한 CORS error임에 어떤식의 에러인지는 알았지만, 많은 미사여구가 붙어있는거 보니 뭔가 다른것이라는 직감을 얻었다. 검색으로 얻은 결과는 결론적..