<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>ssooh-i.log</title>
        <link>https://velog.io/</link>
        <description>멋쟁이 개발자가 되는 그날까지</description>
        <lastBuildDate>Fri, 21 Jul 2023 15:21:36 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>ssooh-i.log</title>
            <url>https://velog.velcdn.com/images/ssooh-i/profile/15d21d9b-266c-4169-8fa0-f8bba5654695/social_profile.png</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. ssooh-i.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/ssooh-i" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[[웹구조] 웹 서버를 둘러싸는 서버들]]></title>
            <link>https://velog.io/@ssooh-i/%EC%9B%B9%EA%B5%AC%EC%A1%B0-%EC%9B%B9-%EC%84%9C%EB%B2%84%EB%A5%BC-%EB%91%98%EB%9F%AC%EC%8B%B8%EB%8A%94-%EC%84%9C%EB%B2%84%EB%93%A4</link>
            <guid>https://velog.io/@ssooh-i/%EC%9B%B9%EA%B5%AC%EC%A1%B0-%EC%9B%B9-%EC%84%9C%EB%B2%84%EB%A5%BC-%EB%91%98%EB%9F%AC%EC%8B%B8%EB%8A%94-%EC%84%9C%EB%B2%84%EB%93%A4</guid>
            <pubDate>Fri, 21 Jul 2023 15:21:36 GMT</pubDate>
            <description><![CDATA[<p>우리가 흔히? 들어본 서버들을 정리해보려고 한다.</p>
<h3 id="웹-서버-web-server">웹 서버 (Web Server)</h3>
<blockquote>
<p>HTTP란? </p>
</blockquote>
<p>클라이언트(사용자)가 브라우저 주소창에 URL을 입력하여 페이지를 요청하게 되면, HTTP 요청을 받아드려 HTML문서와 같은 <strong>정적인 콘텐츠</strong>를 사용자에게 전달해주는 역할이다.</p>
<p>대표적인 웹서버는 Apache, NginX 등이 있다.</p>
<h3 id="wasweb-application-server">WAS(Web Application Server)</h3>
<p><strong>동적인 컨텐츠</strong>는 WAS(Web Application Server)에게 요청하여 처리한다.
DB와 연결되어 사용자와 데이터를 주고받는 조작이 필요한 경우 사용한다.</p>
<p>대표적인 WAS는 Tomcat, JBoss, WebShere 등이 있다.</p>
<h3 id="ftp-서버-file-transfer-protocol-server">FTP 서버 (File Transfer Protocol Server)</h3>
<blockquote>
<p>*<em>FTP란? *</em>
파일 전송 프로토콜(File Transfer Protocol)의 약자로, TCP/IP 네트워크(인터넷)상의 장치가 파일을 전송할 때 사용하는 규칙이다.</p>
</blockquote>
<p>FTP서버는 파일을 Mac, Windows, Linux 컴퓨터 등의 장치에서 다른 장치로 전송하는 소프트웨어 애플리케이션을 말합니다.</p>
<pre><code>간단하게 FTP서버는 FTP주소를 가지고 있고 FTP연결을 수신하는 데 사용되는 컴퓨터 같은 것이다.
FTP서버로부터 파일을 &#39;받을&#39; 수도 있고 서버로 파일을 &#39;보낼&#39; 수도 있다.</code></pre><h3 id="dns-서버-domain-name-system-server">DNS 서버 (Domain Name System Server)</h3>
<blockquote>
<p><strong>도메인(Domain)란?</strong>
IP(인터넷에 연결되어 있는 각각의 장치를 식별할 수 있는 주소)는 사용자가 기억하기 어렵기 때문에 각 IP에 이름을 부여할 수 있게 되었다.
 도메인은 사용자가 볼 수 있는 URL주소라고 할 수 있다.
 (예 : naver.com -&gt; 220.95.233.172 )</p>
</blockquote>
<p>DNS 서버은 사람이 읽을 수 있는 도메인 이름(예: <a href="https://velog.io/@ssooh-i)%EC%9D%84">https://velog.io/@ssooh-i)을</a> 머신이 읽을 수 있는 IP 주소(예 : 192.0.128.255)로 변환하는 역할을 하는 서버를 말한다.</p>
<pre><code>웹사이트의 데이터가 저장되어 있는 호스팅 서버는 인터넷 회선이 연결된 컴퓨터/장치인지라 IP주소가 할당되어 있고, 이 주소가 실제 웹 사이트 주소라고 할 수 있다.
DNS 서버는 이런 IP 주소를 특정 도메인 주소와 같다는 기록을 저장해두고, 인터넷 사용자들이 도메인 주소를 검색했을 때, IP주소로 연결되게 해준다.</code></pre><h3 id="proxy-서버-proxy-server">Proxy 서버 (Proxy Server)</h3>
<blockquote>
<p><strong>프록시(Proxy)란?</strong>
대리응답으로 사용된다. 포워드 프록시와 리버스 프록시로 구분한다.
포워드 프록시는 클라이언트쪽, 리버스 프록시는 서버 쪽을 설정한다.</p>
</blockquote>
<p>프록시 서버는 클라이언트(사용자)가 자신을 통해 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터 시스템이나 응용프로그램이다.</p>
<p>클라이언트와 서버 사이에 존재하며, 중계기로서 대리로 통신을 수행하는 것을 프록시라고 하고, 그 중계기능을 하는 주체를 프록시 서버라고 한다.
인터넷 접속할 때, 빠른 액세스나 안전한 통신등을 확보하기 위한 중계서버로 사용한다.
<strong>프록시 서버는 프록시 서버에 요청된 내용들을 캐시를 이용해 저장한다</strong></p>
<h3 id="ssl-서버-secure-sockets-layer-server">SSL 서버 (Secure Sockets Layer Server)</h3>
<blockquote>
<p><strong>SSL란?</strong>
Secure Sockets Layer의 약자로, 보안 소켓 계층이다.
웹 사이트와 브라우저 사이(또는 두 서버 사이)에 전송되는 데이터를 암호화하여 인터넷 연결을 보호하기 위한 표준 프로토콜이다.</p>
</blockquote>
<p>SSL 또는 TLS 프로토콜을 사용해 클라이언트와의 보안연결을 설정하는 웹 서버를 의미한다.
SSL서버는 디지털 인증서를 사용해 클라이언트에게 서버의 신원을 인증하고, 통신에 사용되는 암호화 키를 교환하는 역할을 수행한다.
클라이언트와 서버 간에 안전하고 비공개적인 통신을 제공하여 중요한 정보를 보호하고, 데이터의 안정성을 보장한다.</p>
<h3 id="smtp-서버-simple-mail-transfer-protocol-server">SMTP 서버 (Simple Mail Transfer Protocol Server)</h3>
<blockquote>
<p><strong>SMTP란?</strong>
Simple Mail Transfer Protocol의 약자로, 일반적으로 전자 메일 전송을 위한 표준 프로토콜이다.
이메일을 송수신하는 서버를 SMTP라고 한다.</p>
</blockquote>
<p>SMTP 서버는 중계전달자 역할을 함으로써 메일 서버 간의 송수신 뿐만 아니라 메일 클라이언트에서 서버로 보낼 때 사용하는 프로토콜 서버이다.</p>
<h3 id="pop3-서버--server">POP3 서버 ( Server)</h3>
<p>자신에게 온 메일을 받아보기 위해 POP3 서버(받는 메일 서버, Incoming Mailserver)에 자신의 계정을 가지고 있어야 POP3 서버에 저장된 메일을 확인 할 수 있다.</p>
<pre><code>다음에는 각 서버의 데이터가 전달되고 교환되는 과정을 정리할 수 있는 시간을 가져야겠다!
작동 방식에 대해 하나하나 알아보면 좋을 것 같다!</code></pre><hr>
<h4 id="참고">참고</h4>
<p><a href="https://experience.dropbox.com/ko-kr/resources/what-is-ftp">FTP 참고</a>
<a href="https://velog.io/@hwaya2828/SMTP">SMTP 참고</a></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[[웹 구조] 웹 브라우저]]></title>
            <link>https://velog.io/@ssooh-i/%EC%9B%B9-%EA%B5%AC%EC%A1%B0</link>
            <guid>https://velog.io/@ssooh-i/%EC%9B%B9-%EA%B5%AC%EC%A1%B0</guid>
            <pubDate>Mon, 17 Jul 2023 15:25:17 GMT</pubDate>
            <description><![CDATA[<h2 id="웹이란">웹이란?</h2>
<blockquote>
<p>넓은 의미로는 <strong>인터넷을 통해서 제공되는 정보나 서비스</strong> 등을 공개 혹은 그것들을 <strong>주고받기 위한 구조</strong></p>
</blockquote>
<p>웹사이트를 구성하는 각각의 웹 페이지는 링크나 참조라는 형태로 다른 페이지를 연관지어서 여러 페이지에 연결되어 있습니다.</p>
<p>웹은 하이퍼텍스트와 하이퍼링크라는 구조가 사용되며, 다른 페이지나 웹사이트로 이동하는 특징이 있습니다.</p>
<ul>
<li>하이퍼링크는 자신의 사이트 내 뿐만 아니라 다른 사이트나 페이지에도 링크할 수 있다</li>
<li>하이퍼텍스트는 다른 텍스트에 링크를 포함하는 텍스트</li>
</ul>
<p>사용자가 이용하는 각종 디바이스가 인터넷을 경유해 웹사이트의 웹 서버와 통신하여 서비스를 이용합니다.</p>
<p>웹 시스템의 <strong>기본적인 구성은 디바이스(브라우저), 인터넷, 웹 서버</strong>입니다.</p>
<h3 id="웹-사이트와-웹-앱-정의">웹 사이트와 웹 앱 정의</h3>
<ul>
<li>웹 사이트 : 문서 정보를 중심으로 한 웹 페이지로 구성되는 집합체</li>
<li>웹 앱 : 웹 애플리케이션의 약칭, 웹 서버에 애플리케이션 서버 및 데이터베이스 서버등이 추가 된 구성</li>
<li>웹 시스템 : 웹 사이트 및 웹 앱에 더해 API등으로 개별 서비스를 제공하는 다소 복잡하고 규모가 큰 구조. IoT 디바이스 이용, 외부 시스템과의 연계 등이 대표적인 예입니다.</li>
</ul>
<h2 id="웹-페이지를-열람하기-위해서는-url이-필요하다">웹 페이지를 열람하기 위해서는 URL이 필요하다</h2>
<p>URL(Uniform Resource Locator)를 사용자가 입력 또는 클릭, 탭을 하여 웹 페이지에 접근합니다.</p>
<blockquote>
<p>URL과 URI는 다른 개념이며, URI 안에 URL이 속하는 개념이다.
큰 차이점은 URI는 식별하고, URL은 위치를 가르킨다.
<strong>URI= 식별자, URL=식별자+위치</strong></p>
</blockquote>
<h2 id="브라우저의-기본-기능">브라우저의 기본 기능?</h2>
<blockquote>
<p>브라우저의 기본 기능으로 하이퍼텍스트 등을 보기 쉽게 변환해준다는 점이 있다.</p>
</blockquote>
<p>브라우저라면 구글의 Chrome, 마이크로소프트의 Microsoft Edge 및 이 있습니다.
브라우저는 하이퍼텍스트를 사람의 눈으로 보기 쉽게 표시해줍니다.
브라우저에서 보는 웹서버의 내용인 웹 페이지는 HTML로 기술되어있습니다.
<strong>태그들로 감싸져있는 하이퍼텍스트를 브라우저가 동시통역하듯 변환하여 사용자가 일상적으로 보는 웹페이지를 보여줍니다.</strong></p>
<p>웹 브라우저는 웹 서버에 대해서 무언가를 원하고, 하고 싶다고 요청을 보냅니다. 이런 행동을 <strong>요청(리퀘스트, Request)</strong>라고 부릅니다.
그 요청에 대해서 웹 서버는 <strong>응답(리스폰스, Response)</strong>을 반환합니다.
이런 과정을 통해 사용자는 웹 페이지를 볼 수 있습니다.</p>
]]></description>
        </item>
        <item>
            <title><![CDATA[앞으로 정리해야할 목록 🧐]]></title>
            <link>https://velog.io/@ssooh-i/%EC%95%9E%EC%9C%BC%EB%A1%9C-%EC%A0%95%EB%A6%AC%ED%95%B4%EC%95%BC%ED%95%A0-%EB%AA%A9%EB%A1%9D</link>
            <guid>https://velog.io/@ssooh-i/%EC%95%9E%EC%9C%BC%EB%A1%9C-%EC%A0%95%EB%A6%AC%ED%95%B4%EC%95%BC%ED%95%A0-%EB%AA%A9%EB%A1%9D</guid>
            <pubDate>Wed, 31 May 2023 02:58:24 GMT</pubDate>
            <description><![CDATA[<p>SSAFY 2학기 프로젝트 마지막인 자율 기간동안 만든 </p>
<h2 id="윷짝놀이">윷짝놀이</h2>
<p>에서 맡았던 부분을 조금씩 정리해보려고 한다.</p>
<ul>
<li>웹소켓 연결</li>
<li>웹소켓 모듈화</li>
<li>윷놀이 참여 멤버들 recoil로 상태관리</li>
<li>윷놀이 참여 준비/취소 관리</li>
<li>대기방 CSS</li>
<li>createPortal을 이용한 Modal 구현</li>
<li>윷놀이 채팅</li>
</ul>
<p>슬슬 정리해봐야징 😊</p>
]]></description>
        </item>
    </channel>
</rss>