안녕하세요 개발하는 토마토입니다 :) 거의 12월 말부터 기획을 시작으로 팀프로젝트를 진행해오고 있었는데, 오늘 하루종일 디버깅을 하던 중 유의미하게 알게된 점들이 있어 블로그에 기록해두려고 합니다!  1. use client클라이언트 컴포넌트로 렌더링하기 위해 import 문 가장 위에 명시해주면 해당 컴포넌트는 클라이언트 렌더링 (1) 컴포넌트가 ‘use client’ 지시어를 포함한 모듈 안에서 정의되었을 때. (2) ‘use client’ 지시어가 포함된 모듈의 직간접적인 의존성인 경우 * 여기서 직간접적인 의존성이란?use client로 클라이언트 렌더링이 되고 있는 모듈을 import 한 경우 ex) ComponentA.tsx"use client"export default function Co..

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