분류 전체보기316 claude cli 에서 error :JavaScript heap out of memory during execution https://github.com/anthropics/claude-code/issues/14373 [96741:0x7f8c36a0a000] 4289231 ms: Scavenge (interleaved) 4048.3 (4078.7) -> 4042.9 (4116.9) MB, poole..." data-og-host="github.com" data-og-source-url="https://github.com/anthropics/claude-code/issues/14373" data-og-url="https://github.com/anthropics/claude-code/issues/14373" data-og-image="https://scrap.kakaocdn.net/dn/bmWeX9/hyZRjenLjJ/M0.. 2026. 1. 12. 나만의 agents.md 템플릿 이 글을 바탕으로 만드 나만의 템플릿 예시--- name: fe-test-agentdescription: React/Next.js 프론트엔드 테스트를 작성하고 실행하는 QA 엔지니어 에이전트---You are a quality-focused frontend test engineer for this project.## Persona- You specialize in writing unit, integration, and component tests for React/Next.js with TypeScript.- You understand this project's test patterns and translate product requirements into reliable automated tests.-.. 2026. 1. 12. BroadcastChannel API 를 통한 브라우저 동기화 BroadcastChannel API는 동일 origin 탭·창·iframe·worker 사이에서 서버 없이 메시지를 주고받을 수 있게 해 주는 브라우저 내장 Web API다. 아래 내용은 예제 코드(AAPage)를 중심으로 BroadcastChannel을 React에서 어떻게 활용할 수 있는지 정리한 실험 보고서 형식의 글이다.BroadcastChannel API 개요BroadcastChannel API는 같은 origin을 공유하는 브라우저 컨텍스트(탭, 창, iframe, worker)끼리 메시지를 브로드캐스트하는 단일 채널을 제공한다. 채널 이름만 일치하면 여러 컨텍스트가 자유롭게 참여하고 탈퇴하면서 데이터를 주고받을 수 있다.이 API는 로컬스토리지 이벤트나 서버 기반 WebSocket 없이도 .. 2025. 12. 23. [React 19] Activity 컴포넌트 React 19에서 추가된 는 “컴포넌트를 언마운트하지 않고 숨기는” 용도로 쓰는 새 컴포넌트다.탭/모달/사이드바처럼 자주 보였다 숨겼다 하는 UI에서 상태를 그대로 유지한 채 토글할 수 있게 해준다.Activity 기본 개념는 자식 컴포넌트의 생명주기 경계를 만들어 주는 컴포넌트다.mode="visible" | "hidden" | "auto" 같은 props로 Activity 안의 UI를 보이거나 숨길 수 있다.숨길 때도 컴포넌트를 언마운트하지 않고 DOM과 React state를 보존하는 것이 핵심이다.상태가 유지되는 숨김 처리일반적인 조건부 렌더링({isOpen && })은 false가 되면 컴포넌트가 언마운트되어 useState 등 로컬 상태가 사라진다.으로 감싸면, 화면에서는 display.. 2025. 12. 19. 추가로 발견 된 리액트 취약점 https://react.dev/blog/2025/12/11/denial-of-service-and-source-code-exposure-in-react-server-components Denial of Service and Source Code Exposure in React Server Components – ReactThe library for web and native user interfacesreact.dev 아래는 퍼플렉시티를 통해 얻은 분석이 글은 최근 React Server Components(RSC) 관련 추가 보안 취약점 공지입니다.[2]어떤 취약점인지두 가지 새 취약점이 공개되었습니다.[1][2]Denial of Service (CVE-2025-55184, CVSS 7.5, Hig.. 2025. 12. 12. 대표적인 mcp 서버 5개를 통해 mcp 사용 이전과 이후를 비교해보기 대표적인 MCP 서버 5개Model Context Protocol(MCP) 서버는 AI 에이전트가 다양한 데이터 소스와 통신할 수 있게 해주는 표준화된 프로토콜입니다. 다음은 2025년 가장 널리 사용되는 대표적인 MCP 서버 5개와 사용 전후 비교입니다.GitHub MCP ServerGitHub MCP Server는 AI 도구가 GitHub 플랫폼에 직접 연결되어 리포지토리를 읽고 코드를 분석할 수 있게 합니다.사용 전:수동으로 GitHub 웹사이트나 CLI를 통해 리포지토리 정보를 찾아 AI에 복사/붙여넣기이슈 생성, PR 검토 등을 위해 여러 단계의 수동 작업 필요사용 후:AI가 자연어로 "이 리포지토리의 최근 이슈를 분석해줘" 같은 요청을 직접 처리작업 완료 속도 20.56% 향상, API 호출 .. 2025. 12. 5. React Server Components CVE-2025-55182 취약점 분석 2025년 12월 3일에 공개된 CVE-2025-55182(CVSS 10.0)는 React Server Components에서 발견된 critical한 인증되지 않은 원격 코드 실행(RCE) 취약점입니다. 이 취약점은 "React2Shell"이라는 별칭으로 불리며, Log4Shell과 유사한 수준의 심각성과 광범위한 영향을 미칩니다.//선 요약React 공식 문서의 인용:"React Server Functions allow a client to call a function on a server. React translates requests on the client into HTTP requests which are forwarded to a server."취약점이 발생하는 이유:클라이언트가 Server.. 2025. 12. 5. app router 기준 렌더링 로직을 비교해보기 보호되어 있는 글 입니다. 2025. 12. 2. Next.js로 SSE 환경 만들기 (app router에서 better-sse 사용 불가 이유) 1. SSE란?Server-Sent Events웹소켓과 마찬가지로 명시적으로 연결을 끊지 않는 한 서버와 클라이언트의 연결은 쭉 유지되는 통신클라이언트는 서버로부터 정보를 실시간으로 받을 수 있을 뿐 요청을 보내지는 않음 (보낼거면 별도 요청)알람 기능 구현, 뉴스피드 받기 등등. 클라이언트의 동작이 서버에 등록될 필요는 없는 기능에서 활용연결 방법 (CS적으로)기본적으로 HTTP 연결을 열어둔 상태로 유지클라이언트가 서버에 요청을 처음 보낸다 (연결 요청)서버는 응답을 완료하지 않고 해당 HTTP 연결을 계속 열어둠 -> 해당 연결을 통해 데이터를 지속적으로 보냄각 데이터는 "data:"형식으로 전성 됨위의 연결 방법으로 유지가 가능한 이유HTTP 의 Content-Length 헤더를 사용하지 않거나 .. 2025. 11. 23. 이전 1 2 3 4 ··· 36 다음