스킬 react-19
📦

react-19

콘텐츠 리비전 r2 높은 위험 ⚙️ 외부 명령어📁 파일 시스템 접근⚡ 스크립트 포함🌐 네트워크 접근🔑 환경 변수

React 19 앱 빌드

React 19는 폼, 비동기 상태, refs, 서버 경계를 변경합니다. 이 스킬은 Claude, Codex, Claude Code에 업그레이드와 신규 구축을 위한 실용적인 패턴을 제공합니다.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it ⚠️ 38 나쁨

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "react-19" from https://skillstore.io/skills/calel33-react-19.md and its manifest at https://skillstore.io/api/skills/calel33-react-19/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/calel33-react-19.md 서명된 manifest GET /api/skills/calel33-react-19/manifest 서명된 lockfile GET /api/skills/calel33-react-19/lockfile

테스트해 보기

"react-19" 사용 중입니다. 기존 대시보드에 대한 React 19 마이그레이션 계획을 요청합니다.

예상 결과:

dependency 업데이트, codemods, TypeScript 수정, 수동 ref 변경, 회귀 테스트를 다루는 단계별 체크리스트입니다.

"react-19" 사용 중입니다. Actions로 signup form을 만드는 방법을 묻습니다.

예상 결과:

server validation, pending feedback, error handling, client state가 필요한 위치를 설명하는 설계 개요입니다.

"react-19" 사용 중입니다. Server Action 보안 검토를 요청합니다.

예상 결과:

누락된 authentication, 안전하지 않은 secret 배치, 약한 validation, 위험한 client props를 표시하는 간결한 검토입니다.

보안 감사

높은 위험
v9 • 2026. 7. 23. 버전별 보고서 열기

Most static findings are false positives caused by Markdown backticks, JavaScript template literals, identifiers, and explicitly labeled security examples. Two migration steps invoke unpinned npx packages through @latest, creating a supply-chain execution risk. Separate examples omit object-level authorization and allow unverified uploads into a public directory; no prompt injection was found.

7
스캔된 파일
3,769
분석된 줄 수
2
검토 항목
0
오탐 무시됨

확인된 보안 우려 사항 (2)

높음
SKILL.md:143-149
Missing Object-Level Authorization in Security Example
The recommended deleteUser action authenticates the caller but deletes the supplied user ID without checking ownership or administrator permission. Copying this pattern permits an authenticated user to delete another user.
The action accepts an arbitrary ID and reaches the delete operation after only a non-null user check. The same skill security guide demonstrates the missing ownership or administrator check.
높음
references/advanced-examples.md:395-428
Unrestricted File Content Written to a Public Directory
The production upload example checks only file size, derives an extension from the client filename, and writes unverified content under public/uploads. This can enable malicious content hosting or stored browser attacks.
The example performs a public write after a size check with no MIME allowlist, signature validation, content scanning, or safe server-generated extension. Its own security guide states that file type validation is required.
기능 검토 항목 (2)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

중간
SKILL.md:170-171
Ruby/shell backtick execution
3. Run codemods: `npx codemod@latest react/19/migration-recipe`
The migration instruction at SKILL.md:170 runs an unpinned package through npx with @latest. Following it executes network-fetched package code whose contents can change without review.
중간
SKILL.md:171-175
Ruby/shell backtick execution
4. Fix TypeScript: `npx types-react-codemod@latest preset-19 ./src`
The migration instruction at SKILL.md:171 runs an unpinned package through npx with @latest. Following it executes network-fetched package code whose contents can change without review.

위험 요인

