안녕하세요 개발하는 토마토 입니다 :)리액트라면 메모이제이션이 또 빠질 수 없죠,, 그렇지만 단 한번도 사용해보지 않았다는 사실,,, 오늘은 공식 문서를 참고하여 리액트의 memo를 한번 뽀개보도록 할게요 ! 1. React.memo 와 useMemo 의 각 개념2. 둘의 차이 1. React.memo- props가 바뀌지 않았을 때 컴포넌트의 리렌더링을 건너뛰어 성능 최적화 import { memo } from 'react';const Component = memo(function Component(props) { // ...}, arePropsEqual) Component - memoize 하고 싶은 컴포넌트 (memo는 직접 이 컴포넌트를 변경하지 않으며 새로운 memoized 컴포넌트를 반환!) ..

안녕하세요 개발하는 토마토입니다 🍅블로그의 첫 주제는 팀 프로젝트를 진행하며 새롭게 접했던 것들에 대한 '적용기 시리즈'입니다 😃  SSE (Server-Sent-Event)란?서버에서 클라이언트 측으로 데이터를 실시간으로 보내는 기술을 의미합니다. 클라이언트가 한 번 서버에 연결을 맺고 나면, 서버는 데이터를 계속해서 클라이언트로 보내게 됩니다. 그렇다면, SSE는 언제 사용하며, 어떤 장단점이 있길래 웹소켓 대신 SSE를 택하는 걸까요? 장점 😀1. 별도의 프로토콜 없이, HTTP 프로토콜만으로 구현이 가능하다.2. 네트워크 연결이 끊어졌을 때 자동으로 연결을 재시도한다.3. 서버에서 클라이언트로 단방향의 데이터 전송이 필요할 경우 적합하며, 클라이언트가 한 번 서버에 요청을 보내면 추가 요청 ..