시냅스

서브네트워크 커다란 네트워크를 몇 개의 네트워크로 작게 분할 호스트 번호의 비트를 서브넷 번호와 호스트 번호로 분할, 호스트 번호의 일부를 줄여서 서브넷 번호를 만든다 -> 서브네팅 1옥텟 2옥텟 3옥텟 4옥텟 네트워크 번호 호스트 번호 172 16 4 1 10101100 00010000 000001 00 00000001 네트워크번호 서브넷 호스트번호 172.16.0.0 네트워크의 서브넷 1번의 1번 컴퓨터 서브넷은 그 네트워크의 내부에서만 유효 서브넷의 숫자를 크게 하면 각 서브넷의 호스트 수는 감소 서브넷 마스크 어느 네트워크에 소속되어 있는가? ( IP 주소의 어디가지가 네트워크 주소? ) 서브넷 마스크 비트열을 IP주소와 동일하게 표기 어디까지가 서브넷 번호인지 표기할 때 네트워크, 서브넷 번호는..

IP주소의 특징 IP주소는 네트워크 관리자가 컴퓨터에 할당한다. 논리 주소는 네트워크에 접속할 때마다 붙인다. 소속된 네트워크가 바뀐 경우 논리 주소도 바뀌게 된다. (소속된 네트워크 내에서 유일해야 한다!) 논리 주소에도 유니캐스트, 멀티캐스트, 브로드캐스트 3종류가 있다. 유티캐스트의 경우 네트워크를 표시하는 번호는 접속되어 있는 모든 네트워크에서 유일하다. IP주소는 23bit, 8Bit 옥텟 4개로 이뤄진다. ICANN : IP주소, 도메인 명을 관리하는 비영리 단체 IP주소의 범위를 클래스 (A~E 5단계)로 부르고, 이를 통해 클래스 풀어드레싱을 한다. 클래스는 최초 옥텟 맨 앞 몇비트로 판별한다. 네트워크 번호 부분의 비트가 적을 수록 많은 컴퓨터를 소유하는 네트워크가 될 수 있다. 네트워크..

첫 만남! 다행히 상기와 같은 이유로 구성원 간에 맞지 않는 일은 없었다... 구성원들께서는 누구보다 적극적으로 임해주시려는 태도가 보여 나도 덩달아 신나 '이거 해볼까요?' '저거 해볼까요?' 라는 의견을 많이 피력하게 됐다. 부담스러워 하지 않으시고, 마땅한 피드백을 주셨던 구성원들께 다시 한 번 감사하다는 말씀드리고 싶다. 주제 선정 현재 최대의 관심사이며 취미이며 비즈니스인 개발을 주제로 꼽았다. 그리고... 언제나 그렇듯 모방은 창조의 어머니다. '커리어리'는 우리의 목적에 적당히 부합하는 사이트였다. 게시물, 댓글, 프로필, 소셜로그인과 더불어 OG tag를 임베드 하는 기능을 갖고 있었고 개발자를 위한 커뮤니티 라는 점이 그랬다. 주제 선정 회의를 시작한지 5분 만에 작업에 착수하게 되었다...

3계층의 개요 인터넷 작업 수행 (떨어진 위치에 있는 데이터 통신) 네트워크 : 세그먼트(라우터와 라우터 간의 범위) 간에서의 데이터 송수신 네트워크 : 라우터와 라우터로 분배된 컴퓨터 그룹 인터넷 작업 네트워크 간의 데이터 송수신 네트워크 내의 컴퓨터끼리는 2계층에 의해 연결되어 있다. 라우터를 넘어서는 브로드캐스트는 송신되지 않는다. (1개의 큰 네트워크를 복수의 네트워크로 분할함으로써 브로드캐스트가 도달하는 범위를 제한할 수 있다.) 3계층의 역할 어드레싱 : 3계층을 위한 주소 (논리 주소), 어디에 있는지와 같은 위치 정보 (어디의 네트워크 + 어느 컴퓨터) 라우팅 : 수신처까지 어떤 경로로 갈지 (라우터) 위의 두개를 합쳐 IP (인터넷 프로토콜) 이라 부른다 TCP/IP 에서 IP를 반드시 ..

