전체 글

네트워크 2,3계층에서 하는 일 - 데이터 통신,IP주소

본 글은 '따라하면서 배우는 IT 채널'의 네트워크 기초 영상을 보고 정리한 내용입니다. 네트워크 2계층 2계층에서 하는일 하나의 네트워크 대역 즉, 같은 네트워크 상에 존재하는 여러 장비들 끼리의 데이터 전달 관리 오류 제어, 흐름제어 수행 하나의 대역 (LAN) 통신에서만 사용 다른 네트워크와 통신 할 때는 항상 3계층이 도와주어야 한다. 3계층의 주소와 3계층의 프로토콜을 이용하여야만 다른 네트워크와 통신이 가능하다.2계층에서 사용하는 주소 MAC 주소 LAN에서 통신할 때 사용하는 주소 2계층(Ethernet) 프로토콜 Ethernet 프로토콜 LAN에서 통신할 때 사용하는 프로토콜 네트워크 3계층 3계층의 기능 다른 네트워크 대역까지 데이터를 전달하는 일을 담당. 발신에서 착신까지의 패킷 경로를..

네트워크와 네트워크 모델

본 글은 '따라하면서 배우는 IT 채널'의 네트워크 기초 영상을 보고 정리한 내용입니다. 네트워크란? 네트워크란 네트워크 노드들이 데이터를 공유할 수 있게 하는 디지털 전기 통신망의 하나 분산되어 있는 컴퓨터를 통신망으로 연결한 것 네트워크에서 여러 장치들은 노드 간 연결을 사용하여 서로에게 데이터를 교환한다. 네트워크의 분류 크기에 따른 분류 LAN (Local Area Network) : 가까운 지역을 하나로 묶은 네트워크 WAN ( Wide Area Network ) : 멀리 있는 지역을 한데 묶은 네트워크. 가까운 지역끼리 묶인 LAN과 LAN을 다시 하나로 묶는 것 MAN ( Metropolitan Area Netwrok ) VLAN,CAN,PAN 등등 연결 형태에 따른 분류 Star : 중앙 ..

HTTP 프로토콜

본 글은 '따라하면서 배우는 IT 채널'의 네트워크 기초 영상을 보고 정리한 내용입니다. HTTP 프로토콜 HyperText Transfer Protocol WWW에서 쓰이는 핵심 프로토콜로 문서의 전송을 위해 쓰임. 거의 모든 웹 애플리케이션에서 사용된다 음성,화상 등 여러 종류의 데이터도 MIME로 정의하여 전송 가능하다. Request/Respons(요청/응답) 동작에 기반하여 서비스 제공 HTTP 1.0 연결 수립,동작,해제 의 단순함의 특징. 하나의 URL은 하나의 TCP연결 HTML 문서를 전송 받은 뒤 연결을 끊고 다시 연결하여 데이터 전송 문제점 단순 동작(연결,해제)이 반복 되어 통신 부하 문제 발생 통신 과정 클라이언트가 서버에 접속 (TCP 3way Handshake,7계층 프로토콜이..

CSR 과 SSR

CSR vs SSR 대표적인 SPA 프레임워크인 Vue와 React는 Client Side Rendering(CSR 방식으로 View 생성. PHP는 Multi page application(MPA)로 Server Side Rendering (SSR)방식으로 View를 생성. CSR vs SSR CSR 브라우저(client) 에서 js에 의해 view(HTML)을 동적으로 생성. 장점 Page 전환이 SSR보다 상대적으로 빠르다. 페이지가 로딩 되는 순간 필요한 js들이 모두 있기 때문에 사용자는 바로 상호작용 가능하다. 단점 최초 접속시 모든 js 와 static( html,image)를 가져와야 하기 때문에 최초 접속시 로딩 속도는 SSR비해 느리다. 낮은 SEO 성능을 보인다 (Search Engi..

[Redux] 리덕스 공식 문서를 따라 하는데 오류가 난다면?

최근 리액트 상태관리 라이브러리인 리덕스를 공부중입니다. 공식문서가 매우 잘 되어 있어서 공식문서의 튜토리얼을 차근차근 따라 해 보던 중 문서에 종종 빠진 부분이 있어 삽질을 오지게 하고나서 다른 분들은 이와 같은 상황을 겪지 않길 바라며 글을 씁니다. 리덕스는 공식 문서가 매우 잘 되어 있어서 공식문서만 보고도 충분히 익힐 수 있습니다. ( 한글이 없다는 거부감을 넘어서기만 한다면) 저는 Quick Start를 먼저 읽고, Redux 핵심 튜토리얼을 하나씩 진행 중입니다. 문서를 보며 따라 할 수 있게 기본적인 틀이 잡힌 프로젝트를 제공 해주고 그 프로젝트에서 단계별로 진행하면 됩니다. 그런데.. 핵심 튜토리얼의 후반부로 갈수록 수정된 내용이 빠져 있는 경우가 종종 있었습니다. 최종 코드를 보며 빠진 ..

[Redux] 리덕스 개념 정리

방학동안 작게 진행 할 프로젝트에서 리덕스를 써보고 싶어서 리덕스를 공부하기로 했다. react의 context api 를 사용할 수도 있고, 리액트 팀에서 만든 리코일이 핫하게 떠오르고 있다고 하지만 다음과 같은 이유로 리덕스를 사용 해 보기로 했다. 상태 관리 라이브러리 경험을 위해서 내가 진행할 프로젝트에서는 상태관리를 복잡하게 할 필요는 없을 것 같다. 그러나 리액트 상태 관리에 대해 검색해본 바 현업에서는 대부분 상태 관리 라이브러리를 따로 사용하는 것 같았다. 따라서 상태 관리 라이브러리를 사용 해 보아야 겠다고 생각했다. context의 한계 context가 있음에도 상태 관리 라이브러리를 사용하는 이유는 다음 글에서 알아 볼 수 있다. https://yrnana.dev/post/2021-0..