시냅스

1계층 : 물리계층 역할 케이블이 연결되어 있는 기기에 신호를 전달하는 것 ( 송신에서는 마지막이지만 수신에서는 첫 번째 ) 케이블에 대한 규칙도 1계층에서 정해져있다. 통신매체 신호가 지나는 파이프 역할을 하는 것 전기신호를 사용하는 동선과 광신호를 사용하는 광파이버가 있다. 동선 : UTP -> 두 대가 한 쌍인 동선 네 쌍으로 이루어져 있다 NIC : LAN 용 케이블을 위해 신호 -> 데이터 변환 (인터페이스, UTP, 광파이버 등과 연결된다.) DCE : WAN 용 인터페이스 신호와 충돌 신호 : 인터페이스가 비트 -> 신호, 신호 -> 비트로 변환한다. 아날로그 신호 디지털 신호 {ON, OFF} 전압을 {1,0} 으로 표현하기 쉽다! 통신속도: 1초 동안 전해지는 비트 수 (BPS) 신호에 ..

React Hook Form : 공식 문서 react hook form 은 form 을 제어할 때에 쓰이면 효과적인 라이브러리이다. 사용하면서의 개인적인 소감은 ref나 객체로 만들어야 하는 후처리가 줄어들어 굉장히 좋은 경험을 했다. 유효성 검사나, onChange 시의 렌더링 횟수도 줄어 성능 측면에서 효과적이라고... 공식문서는 이야기 한다. 또한 TS도 기본적으로 지원한다고 한다 사용법 npm install react-hook-form yarn add react-hook-form import React from "react"; import { useForm } from "react-hook-form"; export default function App() { const { register, han..

프로토콜 : 데이터 통신을 위한 규칙 각 계층마다 역할을 하는 프로토콜 존재 프로토콜군 : 1~7 계층의 사용되는 프로토콜을 통합한 것 데이터 통신은 같은 프로토콜군을 사용하는 컴퓨터나 기기끼리만 가능하다. 프로토콜이 결정하는 것 어떤 헤더를 붙일 것인지 데이터의 내용 송수신 순서 TCP/IP : 사실 표준 프로토콜 TCP/IP 모델에서 TCP/IP 프로토콜군을 결정한다. 국제 인터넷 표준화기구 (IETF) 에서 RFC 로 규격을 정해놓았다.

LAN 과 WAN LAN : 지역적으로 좁은 범위에서 구축하는 네트워크 WAN : 떨어져 있는 LAN끼리 통신사업자의 통신케이블을 빌려 연결한 네트워크 LAN을 데이터 통신 서비스를 제공하는 통신사업자에게 케이블에 데이터를 전송할 권리를 구입해서 네트워크를 구축하면 WAN! OSI 참조 모델 ISO : 규격 통일을 시도한 단체 (표준화를 시도했지만 실패...) OSI 참조 모델 : 데이터 통신의 간계 구성도, 데이터 통신을 단계로 나누어 각 단계의 순서를 명확히 할 수 있다. 7계층 7계층 응용 계층 : 사용자에게 네트워크 서비스 제공 6계층 표현 계층 : 데이터의 형식을 결정 5계층 세션 계층 : 데이터 송수신의 순서 등을 관리한다. 4계층 전송 계층 : 신뢰성이 높은(에러가 적은) 전송을 시행한다. ..

리액트는 v16.8을 통해 Hook 컴포넌트를 선보였다. 목적은 뚜렷이 복잡한 class형 컴포넌트 상태관리의 단순화와 재사용성을 높이겠다는 것이었다. 물론 잘 정착한 덕에 우리는 라이프사이클에 대해 2번에 걸쳐 배워야하게 되었다... Class형 컴포넌트의 Life Cycle getDerivedStateFromProps : props를 state에 넣어주고 싶을 때 사용 shouldComponentUpdate : 리렌더링 여부 결정( 최적화에 용이 ) getSnapshotBeforeUpdate : 변화가 일어나기 직전의 DOM 상태를 가져와 특정 값을 반환하면 그 다음 발생하게 되는 componentDidUpdate에서 받아와서 사용 가능 componentDidUpdate : 변화가 모두 반영된 뒤 호..

UUID란? 개발주체가 스스로 이름을 짓도록 하되 고유성을 충족할 수 있는 방법으로 범용고유식별자(UUID)를 사용하며 국제기구에서 표준으로 정하고 있다. v1 은 timestamp를 기준으로 v3는 md5 해쉬, v5 는 sha-1 해쉬를 기준으로 v4 는 랜덤으로 생성해준다. import { v1, v3, v4, v5} from 'uuid'; yarn add uuid npm install uuid 설치해준 뒤 import { v4 as uuidv4 } from 'uuid' console.log(uuidv4()) 와 같이 사용할 수 있다.

프로젝트의 루트디렉토리(package.json 과 같은 뎁스!) 에서 .env 폴더를 작성하고 REACT_APP_TEST=localhost 와 같이 작성한다. 주의해야 할 점은 REACT_APP 이 꼭 붙어있어야 하고, 띄어쓰기나 따옴표가 있으면 안된다. 이후 사용하고 싶은 컴포넌트 내부에서 import dotenv from 'dotenv' dotenv.config() console.log('DB_HOST', process.env.REACT_APP_TEST) 를 추가해주면 정상적으로 실행된다. 만약 작동되지 않는다면 서버를 껐다 키시길 추천드린다.

라우터 패킷교환기로 사용된다. 인터페이스를 갖고 있다. 복수의 라우터가 연결되어 패킷교환 네트워크가 만들어진다. T자 회로선 분배가 필요하고 세그먼트 내에서는 라우터 없이 데이터 송수신이 가능하다. 허브 라우터에서 사용하는 T자 분배기를 대신 해 허브를 사용한다. 허브에 다수의 통신매체가 연결된 것을 멀티 액세스 네트워크라고 한다. 통신매체 : 통신매체로 1:1 대응 되는 것을 point to point 네트워크 라고 한다. 멀티 액세스 네트워크와 point to point 네트워크를 조합 해 네트워크 전체가 이뤄진다.

회선교환 전용 회선을 통해 연결 되고, 통신하는 동안에는 해당 연결이 독점적으로 발신자 및 수신자에 의해서만 사용된다. 통신이 끝났을 때는 반드시 연결을 해제하는 절차가 필요하다. 쉽게는... 한 파이프에 하나만 연결이 되고 파이프를 교체하는 방식이다. 안정적인 통신이 가능하다. 패킷교환 데이터를 여럿으로 분할해서 송신한다. 개별 데이터는 발신지 주소, 목적지 주소가 추가되어 하나의 단일한 패킷이 된다. 복수의 패킷이 한 회선을 사용한다. 사용하려던 회선이 사용 중일 경우 회선이 비는 것을 기다린다. 각 패킷은 개별적으로 경로가 라우팅된다.

TypeError: Cannot read properties of undefined (reading 'pathname') ConnectedRouter : connected-react-router 와 Routes : react-router-dom을 쓰던 중 react-router-dom 을 가장 최신인 v6 로 했을 때에 발생한 에러다. 버전 체크에 관한 공식문서 등은 찾지 못하였고, 차선책으로 react-router-dom 을 5.3.0으로 다운그레이드 하여 해결했다고 생각했지만... Uncaught Could not find router reducer in state tree, it must be mounted under "router" ConnectedRouter 에 history를 props로 전달..