문제상황SSAFY 자율 프로젝트에서 채팅 기능을 구현하는데 잘 동작하던 기능이 HTTPS를 적용하고 나서는 콘솔에 아래와 같은 에러가 발생하면서 채팅방에서 소켓연결이 실패했었습니다.  백엔드단에서도 로그를 확인해 보니 동일한 에러가 발생했습니다.(개발할 때 에러메세지를 캡처하지 못해서 문제를 해결할 때 참고했던 블로그의 사진을 인용하였습니다.)  "Handshake failed due to invalid Upgrade header: null"내 기존 location 들 , 아래를 추가velog.io해결방법Websocket 프로토콜은 서버와 클라이언트 간의 메세지 교환을 위한 통신 프로토콜로 양방향 통신을 지원하며 실시간 네트워크를 구현하는데 주로 사용됩니다.HTTP 프록시 및 중간 층을 지원하도록 설계..

OSI 7계층(물-데-네-전-세-표-응)OSI 7계층은 네트워크 통신이 일어나는 전과정을 7개의 단계로 표준화 한 것입니다. 이렇게 표준화 함으로써 통신이 일어나는 과정을 단계별로 파악할 수 있어, 문제가 발생했을 때 해당 문제를 해결하기 용이해집니다. 각 계층은 물리 계층 - 데이터링크 계층 - 네트워크 계층 - 전송 계층 - 세션 계층 - 표현(프레젠테이션) 계층 - 응용(애플리케이션) 계층 순으로 나뉘며 물리 계층부터 네트워크 계층까지를 하위 계층, 전송 계층부터 응용 계층까지를 상위 계층이라고 합니다.하위 계층 : 물리 계층 - 데이터 링크 계층 - 네트워크 계층상위 계층 : 전송 계층 - 세션 계층 - 표현 계층 - 응용 계층물리 계층물리 계층은 전송에 필요한 두 물리적 장치 간의 기계적, 전기..

HTTP HTTP는 HyperText Transfer Protocol의 약어로 클라이언트와 서버 사이에 이루어지는 요청/응답(request/response) 프로토콜입니다. 즉 클라이언트와 서버 사이에서 데이터를 주고 받을 수 있도록 정해진 규칙이며 HTML 문서와 같은 리소스들을 가져올 수 있도록 도와줍니다. HTTP 특징 클라이언트 서버 구조 무상태 프로토콜(stateless) 비연결성(connectionless) HTTP 메시지 단순함 확장가능 클라이언트 서버 구조 HTTP는 클라이언트 서버 구조로 되어있는데 클라이언트가 서버에 요청을 보내면 서버에서 요청에 대한 결과를 만들어서 응답해 줄 때까지 대기하는 구조입니다. 이렇게 클라이언트와 서버로 나누어져 있을 때 장점은 서비스 로직이나 데이터를 다루..

TCP(Transmission Control Protocol)TCP(Transmission Control Protocol)는 직역하면 전송 제어 프로토콜이라는 뜻으로 인터넷상에서 데이터를 메세지의 형태로 보내기 위해 IP와 함께 사용하는 프로토콜입니다.  데이터는 IP(Internet Protocol)을 통해 데이터를 여러 개의 조각들로 나눈 패킷(Packet)이라는 통신 단위로 나뉘어 전송되는데 IP(Internet Protocol)만으로는 다음과 같은 한계가 있습니다.  비연결성대상 서버가 패킷을 받을 수 있는 상태인지 아닌지 모르기 때문에 패킷을 받을 대상이 없거나 서비스가 불능 상태여도 패킷이 전송됩니다. 비신뢰성데이터는 인터넷 망에 존재하는 여러 서버(노드)들을 거쳐 대상 서버로 전달 되는데 중..

개요 HTTP 프로토콜은 서버-클라이언트 통신 시 stateless 방식으로 통신합니다. 즉, 브라우저에서 새 웹 페이지를 열면 기존의 웹 페이지나 서블릿에 관한 어떤 연결 정보도 새 웹 페이지에서는 알 수 없습니다. 따라서 웹 페이지나 서블릿끼리 상태나 정보를 공유하려면 웹 페이지 연결 기능, 즉 세션 트래킹을 이용해야 합니다. 웹 페이지를 연동하는 방법은 다음과 같습니다. 태그 : HTML의 태그를 이용해 웹 페이지들 사이의 정보를 공유합니다. URL Rewriting : GET 방식으로 URL 뒤에 정보를 붙여서 다른 페이지로 전송합니다. 쿠키 : 클라이언트 PC의 Cookie 파일에 정보를 저장한 후 웹 페이지들이 공유합니다. 세션 : 서버 메모리에 정보를 저장한 후 웹 페이지들이 공유합니다. 이..

웹 브라우저에 11st.co.kr 를 입력 했을 때 어떤 일이 일어날까?IP 주소란?IP 주소는 서버에 접근하기 위해 필요한 고유한 주소입니다. 예를 들어, 11st.co.kr의 서버에 접근하려면 그 서버의 IP 주소(예: 203.238.182.128)를 알아야 합니다. 하지만 이런 숫자 조합을 기억하기는 어렵습니다. 그래서 등장한 것이 DNS(Domain Name System)입니다. DNS 란?DNS는 사람이 읽기 쉬운 도메인 이름(11st.co.kr)을 컴퓨터가 이해할 수 있는 IP 주소로 변환해 주는 시스템입니다. 반대로 IP 주소를 도메인 이름으로 변환할 수도 있습니다. 웹 브라우저에 11st.co.kr를 입력 했을 때 일어나는 일웹 브라우저에서 도메인 네임(11st.co.kr)을 입력한다. (..

최근 프로젝트에서 소셜 로그인 기능을 구현하게 되었습니다. 예전부터 관심이 있었던 주제였던 만큼 큰 동기부여가 되었고, 이를 바탕으로 이번 글을 작성해 봅니다. 먼저, 로그인 구현 방식의 주요한 두 가지 방법인 세션과 토큰의 차이를 살펴보고, 왜 이번 프로젝트에서는 JWT 토큰을 선택했는지 이야기해 보겠습니다.세션과 토큰먼저 http는 상태를 저장하지 않습니다. 이를 Stateless하다고 표현하는데 이러한 http의 특성은 서버의 수평적인 확장을 가능하게 하여 서버를 증설할 때 유리하게 작용합니다. 하지만 그렇다고 모든 기능을 Stateless하게 설계할 수는 없는데 예를 들어 로그인한 유저의 정보를 가져오기 위해서 상태유지가 꼭 필요한 로그인 기능이 대표적입니다. 그래서 일반적으로 사용자 정보가 담긴..