쌓인 기록에서 찾기
무엇을 찾으세요?
날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위부터 2026년 9월 12일 (토)까지311건
9건 · "React"조건 지우기 ×
001당일 +403React, 웹과 네이티브 UI 라이브러리React는 선언형 뷰와 컴포넌트 기반 구조로 사용자 인터페이스를 구축하는 JavaScript 라이브러리다.웹 · 프론트엔드 · react/react · JavaScript
React, 웹과 네이티브 UI 라이브러리
Key PointGitHub Trending에 오른 React의 공식 저장소에서 라이브러리의 핵심 특징과 활용 방식을 확인할 수 있다.
핵심 요약
- React는 선언형 뷰와 컴포넌트 기반 구조로 사용자 인터페이스를 구축하는 JavaScript 라이브러리다.
- 데이터 변화에 따라 필요한 컴포넌트만 효율적으로 업데이트하며, 컴포넌트 로직을 JavaScript로 작성해 상태 관리를 DOM 밖에서 처리한다.
- 기존 프로젝트에 점진적으로 도입할 수 있으며, Node.js 서버 렌더링과 React Native를 통한 모바일 앱 개발도 지원한다.
- MIT 라이선스로 공개되어 있고, GitHub에서 오픈소스로 개발되고 있다.
AI · 머신러닝 · Shopify moves back to Native from React Native
쇼피파이, 리액트 네이티브에서 스위프트·코틀린으로 복귀
Key PointLLM 시대에 모바일 개발 패러다임이 근본적으로 바뀌는 사례로, 2020년 기준으로 타당했던 기술 선택이 5년 만에 재평가되는 과정을 보여줍니다.
핵심 요약
- 쇼피파이는 2020년 리액트 네이티브로 전환했으나, LLM 기술 발전으로 2025년 다시 평가해 네이티브 개발로 돌아가기로 결정했다.
- LLM 에이전트가 iOS 버전을 참고해 안드로이드 기능을 구현하고, 기존에 없던 수준의 테스트와 검토 자동화를 지원하면서 기술적 비용이 크게 줄었다.
- 기존에 리액트 네이티브 선택 이유였던 '두 번 빌드하지 않기'라는 전제가 LLM으로 무효화되었고, 각 플랫폼 네이티브 기능과 공식 도구에 더 가까워질 수 있다는 이점이 부각됐다.
- 2020년과 달리 이번엔 그린필드(전면 재구축) 방식을 선택했으며, 기존 리액트 네이티브 라이브러리 중 FlashList는 계속 유지하고, Skia는 포크·아카이빙, Restyle은 2026년까지만 지원한다.
AI · 머신러닝 · datawhalechina/hello-agents · Python
AI 에이전트 구축 원리부터 실전까지 완전 가이드
Key Point2025년 '에이전트 원년'에 접어든 시점에서 기초부터 실전까지 체계적으로 AI 에이전트를 배우고 구축할 수 있는 실제 프로젝트 기반의 무료 교재를 얻을 수 있기 때문이다.
핵심 요약
- Datawhale 커뮤니티가 에이전트 개발자를 위한 무료 오픈소스 교육 프로젝트 'Hello-Agents'를 공개했다.
- 기초 이론(ReAct, Plan-and-Solve, Reflection 등)부터 실제 구축까지 16개 장으로 구성되었으며, AI 네이티브 에이전트 시스템의 구조와 핵심 원리를 다룬다.
- AutoGen, AgentScope, LangGraph 같은 주류 프레임워크 활용법과 직접 에이전트 프레임워크를 만드는 방법을 포함한다.
- 메모리, RAG, MCP 프로토콜, Agentic-RL 학습 같은 고급 기술과 성능 평가 방법을 체계적으로 설명한다.
- 스마트 여행 어시스턴트, 자동 리서치 에이전트, 사이버 타운 구축 등 실무 프로젝트를 직접 구현하며 배운다.
- 온라인과 로컬 환경에서 모두 학습 가능하며, 커뮤니티 블로그에서 면접 문제·팁·사례 등 추가 자료를 공유한다.
AI · 머신러닝 · Tencent/WeKnora · Go
텐센트의 오픈소스 LLM 지식 플랫폼 'WeKnora' 공개
Key Point문서 기반 정보 검색과 활용 방식을 근본적으로 바꾸는 오픈소스 플랫폼으로, 한국 기업들의 지식 관리 자동화와 데이터 주권 보호에 직결된 기술이다.
핵심 요약
- 문서를 RAG 기반 Q&A, 자율 추론 에이전트, 자동 유지 위키로 변환하는 엔터프라이즈급 지식 프레임워크다.
- ReAct 에이전트가 검색·MCP 도구·웹 검색을 자동 조합하고, Wiki 모드에서 문서를 상호연결된 마크다운 지식베이스로 정제한다.
- PDF·Word·이미지·Excel·XMind 등 10+ 포맷 지원하고, Feishu·GitLab·Notion·Slack·Telegram 등 20+ 데이터 소스 및 LLM 제공자와 통합된다.
- 세션 간 장기 기억, 청크 편집 이력 관리, 다중 워크스페이스 RBAC, Langfuse 옵저버빌리티를 지원한다.
- 로컬 및 프라이빗 클라우드 자체 배포 가능하며, LLM·벡터 DB·스토리지 백엔드를 자유롭게 교체할 수 있다.
웹 · 프론트엔드 · Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple
80줄짜리 Proxy로 어떤 DOM이든 반응형으로
Key Point기존 HTML 페이지에 복잡한 프레임워크 없이 가벼운 반응형 상태 관리를 추가하고 싶은 개발자에게 실용적인 선택지가 된다.
핵심 요약
- Mador는 프레임워크 없이 기존 HTML에 간단한 반응형 상태 관리만 추가하는 라이브러리다.
- 상태 읽기와 쓰기 함수 쌍으로 동작하며, CSS 선택자로 선택한 DOM 요소에 상태 변화를 자동으로 반영한다.
- 바인딩은 선택자·업데이트 함수·의존성 읽기 함수 3가지로 구성되고, 의존성 변화가 있을 때만 리렌더링된다.
- 상태 변경은 write() 함수로 하며 같은 사이클 내 여러 변경을 일괄 처리한다.
- DOM 요소가 제거되면 자동으로 해당 바인딩도 정리되므로 라이프사이클 관리가 필요 없다.
- 크기는 최소화되어 875바이트 수준이며, 빌드 단계 없이 ES 모듈로 직접 사용 가능하고 MIT 라이선스다.
AI · 머신러닝 · DietrichGebert/ponytail · JavaScript
AI 에이전트에 '게으른 선임 개발자' 스킬 심는 Ponytail
Key PointAI 에이전트의 과도한 코드 생성은 비용과 속도를 악화시키는데, 이 스킬이 실제 업무에서 구체적인 개선율을 입증했기 때문에 도입 가치가 있다.
핵심 요약
- 클로드 코드 에이전트를 위한 프롬프트 스킬로, 불필요한 코드 작성을 줄이도록 유도한다.
- 실제 FastAPI + React 풀스택 프로젝트에서 테스트한 결과 코드량 54% 감소, 토큰 22% 감소, 비용 20% 절감, 실행 시간 27% 단축을 달성했다.
- 검증·에러 처리·보안·접근성은 절대 줄이지 않으면서 필요한 것만 작성하는 방식으로 작동한다.
- DATE 피커 같은 과도한 빌드 상황에서는 최대 94% 코드 감소 효과를 보이며, 이미 최소한인 코드는 거의 영향 없다.
- Claude Code와 Codex에 플러그인으로 설치 가능하며 Node.js가 필요하다.
오픈소스 · 도구 · BraveOPotato/FckSignups · TypeScript
가입 없이 쓸 수 있는 오픈소스 도구 모음
Key Point폐쇄적인 서비스 가입 절차에 지친 개발자들을 위해 즉시 사용 가능한 신뢰할 수 있는 오픈소스 도구를 한곳에서 찾을 수 있는 허브를 제공한다.
핵심 요약
- 회원가입·이메일·추적 없이 브라우저에서 바로 쓸 수 있는 오픈소스 도구들을 모아둔 React 프로젝트다.
- 생산성, 디자인, 개발, 문서 작성, 보안, 유틸리티, 데이터 분석, 미디어, 교육 등 9개 카테고리로 200개 이상의 도구를 정리했다.
- 각 도구는 고유 ID, 이름, 한 문장 설명, 직접 링크, 카테고리, 태그 정보를 포함한 스키마로 관리된다.
- 기여 시 도구는 반드시 회원가입 없이 작동해야 하며, 설명은 140자 이내, 태그는 3~5개여야 한다.
- GPL-3.0 라이선스로 공개되며, 포함된 도구들은 각자의 라이선스를 유지한다.
AI · 머신러닝 · Show HN: LLM Attention Visualization
트랜스포머 모델의 어텐션 메커니즘을 시각화하다
Key PointLLM이 토큰을 생성할 때 어떤 과거 정보를 참고하는지 처음으로 직관적으로 볼 수 있어, 언어 모델의 동작 원리를 이해하는 데 도움이 된다.
핵심 요약
- 트랜스포머 기반 LLM이 다음 토큰을 생성할 때 과거 토큰들로부터 얼마나 정보를 가져오는지 보여주는 인터랙티브 시각화 도구를 만들었다.
- 생성된 각 토큰을 클릭하면 영향을 미친 이전 토큰들이 투명도로 표시되며, 모든 어텐션 헤드와 레이어의 가중치를 집계하고 값 벡터 크기로 조정한 결과다.
- 예제에서 주소와 날짜처럼 그대로 복사되는 텍스트는 원본 데이터에서 높은 어텐션을 받으며, 작은 모델도 전체 함수 코드를 정확히 재현할 수 있는 이유를 보여준다.
- 구현은 Transformers.js로 만든 React 앱이지만, 어텐션 데이터를 추출하기 위해 맞춤형 생성 루프를 직접 구현했다.
- ONNX 파일의 내부 값에 접근하기 어려워 ONNX 파일을 수정해 필요한 데이터를 노출시키고, 이를 Hugging Face 저장소에 올려 브라우저에서 사용한다.
웹 · 프론트엔드 · pascalorg/editor · TypeScript
웹 기반 3D 건축 설계 에디터 Pascal 공개
Key Point웹 기술로 전문적인 3D 건축 설계 도구를 구현한 사례로, React 생태계 개발자나 WebGPU 기술에 관심 있는 개발자의 참고 자료이며, AI 에이전트 연동 기능은 LLM 기반 자동화 워크플로우의 실제 적용 사례를 보여준다.
핵심 요약
- React Three Fiber와 WebGPU로 만든 3D 건축 프로젝트 에디터로, 브라우저에서 직접 3차원 공간을 설계하고 공유할 수 있다.
- Node.js 22.13 이상이면 저장소를 복제하지 않아도 CLI로 로컬 에디터를 실행할 수 있으며, 프로젝트는 ~/.pascal/data/pascal.db에 저장된다.
- Turborepo 모노레포 구조로 viewer, editor, core, nodes 등 재사용 가능한 패키지들로 분리되어 있고, npm과 GitHub에서 모두 배포된다.
- @pascal-app/core, @pascal-app/viewer, @pascal-app/editor 등 독립적인 npm 패키지로 제공되며 React 프로젝트에 통합할 수 있다.
- Zustand 기반 상태 관리와 Zundo로 50단계 실행 취소·다시 실행을 지원하며, 씬 데이터는 IndexedDB에 자동 저장된다.
- Claude Code와 Codex 에이전트용 MCP(Model Context Protocol) 플러그인을 제공해 AI 에이전트가 로컬 에디터를 원격 제어할 수 있다.