⚙️ 외부 명령어 (49)
references/advanced-examples.md:187-206 references/advanced-examples.md:424-428 references/advanced-examples.md:428-446 references/advanced-examples.md:571-592 references/advanced-examples.md:592-606 references/advanced-examples.md:606-608 references/advanced-examples.md:750-769 references/migration-patterns.md:335-338 references/migration-patterns.md:347-350 references/migration-patterns.md:623-626 references/security-guide.md:102-105 references/security-guide.md:116-119 references/security-guide.md:331-332 SKILL.md:21-24 SKILL.md:24-26 SKILL.md:26-27 SKILL.md:27-29 SKILL.md:29-43 SKILL.md:43-44 SKILL.md:44-46 SKILL.md:46-52 SKILL.md:52-75 SKILL.md:75-79 SKILL.md:79-102 SKILL.md:102-106 SKILL.md:106-116 SKILL.md:116-120 SKILL.md:120-138 SKILL.md:138-142 SKILL.md:142-155 SKILL.md:155-162 SKILL.md:162-164 SKILL.md:164-169 SKILL.md:169-170 SKILL.md:170-171 SKILL.md:171-175 SKILL.md:175 SKILL.md:176-177 SKILL.md:177 SKILL.md:178 SKILL.md:180 SKILL.md:188-189 SKILL.md:189-190 SKILL.md:190-191 SKILL.md:191-193 SKILL.md:193-199 SKILL.md:199-200 SKILL.md:200-201 SKILL.md:201-202
📁 파일 시스템 접근 (1)
references/advanced-examples.md:453
⚡ 스크립트 포함 (1)
references/migration-patterns.md:581
🌐 네트워크 접근 (11)
references/migration-patterns.md:334 references/migration-patterns.md:346 references/migration-patterns.md:334 references/migration-patterns.md:346 references/security-guide.md:101 references/security-guide.md:115 references/security-guide.md:101 references/security-guide.md:115 SKILL.md:155 SKILL.md:216 SKILL.md:217
🔑 환경 변수 (26)
references/migration-patterns.md:331 references/migration-patterns.md:344 references/migration-patterns.md:331 references/migration-patterns.md:344 references/migration-patterns.md:331 references/migration-patterns.md:335 references/migration-patterns.md:344 references/migration-patterns.md:347 references/security-guide.md:98 references/security-guide.md:113 references/security-guide.md:172 references/security-guide.md:192 references/security-guide.md:98 references/security-guide.md:113 references/security-guide.md:172 references/security-guide.md:192 references/security-guide.md:311 references/security-guide.md:98 references/security-guide.md:102 references/security-guide.md:113 references/security-guide.md:116 references/security-guide.md:172 references/security-guide.md:192 SKILL.md:154 SKILL.md:154 SKILL.md:154
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/calel33-react-19/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/calel33-react-19/security.svg)](https://skillstore.io/skills/calel33-react-19?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/calel33-react-19?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-react-19/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/calel33-react-19.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
학술 인용 (APA · BibTeX · CFF)

APA 인용

Calel33. (2026). react-19 security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/calel33-react-19/audits/9

BibTeX 인용

@techreport{calel33-calel33-react-19-2026, author = {Calel33}, title = {react-19 security audit report (audit version 9)}, institution = {Skillstore}, year = {2026}, number = {9}, url = {https://skillstore.io/skills/calel33-react-19/audits/9}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "react-19 security audit report (audit version 9)" version: "unspecified" type: report authors: - name: "Calel33" date-released: "2026-07-23" url: "https://skillstore.io/skills/calel33-react-19/audits/9" identifiers: - type: other value: "skillstore:calel33-react-19:audit:9" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 중간
45
아키텍처
85
유지보수성
87
콘텐츠
75
커뮤니티
83
사양 준수

만들 수 있는 것

기존 앱 업그레이드

breaking change 점검과 codemod 지침을 포함해 React 18에서 React 19로의 마이그레이션을 계획합니다.

현대적인 폼 흐름 설계

Actions, pending states, validation, optimistic updates를 사용해 반응성 좋은 폼 경험을 만듭니다.

Server Boundaries 검토

코드가 어디서 실행되는지, secrets가 어디에 유지되는지, Server Actions가 접근 권한을 어떻게 검증해야 하는지 확인합니다.

이 프롬프트를 사용해 보세요

React 19 기본 설명 
React 18을 알고 있는 개발자에게 주요 React 19 변경 사항을 설명하세요. Actions, hooks, migration risks에 집중하세요.
마이그레이션 계획 
내 React 18 앱 구조를 검토하고 codemods, 수동 수정, 테스트 단계를 포함한 React 19 마이그레이션 체크리스트를 만드세요.
Action Form 빌드 
useActionState, validation, pending state, 명확한 server/client boundaries를 사용하는 React 19 폼 흐름을 설계하세요.
Server Action 보안 감사 
authentication, authorization, input validation, secret handling, client data exposure risks 관점에서 이 Server Actions를 검토하세요.

모범 사례

  • React 18.3에서 마이그레이션을 시작한 다음, React 19를 설치하기 전에 경고를 해결하세요.
  • secrets와 권한이 필요한 데이터는 server-only functions와 Server Actions 내부에 유지하세요.
  • Server Actions에서 데이터를 변경하기 전에 폼 입력과 authorization을 검증하세요.

피하기

  • secrets나 전체 데이터베이스 레코드를 Client Components에 전달하지 마세요.
  • 마이그레이션 예제를 framework 버전에 맞게 조정하지 않고 그대로 복사하지 마세요.
  • server-side source of truth 없이 optimistic UI에 의존하지 마세요.

자주 묻는 질문

이 스킬이 React 19를 설치하나요?
아니요. 지침, 예제, 체크리스트를 제공합니다. 설치 및 마이그레이션 명령은 직접 실행해야 합니다.
Next.js 15에 도움이 될 수 있나요?
예. references에는 Next.js 15와 관련된 Server Components, Server Actions, framework migration notes가 포함되어 있습니다.
React 19 hooks를 다루나요?
예. useActionState, useOptimistic, use, useTransition을 사용 지침과 함께 다룹니다.
보안 위험을 검토할 수 있나요?
예. authentication, authorization, validation, secret handling, server/client boundaries에 대한 지침을 포함합니다.
새 프로젝트에도 유용한가요?
예. 폼, 스트리밍 UI, optimistic updates, Server Actions를 위한 패턴을 제공합니다.
공식 React 문서를 대체하나요?
아니요. 실용적인 보조 자료이며, 최신 릴리스에 대해서는 공식 문서와 대조해 확인해야 합니다.

개발자 세부 정보

작성자

Calel33

라이선스

MIT

Skillstore 리비전

r2

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/Calel33/my-flash-ui-app--1-/tree/main/skills/react-19

참조

a39a91716eadede5f4cdefd78178fed4e837a128

유지보수 최신성

2026. 7. 25.

사용량

8 다운로드 · 513 조회

파일 구조

📁 references/

📄 advanced-examples.md

📄 core-workflows.md

📄 hooks-api.md

📄 migration-patterns.md

📄 security-guide.md

📄 upgrade-checklist.md

📄 SKILL.md

Calel33의 다른 스킬

전체 보기

관련 스킬

전체 보기