스위치 신호가 지나는 길을 나누기 위한 기기 (허브 대신 사용한다.) 전이중 통신 스위치를 통해 충돌은 없다! == 충돌 도메인은 스위치에 의해 분할된다. CSMA/CD 는 반이중 통신으로 효율이 떨어진다! 케이블은 송수신을 위한 길이 나눠져 있으므로 충돌은 허브에서 일어난다. MAC 주소 필터링 스위치 안에서 수신한 프레임을 따로 보낼 수 있도록 처리해서 충돌을 막는다. MAC주소 필터링 학습 : 수신한 프레임의 송신처 MAC 주소를 기록하여 수신한 포트와 MAC주소를 연관짓는다. 스위치는 포트에 연결 돼 있는 모든 컴퓨터의 MAC 주소를 기록한다. ( 어드레스 테이블 ) 스위칭 : 프레임의 수신처 MAC 주소를 보고 그 MAC 주소가 있는 포트만 프레임 송신한다. 스위칭을 통해 수신처가 다른 프레임이..

2계층의 역할과 개요 세그먼트 범위에서의 데이터 전송에 관한 규정 신호의 송신 전이나 수신 후에 바르게 데이터를 송수신하는 순서 프레이밍과 신호의 동기 1계층에서 다루는 신호와 케이블 등에 따라 2계층의 규격이 달라진다. 3계층 이상에서는 LAN과 WAN은 동일한 규칙을 갖는다. 프레이밍 - 1계층에서 주고받은 신호를 비트화 (프레임화) 2계층 주소와 이더넷 어드레싱 - 주소(데이터를 보내는 상대와 자신을 특정하는 데이터)를 어떻게 사용하는지 정의 유니캐스트 : 1대 1 통신 브로드캐스트 : 전원, 모두에게 메세지를 보내는 데이터 통신 멀티캐스트 : 1대 다수 MAC주소 인터페이스에 지정된 고유 주소(48bit) 각각의 기기는 유니캐스트 주소를 적어도 한 개 갖고 있다. 라우터처럼 복수의 인터페이스를 가..

허브 신호의 증폭과 재생: 감쇠에 의해 붕괴된 신호를 본래의 형태로 증폭 재생 복수의 기기를 연결해서 네트워크를 구축 허브에 연결되어 있는 기기끼리 신호를 받는다 수신한 신호에 대해 어떤 제어도 하지 않는다 flooding: 수신한 포트 이외에 모든 포트에 수신한 신호를 송신 -> 허브에 연결돼 있는 다른 기기가 신호를 보내면 충돌! 이 범위를 충돌 도메인이라고 한다. 허브로 연결된 컴퓨터는 같은 충돌 도메인에 속한다. 충돌 도메인은 작아야만 한다

Proxy Proxy - JavaScript | MDN Proxy 객체는 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용합니다. developer.mozilla.org immer나 state의 불변성 유지를 위해 알아보았다. 기본적인 동작 ( 속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용한다. 선언 new Proxy(target, handler); 예제 var handler = { get: function(target, name){ return name in target? target[name] : 37; } }; var p = new Proxy({}, handler); p.a = 1; p.b = undefined; co..

Zustand GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React 🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub. github.com 미니 리덕스... 리덕스의 보일러 플레이트에 관한 피로감이 상당하기 때문에 간단한 state를 다루기에 Zustand는 굉장히 유용하다. import create from 'zustand' const useStore = create(set => ({ bears: 0, increasePopulation: () => set(..

Reqct-Query React Query Hooks for fetching, caching and updating asynchronous data in React react-query.tanstack.com 데이터 무결성을 위해 각각의 request에 key를 부여하여 최신 데이터를 참조할 수 있게 보장한다. axios의 경우 요청에 실패할 때에 interceptor를 통해 재요청, 새로고침을 해줘야 하는데 React-Query 는 라이브러리에서 자동으로 처리한다. (window가 다시 포커스 되거나, 네트워크가 다시 연결되거나, 특정 쿼리 인스턴스가 다시 만들어졌을 때 등) npm i react-query yarn add react-query 사용법 Setting import { QueryClient..