React 뉴스
키워드 React 결과입니다.
-
새 소식
pdfcn - React 컴포넌트로 만드는 PDF 문서
pdfcn은 shadcn/ui 스타일을 차용하여 React 컴포넌트와 템플릿을 조합해 자유롭게 PDF 문서를 만들 수 있는 오픈소스 프로젝트입니다. 텍스트, 표, 차트 등 다양한 문서 요소와 페이지 레이아웃 기능을 제공하며, shadcn CLI를 통해 필요한 항목을 간편하게 추가할 수 있습니다.
ReactICE디자인APIIMA -
새 소식
프로그래머를 위한 음악 이론
자바스크립트 런타임 Bun 1.4가 발표되었습니다. Zig에서 Rust로 재작성되어 성능과 Node.js 호환성이 크게 향상되었으며, 다양한 내장 API와 패키지 매니저 기능이 추가되었습니다.
Next.jsmacOSReact보안 강화ESS -
새 소식
A2A 에이전트 등록소를 통째로 받아서 세봤다: 200곳 중 응답 73곳
Kaneo는 Jira와 Linear의 대체제를 목표로 하는 작업 중심의 프로젝트 관리 플랫폼입니다. 셀프 호스팅과 원클릭 배포를 지원하며, MCP 서버를 내장해 Claude나 Cursor 등 외부 클라이언트와의 연동 기능을 제공합니다.
KubernetesReact에이전트APICLI -
새 소식
Wails v3 Beta - Go 데스크톱 앱을 위한 새로운 기반
Go 기반 데스크톱 앱 개발 프레임워크인 Wails가 3년여의 개발 끝에 v3 베타 버전을 출시했다. 이번 버전은 멀티윈도우 지원, Go Service 도입, 애플리케이션 구조 재설계 등 대규모 개편이 이루어졌다.
ReactICEAPIAMDAI -
세계Lee vows full backing for 7 future industries to drive next wave of growth
President Lee Jae Myung (center) listens to a policy presentation by Deputy Prime Minister and Science and ICT Minister Bae Kyung-hoon during a briefing on the government's "seven seed technologies for future growth" initiative at Cheong Wa Dae on Wednesday. (Yonhap) President Lee Jae Myung on Wednesday pledged full government support for seven advanced technologies, describing them as the country's next "mega projects" that will drive economic growth and strengthen national competitiveness in the artificial intelligence era. Speaking at a briefing on the government's "seven seed technologies for future growth" initiative at Cheong Wa Dae, Lee said the technologies would become both the country's next growth engines and core strategic national assets. "The seeds of advanced technologies we plant today will one day grow into giant trees and become new mega projects," Lee said. The meeting brought together around 60 government officials, researchers, entrepreneurs, venture capital investors and science and engineering students to discuss ways to foster seven strategic industries identified by the presidential office as key assets for South Korea's economy and national security. The seven "seed technologies" are small modular reactors, nuclear fusion, renewable energy, quantum technology, aerospace, advanced biotechnology, and supply chains for critical minerals, materials, parts and equipment. The initiative is designed to build the next generation of growth industries beyond the government's existing three mega projects centered on semiconductors, artificial intelligence and AI data centers. The presidential office said the meeting sought ways to support South Korea's AI transformation while securing and nurturing advanced technologies that will underpin the country's next phase of economic growth. The government plans to group the seven sectors into three strategic pillars: future clean energy, consisting of SMRs, nuclear fusion and renewable energy; next-generation frontiers, comprising quantum technology, aerospace and advanced biotechnology; and advanced supply chains for critical minerals, materials, parts and equipment. It also unveiled sector-specific road maps. The government aims to commercialize light-water SMRs by 2035 while beginning construction of non-light-water SMRs during the 2030s. It plans to generate electricity through nuclear fusion by the late 2030s, develop a domestically produced 100-qubit quantum processor by 2029, launch a privately led lunar lander by 2030 and establish an independent low-Earth-orbit satellite communications network by 2035. It also aims to commercialize brain-computer interface technology by 2035. A central pillar of the initiative is public-private collaboration. For capital-intensive technologies such as non-light-water SMRs, fusion reactors, quantum chip foundries and gene and cell therapies, the government plans to establish jointly funded special purpose companies to support projects from research and development through commercialization, demonstration and regulatory reform. The strategy also includes measures to overhaul South Korea's research ecosystem. Universities will receive block funding to support large-scale, long-term research, while government-funded research institutes will be transformed into organizations responsible for long-term national missions following the planned abolition of the Project-Based System. To oversee implementation, the government will launch a public-private task force, headed by Deputy Prime Minister and Science and ICT Minister Bae Kyung-hoon, to coordinate the development of the "seven seed" technologies. Progress on sector-specific road maps will be reviewed regularly through ministerial meetings on science and technology policy. Lee said the rapid pace of technological change makes it increasingly difficult to predict which industries will emerge as growth drivers. "One common characteristic of cutting-edge technologies attracting attention today is that technological replacement cycles are becoming extremely fast," he said. "Individuals and countries alike will be left behind if they fail to keep up with change." Pointing to semiconductors as an example, Lee said the industry had entered what he described as a structural boom after recently facing concerns over a prolonged downturn. "We are living in an era of great transformation, where it is extremely difficult to predict which advanced technologies will emerge in the coming years or how the industrial landscape will change," he said. Lee stressed that South Korea must capitalize on its strengths in semiconductors to prepare for the next stage of growth driven by AI. "It is up to us whether we become a leader that enjoys limitless opportunities or a follower constantly exposed to the risk of being left behind," he said. "We must take advantage of the tremendous opportunity created by the semiconductor industry and prepare in advance for the next growth engine in the era of artificial intelligence." Calling on researchers and innovators to lead the country's technological transformation, Lee urged participants to help South Korea evolve beyond being a semiconductor powerhouse into a global leader in advanced science, technology and talent. "The government will provide firm support so that our innovative companies and scientists can freely pioneer new markets and boldly take on new challenges," he said. Bae said he would personally oversee implementation of the initiative as head of the new task force. "The mega projects and the seven seed projects will serve as twin engines that work independently and together to build an irreplaceable South Korea," he said.
supply chainReactPERESSCIA -
새 소식
Orca - 여러 병렬 코딩 에이전트를 위한 오픈소스 ADE
지난달 웹로그 분석 서버의 Access Log 데이터를 조회해 보다가 팀룸에서 깊은 한숨이 터져 나왔습니다. 서비스 전체 HTML 요청 트래픽을 전수 조사한 결과, 일반 사용자의 웹 브라우저에서 발생한 HTTP 요청 비율이 불과 48%에 불과했기 때문입니다. 나머지 52%의 트래픽은 사람이 아닌 AI 에이전트, 서치봇, 그리고 각종 자동화 스크립트가 발생시킨 요청이었습니다. 더 큰 문제는 마케팅팀과 함께 진행한 서비스 노출 분석 결과였습니다. 매달 수천만 원의 예산을 들여 검색엔진 최적화(SEO) 작업을 진행했고, 구글 검색 결과 상위 3위 이내에 서비스 이름을 올리고 있었지만 실제 신규 유입 구매 전환율은 지난분기 대비 35%나 급락해 있었습니다. 고객들이 더 이상 검색창에 키워드를 치고 들어와 블로그나 상세 페이지를 직접 하나씩 읽지 않고 있었습니다. 대신 퍼플렉시티, 서치GPT, 클로드 에이전트 같은 답변 엔진(Answer Engine)에게 "내 상황에 가장 적합한 B2B 모니터링 솔루션 하나만 골라줘"라고 명령하고 있었던 겁니다. 정작 그 AI 에이전트들은 수많은 자바스크립트로 떡칠된 우리 홈페이지에 들어와 빈 화면만 긁어가거나, 복잡한 DOM 구조를 해석하지 못해 경쟁사 서비스를 최종 답변으로 추천하고 있었습니다. 구글 상위에 노출되어도 정작 AI 에이전트의 선택을 받지 못하면 비즈니스가 고사하는 시대가 눈앞에 도래했던 것이죠. 독자 여러분께 오늘 글을 한 줄로 요약해서 말씀드리면 이겁니다. 웹 서비스의 생존 공식은 이제 사람을 위한 SEO(검색엔진 최적화)에서 AI 에이전트가 쉽게 읽고 강력하게 추천하도록 만드는 AEO(답변 엔진 최적화) 아키텍처로 완전히 전환되었습니다. 1. 화려한 쇼윈도에서 AI 전용 드라이브스루로 기존의 웹 아키텍처는 온전히 '사람의 눈'을 위해 최적화되어 있었습니다. 화려한 CSS 애니메이션, 사용자 반응형 자바스크립트 컴포넌트, 시각적 브랜딩 요소가 웹사이트의 가치를 결정했습니다. 비유하자면 아름답게 인테리어가 된 백화점 쇼윈도와 같았죠. 하지만 AI 에이전트에게 이러한 화려한 쇼윈도는 그저 거대한 소음이자 파싱 에러를 유발하는 장애물일 뿐입니다. AI 에이전트가 원하는 것은 화려한 백화점 매장이 아니라, 정확한 규격으로 물품이 정리되어 0.1초 만에 픽업할 수 있는 '무인 드라이브스루'입니다. 챗GPT나 퍼플렉시티 같은 에이전트는 웹을 방문할 때 HTML 태그나 자바스크립트 실행 결과보다는, 즉시 언어모델이 이해할 수 있는 Clean Markdown, 구조화된 메타데이터(JSON-LD), 그리고 호출 가능한 API 사양(OpenAPI Spec)을 원합니다. 우리는 즉시 웹 아키텍처 개편 작업에 착수했습니다. 기존의 SSR/CSR 혼합 구조 위에 AI 에이전트 전용 콘텐츠 제공 레이어를 결합하는 AEO(Answer Engine Optimization) 백엔드 파이프라인을 구축했습니다. 전환 후 우리가 얻은 정량적 KPI 결과는 놀라웠습니다. 인간 대 에이전트 트래픽 비율 : 전체 HTML/Data 요청 중 에이전트 비중 52% 이상 차지 확인 AI 에이전트 파싱 성공률 : 기존 38% 수준에서 AEO 적용 후 96%로 대폭 상승 답변 엔진 추천 노출 빈도 : 주요 AI 서비스 내 서비스 추천 지수 4.2배 증가 에이전트 응답 생성 시간(TTFT) : 엣지 마크다운 캐싱을 통해 수집 latency 55% 단축 2. 자바스크립트 렌더링에 갇힌 AI 에이전트의 통곡 물론 아키텍처를 교체하는 과정이 순탄치만은 않았습니다. 가슴 아픈 시행착오 잔혹사가 있었습니다. 처음에 우리는 "어차피 요즘 LLM 크롤러들은 Headless Chrome을 돌리니까 문제없겠지"라고 안일하게 생각했습니다. React 기반의 레거시 코드를 그대로 둔 채 robots.txt만 풀어두었던 것이 화근이었습니다. 어느 날 새벽, AI 서비스들이 우리 서비스를 엉뚱하게 설명하거나 "해당 서비스의 요금제 정보를 찾을 수 없습니다"라는 허위 답변(Hallucination)을 내놓고 있다는 고객 제보가 접수되었습니다. 웹서버 로그를 정밀 분석해 보니, AI 에이전트의 크롤러들은 비용과 속도 문제로 인해 자바스크립트를 1초 이상 기다려주지 않았습니다. React가 Hydration을 완료하고 API를 호출해 화면을 뿌려주기도 전에 빈 <div id="root"></div> 태그만 긁어가서 학습하거나 답변을 생성해 버린 것이었습니다. 설상가상으로, 보안 팀에서 설정해 둔 WAF(Web Application Firewall)가 문제였습니다. 평소보다 빠른 속도로 페이지를 긁어가는 Cloudflare 및 OpenAI 계열의 에이전트 IP들을 악성 Bot으로 오인하여 HTTP 403 Forbidden으로 차단하고 있었습니다. 에이전트는 우리 사이트에 접근조차 못 하고 돌아서버렸고, 결과적으로 AI의 추천 생태계에서 우리 브랜드가 한순간에 소멸했던 겁니다. 이 잔혹사를 겪고 난 뒤에야 우리는 AI 에이전트를 차단의 대상이 아닌, 매출을 가져다주는 'VIP 사용자의 대리인'으로 재정의하게 되었습니다. 3. 에이전트가 스스로 결제까지 처리하는 3단계 백엔드 개편 우리는 웹 응답 아키텍처를 근본적으로 개편했습니다. Cloudflare에서 선보인 Agent Readiness 지표와 AEO(Answer Engine Optimization) 도구를 적극적으로 백엔드 파이프라인에 이식했습니다. 현장에서 바로 적용할 수 있는 3단계 개편 가이드는 다음과 같습니다. 1단계: Content Negotiation 기반 Clean Markdown 레더링 : 클라이언트가 요청을 보낼 때 HTTP Accept 헤더에 text/markdown 을 포함하거나 User-Agent가 에이전트로 확인되면, 무거운 HTML/JS 대신 렌더링이 완료된 순수한 Markdown 텍스트와 JSON-LD 메타데이터만 반환하도록 엣지 워커(Edge Worker)를 배치했습니다. 2단계: robots.txt와 sitemap.xml의 에이전트 친화적 표준화 : 단순 크롤링 허용을 넘어, AI 에이전트가 인증 및 API 도구를 식별할 수 있도록 .well-known/ai-plugin.json 과 OpenAPI v3.1 스펙을 sitemap에 명시적으로 연결했습니다. 이제 에이전트는 우리 사이트에서 정보를 읽을 뿐만 아니라 API를 호출해 예약이나 조회 동작까지 수행합니다. 3단계: Cloudflare AEO 및 Agent Readiness 진단 자동화 : CI/CD 파이프라인 상에 Cloudflare Agent Readiness Diagnostics를 연동했습니다. 배포 시마다 에이전트 시각에서 사이트가 100% 파싱 가능한지, 답변 엔진에 원활히 추천될 수 있는 구조인지 자동 평가하고 점수화합니다. 에이전트 퍼스트 시대를 맞이하는 아키텍트의 자세 과거 웹의 시대에는 브라우저 화면을 예쁘게 만드는 개발자가 대세였고, 모바일 시대에는 반응형 UI와 앱 아키텍처가 핵심이었습니다. 하지만 2026년 현재, 우리가 마주한 AI 에이전트 시대의 백엔드 아키텍트는 완전히 새로운 질문을 던져야 합니다. "내 시스템은 AI 에이전트가 0.1초 만에 이해하고 신뢰할 수 있는 구조인가?" 더 이상 구글 검색 키워드 1위에 집착하지 마세요. 에이전트가 내 사이트를 탐색(Discover)하고, 읽고(Read), 확신을 갖고 사용자에게 추천(Recommend)할 수 있도록 백엔드의 물류망을 개단해야 합니다. 내일 출근하시면 당장 여러분 서비스의 HTTP header와 robots.txt, 그리고 자바스크립트 비의존성 응답을 점검해 보세요. 여러분의 서비스를 이용할 다음 진짜 고객은 사람이 아니라, 그 사람을 대신해 결제 버튼을 누를 AI 에이전트일지 모릅니다. 아래에 내일 출근해서 백엔드 및 DevOps 팀과 당장 복사해 쓸 수 있는 [AEO 백엔드 점검 체크리스트]와 [에이전트 변환 테스트 프롬프트/CLI 가이드]를 하나의 코드 블록으로 정리해 두었습니다. 지금 바로 복사해서 여러분의 서버 환경에 적용해 보세요. =============================================================================== AI 에이전트 준비도(Agent Readiness) 및 AEO 백엔드 실전 점검 팩 =============================================================================== [PART 1: 백엔드 & 인프라 AEO 점검 체크리스트] [ ] 1. HTTP Content Negotiation 설정 - Accept 헤더가 'text/markdown' 일 때 Clean Markdown을 반환하는가? - 에이전트 요청 시 무거운 JS/CSS를 제거한 경량화된 데이터를 제공하는가? [ ] 2. WAF 및 보안 정책 재정의 - OpenAI, Anthropic, Perplexity, Cloudflare 에이전트 IP가 403/429로 차단되지 않는가? - Rate Limit 정책이 인간 브라우저와 AI 에이전트 세션별로 분리되어 있는가? [ ] 3. 구조화된 데이터 및 메타데이터 구축 - JSON-LD (Schema.org) 스펙이 모든 상품/서비스 페이지에 정확히 삽입되어 있는가? - 서비스 요금, FAQ, 핵심 피처가 환각(Hallucination) 없이 파싱 가능하게 명시되었는가? [ ] 4. 에이전트 전용 Action API 인터페이스 제공 - /.well-known/ai-plugin.json 파일이 정상 제공되는가? - OpenAPI v3.1 규격의 API Spec이 에이전트에 공개되어 인보크 가능한가? [PART 2: curl 기반 엣지 서버 에이전트 응답 테스트 CLI] # 1. AI 에이전트 User-Agent 및 Accept 헤더 시뮬레이션 테스트 curl -i -X GET " https://your-service.com/product/123" ; \ -H "User-Agent: Mozilla/5.0 (compatible; GPTBot/1.0; + https://openai.com/gptbot )" \ -H "Accept: text/markdown, text/html" # 2. robots.txt 내 에이전트 관련 Allow 및 Sitemap / AI-Plugin 경로 검증 curl -s " https://your-service.com/robots.txt" ; | grep -iE "(User-agent|Sitemap|Allow|Disallow)" # 3. JSON-LD 메타데이터 수집 테스트 curl -s " https://your-service.com/product/123" ; | grep -A 20 '<script type="application/ld+json">' [PART 3: LLM 에이전트 파싱 성능 및 추천 검증 프롬프트 템플릿] [역할 정의] 당신은 최첨단 AI 에이전트 파싱 및 AEO(Answer Engine Optimization) 데이터 분석가입니다. [요청 사항] 아래 제공된 [웹페이지 응답 데이터]를 읽고, AI 에이전트 시각에서 다음 3가지를 평가해 주세요. 1. 정보 명확성 (Clear Readability): - 자바스크립트 실행 없이 순수 텍스트만으로 서비스의 핵심 기능, 가격, 사용법을 100% 파악할 수 있습니까? - 모호하거나 환각을 유발할 수 있는 구조가 있습니까? 2. 구조화 데이터 완성도 (Metadata Integrity): - JSON-LD 및 HTML 메타 데이터에서 주요 Entity(가격, 요금제, API 엔드포인트)가 명확히 추출됩니까? 3. 답변 엔진 추천 지수 (Recommendation Feasibility Score: 1~10점): - 사용자가 "가장 적합한 B2B 솔루션을 추천해 줘"라고 물었을 때, 이 데이터를 바탕으로 이 서비스를 확신 있게 추천할 수 있습니까? 부족하다면 어떤 Markdown/메타데이터가 추가되어야 합니까? [웹페이지 응답 데이터] (여기에 curl로 긁어온 서비스의 Markdown 또는 HTML 응답 텍스트를 붙여넣으세요) ===============================================================================
AnthropicAI 에이전트React챗GPT에이전트 -
새 소식
DEF CON 34: AI는 버그바운티를 어떻게 바꾸고 있을까?
토스 모노리포가 100명 규모에서도 굴러가는 이유: 카탈로그 개요 토스는 100명 이상의 프론트엔드 엔지니어가 하루 수백 번 배포하면서도, 모든 서비스가 동일한 버전의 React 19 / Next.js 15 / TypeScript 7(Go 재작성 버전)을 사용함 모든 모바일 제품 코드는 1개의 모노리포로 통합되어 있으며, 이 일관성의 핵심에 '카탈로그(Catalog)' 가 있음 모노리포만으로는 해결되지 않았던 문제 5명 시절부터 모노리포를 써왔지만, 규모가 커지며 서비스마다 의존성 버전이 제각각이 됨 → 개발 경험 파편화 의존성 종류가 너무 많아 캐시가 있어도 설치에 1분 이상 소요됨 플랫폼 팀은 전사 공통 라이브러리를 만들어도 "한 곳에서 되면 다른 곳에서도 된다"를 보장할 수 없었고, 서비스 개발자는 업데이트 비용이 높아 낡은 의존성에 고착됨 폴리리포 전환은 답이 아니라고 판단 리포를 쪼개면 리포당 의존성이 가벼워지는 효과는 있지만, 파편화·공통 코드 비용 문제는 그대로 남고 오히려 심해질 것으로 판단함 문제의 본질은 "모노리포 구조"가 아니라 "서비스마다 의존성 버전이 다르다" 는 것이었음 실제 서비스 개발자를 관찰해보니 "React가 필요하다"는 결정은 해도, 특정 버전을 지정해야 하는 경우는 거의 없었음 → 표준 버전 제공이 가능하다고 결론 카탈로그 도입 pnpm/Yarn의 catalog 기능을 활용해 표준 라이브러리 버전을 중앙 정의하고, 각 서비스는 "react": "catalog:" 프로토콜로 참조하는 방식 React, Next.js, TypeScript, TDS(사내 컴포넌트), 토스 앱 SDK 등 핵심 라이브러리 10~20개부터 시작함 신규 서비스 스캐폴딩 시 카탈로그 참조가 기본값이고, yarn add 도 카탈로그를 참조하도록 했으며, CI에서 카탈로그 미사용을 자동 검출함 기존 서비스는 코드 오너들과 오프라인으로 모여 동작을 검증하며 100% 마이그레이션함 정량적 효과 Yarn PnP의 .pnp.cjs 파일 크기: 96MB → 15MB (약 84% 절감) 개발 서버 실행 속도: 26.7초 → 20.3초 (약 23% 개선) 캐시 없이 전체 의존성 설치 시간: 528.4초 → 249.9초 (약 52% 단축) 정성적 효과 카탈로그 패키지는 릴리즈 전 최소 1개 이상의 서비스에서 검증한다는 제약을 두어, "검증된 의존성"이라는 신뢰가 생김 패키지 간 의존 관계의 무결성을 플랫폼 팀이 검증해 버전 불일치로 인한 오동작을 예방함 의존성 가시성이 확보되자 패키지 개발자가 두려움 없이 구조 개편을 추진할 수 있게 됨 → RSC, TypeScript 7, Rspack, E2E 테스트 같은 급진적 개선을 짧은 기간에 안정적으로 도입함 공급망 공격 등 보안 이슈 발생 시에도 카탈로그에 패치 버전만 반영하면 전 서비스에 신속 대응 가능함 운영 정책이 핵심 카탈로그는 stable-26.08 처럼 발행 연월로 버저닝하며, 이미 발행된 카탈로그에는 절대 파괴적 변경을 넣지 않음 새 카탈로그는 한 달에 최대 1회만 발행 하고, 매월 초 사내 패키지 메인테이너들이 모여 예정된 변경 사항을 논의함 파괴적 변경이 있으면 항상 자동 코드 변환 스크립트(codemod)와 AI Skill을 함께 제공함 yarn catalog switch stable-26.08 한 번으로 카탈로그 전환과 코드 마이그레이션이 자동으로 수행됨 자체 개발한 yarn-plugin-catalogs 로 canary 카탈로그 발행( stable-26.07/canary ), 특정 워크스페이스의 카탈로그 강제/제한 등 정책을 코드로 시행함 흩어져 있던 사내 패키지들도 별도의 패키지 모노리포로 통합해 린트 도구, 파괴적 변경 검사기, E2E 테스트, 릴리즈 워크플로우를 갖춤 결론 문제의 근원은 모노리포 구조 자체가 아니라, 일관된 정책을 광범위하게 전파할 수단과 가시성의 부재였음 카탈로그라는 기술 위에 월 1회 발행 정책, 정책 강제 도구, 정기 미팅, 패키지 모노리포라는 운영을 1년간 쌓아 올린 결과 임 대규모 모노리포에서 문제를 겪고 있다면 폴리리포 전환 전에 먼저 문제를 명확히 정의해볼 것을 권함
Next.js데이트 비용React공급망AI -
새 소식
termcn - Ink와 OpenTUI 기반의 아름다운 터미널 UI 컴포넌트
termcn은 Ink와 OpenTUI를 기반으로 한 React용 오픈소스 터미널 UI 컴포넌트 라이브러리입니다. shadcn/ui와 연동되며 AI 에이전트, 그래픽 렌더링 등 다양한 카테고리의 99개 컴포넌트를 제공하여 복잡한 터미널 UI를 쉽게 구성할 수 있도록 지원합니다.
termcn터미널 UIReact -
아직 공개된 뉴스가 없습니다.
새 기사가 준비되는 대로 이곳에 표시됩니다.