📌 React에서 useRef를 활용한 안정적인 소켓 통신웹 애플리케이션에서 실시간 데이터를 다루려면 WebSocket을 활용하는 경우가 많다.React에서는 보통 useEffect를 사용해 소켓을 관리하지만, 잘못된 방식으로 사용하면 불필요한 소켓 재연결, 이벤트 리스너 중복 등록, 메모리 누수 같은 문제가 발생할 수 있다.이를 해결하기 위해 useRef를 활용하는 것이 효과적이다! 🚀🚨 기존 코드import { useEffect, useState } from "react";import { io } from "socket.io-client";const ComponentName = () => { const [socketState, setSocketState] = useState(null); us..

유튜버 널널한 개발자 TV의 네트워크 기초 이론 강의 1~5강을 정리하였다. TCP/IP부터 공부해야 - OSI 7 Layer는 개념이다. 네트워크를 공부하겠다면 OSI 7 Layer가 아니라 실체인 TCP/IP부터 공부해야 한다. - Socket은 User Mode Application Process에 접근할 수 있도록 File 형태로 추상화한 interface가 속해진 것이다. Port번호, IP주소, MAC는 무엇에 대한 식별자인가? - MAC 주소는 NIC(LAN 카드)에 하나가 부여된다. 하드웨어 주소이며, 변경이 가능하다. - IP주소는 컴퓨터에 n개 부여된다. NIC 하나에 여러 개의 IP 주소를 바인딩할 수 있다. - Port번호는 user 차원에서는 Process, Kernel 차원에서는..