스킬 react-async-patterns
📦
react-async-patterns
콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근
React 비동기 버그 수정
비동기 React 버그는 경합 조건, 누락된 상태 업데이트, 신뢰할 수 없는 effect를 만듭니다. 이 스킬은 더 안전한 비동기 코드를 위한 리뷰, 수정, lint 규칙을 안내합니다.
지원: Claude Codex Code(CC)
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
에이전트 요청
Review the Skillstore skill "react-async-patterns" from https://skillstore.io/skills/cjharmath-react-async-patterns.md and its manifest at https://skillstore.io/api/skills/cjharmath-react-async-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"react-async-patterns" 사용 중입니다. 컴포넌트가 effect에서 사용자 데이터를 로드하고 탐색 후 상태를 설정합니다.
예상 결과:
- 요청이 완료되기 전에 화면이 unmount될 때 발생하는 경합을 식별합니다.
- 상태를 설정하기 전에 취소를 권장합니다.
- 종속 데이터 렌더링 전에 오류 경로 확인을 제안합니다.
"react-async-patterns" 사용 중입니다. Zustand action이 설정 작업을 시작하고 즉시 기능 상태를 업데이트합니다.
예상 결과:
리뷰는 숨겨진 비동기 동작을 지적하고, 이에 의존하는 상태 변경 전에 설정을 await할 것을 권장합니다.
"react-async-patterns" 사용 중입니다. 리뷰어가 promise 정확성에 대한 lint 가이드를 원합니다.
예상 결과:
- 누락된 await를 위해 no-floating-promises를 권장합니다.
- require-await 및 await-thenable 검사를 추가합니다.
- 안전하지 않은 async callback에 no-misused-promises를 사용합니다.
보안 감사
안전v7 • 2026. 7. 6. 버전별 보고서 열기
All static findings are false positives caused by Markdown code fences, inline backticks, and illustrative React or TypeScript examples. The fetch example demonstrates AbortController cleanup in application code, and the sensitive-key finding is an Object.keys substring match. No prompt injection, data exfiltration, or auto-executing behavior was found.
1
스캔된 파일
313
분석된 줄 수
0
검토 항목
0
오탐 무시됨
위험 요인
⚙️ 외부 명령어 (40)
SKILL.md:10 SKILL.md:16 SKILL.md:18-26 SKILL.md:26-28 SKILL.md:28-32 SKILL.md:32-36 SKILL.md:36-40 SKILL.md:40-41 SKILL.md:41 SKILL.md:49-59 SKILL.md:59-62 SKILL.md:62-74 SKILL.md:74-78 SKILL.md:78-80 SKILL.md:80-86 SKILL.md:86-90 SKILL.md:90-114 SKILL.md:114-118 SKILL.md:118-124 SKILL.md:124-132 SKILL.md:132-150 SKILL.md:150-156 SKILL.md:156-157 SKILL.md:157-164 SKILL.md:164-166 SKILL.md:166-218 SKILL.md:218-226 SKILL.md:226-258 SKILL.md:258-266 SKILL.md:266-275 SKILL.md:275-277 SKILL.md:277-285 SKILL.md:285 SKILL.md:286-288 SKILL.md:288-299 SKILL.md:299-301 SKILL.md:301-303 SKILL.md:303-304 SKILL.md:304-306 SKILL.md:306-307
🌐 네트워크 접근 (1)
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/cjharmath-react-async-patterns?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/cjharmath-react-async-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-react-async-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/cjharmath-react-async-patterns.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 인용
CJHarmath. (2026). react-async-patterns security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7BibTeX 인용
@techreport{cjharmath-cjharmath-react-async-patterns-2026,
author = {CJHarmath},
title = {react-async-patterns security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7},
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-async-patterns security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-react-async-patterns:audit:7"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음 55
아키텍처
85
유지보수성
87
콘텐츠
71
커뮤니티
83
사양 준수
만들 수 있는 것
기능 코드 리뷰
React 기능이 배포되기 전에 floating promise, 누락된 await, 안전하지 않은 순서를 찾습니다.
모바일 Effect 안정화
비동기 데이터를 로드하는 React Native 화면에 cleanup 및 취소 패턴을 적용합니다.
비동기 리뷰 표준 만들기
TypeScript React 앱을 유지보수하는 팀을 위한 lint 규칙과 체크리스트 항목을 정의합니다.
이 프롬프트를 사용해 보세요
비동기 코드 리뷰
Review this React component for async bugs. Find floating promises, race conditions, and missing post-condition checks. Suggest focused fixes.
Effect 타이밍 수정
Analyze this useEffect flow. Explain where unmounts or dependency changes can race. Recommend cancellation or AbortController changes.
Zustand Action 감사
Inspect these Zustand actions. Identify hidden async behavior, missing awaits, and state assumptions. Propose safer action signatures.
비동기 흐름 설계
Design an async data flow for this React feature. Decide what should be sequential, parallel, or handled by TanStack Query. Explain tradeoffs.
모범 사례
- 비동기 코드를 수동으로 리뷰하기 전에 TypeScript ESLint promise 규칙을 활성화합니다.
- 종속 action이 계속되기 전에 중요한 로드 후 상태를 검증합니다.
- 데이터를 로드하는 effect에는 AbortController 또는 취소 플래그를 사용합니다.
피하기
- promise를 반환하는 함수를 await하거나 return하거나 백그라운드 실행을 문서화하지 않고 호출하는 것.
- 종속적인 비동기 단계를 Promise.all 내부에서 실행하는 것.
- 비동기 작업을 감싸는 대신 useEffect callback을 직접 async로 만드는 것.
자주 묻는 질문
이 스킬은 명령을 실행하나요?
아니요. grep 검색 및 ESLint 구성 예제가 포함된 Markdown 가이드 스킬입니다.
React Native에 도움이 될 수 있나요?
예. 비동기 타이밍, 취소, 상태 검증 패턴은 React Native 화면에도 적용됩니다.
Zustand가 필요한가요?
아니요. Zustand 예제가 포함되어 있지만 대부분의 패턴은 React hook과 TypeScript promise에 적용됩니다.
TanStack Query를 대체하나요?
아니요. 수동 비동기 상태 관리가 위험하거나 반복적일 때 TanStack Query를 권장합니다.
모든 경합 조건을 찾을 수 있나요?
아니요. 리뷰 구조화를 돕지만, 타이밍에 민감한 동작에는 여전히 런타임 테스트가 필요합니다.
어떤 도구에서 사용할 수 있나요?
이 스킬은 Claude, Codex, Claude Code용으로 표시되어 있습니다.