이 스킬과 그 밖의 2,500+개, 채팅 안에서
월 $9 언제든 해지 가능, 또는 연 $59
- 2,500+개의 스킬, 프롬프트 팩, 에이전트를 요청하는 즉시 불러옵니다
- 다운로드도 붙여 넣기도 필요 없습니다. Claude, ChatGPT, Claude Code 또는 Cursor에서 한 번만 연결하세요
- 매주 새로운 스킬, 매달 카탈로그 파일 10개 다운로드
Cyprian - React Native 개발자 AI Skill
$19
제품 정보로 건너뛰기
Cyprian - React Native 개발자 AI Skill
코드를 한 줄이라도 수정하기 전에 React Native 버그가 JavaScript, 브리지 또는 네이티브 코드 중 어디에 있는지 파악하세요.
$19
이 스킬
한 번 결제
평생 소유
Claude 스킬 패키지 즉시 다운로드cyprian-react-native-cross-platform-engineer.skill
Library 플랜
이 스킬 외 2,500+개를 함께 받으세요
$9/월 또는 연 $59
Library 시작 · $9/월Library 시작
이 스킬, 7일간 무료로 써 보세요무료로 써 보기
- 7일 무료, 카드 없이
- 언제든 해지 가능
- 첫 결제 30일 환불 보장
결제되지 않습니다. 체험 종료 2일 전에 첫 결제에 쓸 수 있는 −30% 코드가 도착합니다.
- 커넥터 하나로 Claude, ChatGPT, Claude Code, Codex, Cursor 안에서 작동
- 모든 스킬, 프롬프트 팩, 에이전트에 체험 기간 동안 AI CRM과 도구까지
- 언제든 해지 가능
이 스킬만 필요하신가요?
파일 1개, 한 번만 결제. 업데이트 없음, 커넥터 없음.
Library 2개월 이용료와 비슷한 가격입니다.
$19
Pay once, keep foreverInstant download30-day money-back guarantee
Stripe 보안 결제
각 상표는 해당 소유자의 자산입니다. KissMySkills은(는) 이들과 제휴하거나 보증을 받지 않았습니다.
작동 방식
Ask Cyprian something hard.
React Native 목록 화면: iOS에서는 60fps, Android에서는 25fps, 동일한 코드에 Hermes 사용 중입니다. 내부적으로 무엇이 다른가요?
CLAUDE · AS CYPRIAN, REACT NATIVE 개발자
같은 JS인데 프레임은 다릅니다 - Android는 더 많은 레이어를 거쳐 렌더링하므로, 중급 하드웨어에서는 iPhone이 감추는 문제가 드러납니다. 먼저 Perf Monitor에서 JS 스레드와 UI 스레드의 프레임 저하를 구분하세요. JS가 25fps라면 브리지/JSI 처리량 문제일 가능성이 높으며, 보통 매 렌더링마다 인라인 함수와 새 객체를 생성해 FlatList에 전달하는 것이 원인입니다 - keyExtractor를 수정하고, renderItem을 메모이제이션하고, getItemLayout을 추가하면 Android 수치는 대개 두 배로 올라갑니다. UI 스레드가 낮다면 오버드로 또는 과도한 elevation 그림자 때문일 수 있으니 item 뷰를 평탄화하세요. 그리고 릴리스 빌드를 프로파일링하고 있는지 확인하세요. Android의 개발 모드는 2~3배 느리게 실행되어 모두를 헷갈리게 합니다. 어느 스레드에서 프레임이 떨어지나요?
또는 모든 스킬을 AI 안에서.
구매 전에 궁금한 점이 있나요? 보통 당일에 사람이 직접 답해 드립니다: hello@kissmyskills.com
// 파일 원본
구매 전에 직접 읽어 보세요.
AI가 읽게 될 파일의 첫 부분을 전달되는 그대로 보여 드립니다. 페이지용으로 고쳐 쓴 내용은 없습니다.
이름으로 불러 보세요
파일을 불러온 뒤에는 이름으로 말을 걸어 보세요: “Serge, 이 페이지 좀 봐 줘.” 이름은 바로 그걸 위해 있습니다. 한 채팅에서 여러 스킬을 구분하는 데도 도움이 됩니다.
파일을 불러온 뒤에는 이름으로 말을 걸어 보세요: “Serge, 이 페이지 좀 봐 줘.” 이름은 바로 그걸 위해 있습니다. 한 채팅에서 여러 스킬을 구분하는 데도 도움이 됩니다.
// 당신의 AI를 움직이는 skill
당신은 FlatList나 Hermes를 건드리기 전에 JS 측, 브리지 또는 네이티브 측에서 증상을 찾아내는 시니어 React Native 엔지니어 Cyprian입니다. 하나의 코드베이스를 양대 앱 스토어에 출시하기 위해 활성화되었습니다.
// 구성
이 스킬에 담긴 내용
- JavaScript, 브리지 또는 네이티브 코드로 버그 범위 좁히기
- 각 계층에 적합한 도구를 사용하는 프로파일링 안내
- 구체적인 코드 변경 사항을 포함한 수정 계획
- 목록 렌더링 및 재렌더링을 위한 성능 체크리스트
JS-네이티브 경계에서 발생하는 멈춤 현상을 추적하는 React Native 개발자와 모바일 리드.
// 두 가지 방법
AI 안에서 바로 쓰거나, 한 번 다운로드하세요.
이 스킬만 파일로
$19 1회 결제
- 결제 후 다운로드해 어떤 AI 채팅에든 붙여 넣으세요
- 파일 하나, 업데이트 없음, 커넥터 없음
- 30일 환불 보장
이미 Library 또는 Both를 이용 중인가요? 이 상품은 포함되어 있어 파일을 따로 구매할 필요가 없습니다.
// 어시스턴트에게 맡기기
또는 AI가 이 스킬을 대신 설정하게 하세요.
kissmyskills.com/pages/connector 에 가서 "Cyprian - React Native 개발자 AI Skill" 스킬을 설정해 주세요 (handle: cyprian-react-native-cross-platform-engineer-ai-skill)
Claude, ChatGPT, Claude Code, Cursor 또는 Codex에 붙여 넣으세요. AI가 KissMySkills 연결을 안내하고(약 3분, 7일 무료 체험) 스킬을 불러옵니다. AI가 읽을 내용 →
실제로 구매하는 것
한 줄도 수정하기 전에 React Native 버그가 JavaScript, 브리지 또는 네이티브 코드 중 어디에 있는지 알아보세요.
Cyprian은 React Native 프로젝트에서 문제가 발생하는 특정 지점을 위해 만들어진 시니어 React Native 크로스 플랫폼 모바일 엔지니어 skill입니다. 브리지/JSI 경계를 너무 자주 건너거나 정리 작업 없이 건너는 경우, 실제 제약이 아니라 습관에 따라 결정한 Expo와 bare workflow의 선택, 프로파일링이 아닌 추측으로 조정한 FlatList, 네이티브 변경 사항까지 배포할 수 있다고 조용히 약속하는 OTA 업데이트 등을 다룹니다. 또한 Old Architecture와 New Architecture의 구분(브리지, JSI, Fabric, TurboModules), Swift 및 Kotlin으로의 네이티브 모듈 브리징, React Navigation 및 상태 관리 선택, FlatList/FlashList 성능 조정, Hermes 엔진 동작, EAS Update (expo-updates) 출시 전략, 앱 스토어 제출 절차까지 다룹니다.
대상
모바일 엔지니어링 리드, React Native 개발자, 그리고 하나의 JavaScript/TypeScript 코드베이스로 App Store와 Play Store에 모두 앱을 출시하는 팀.
주요 기능
- 수정 방법을 제안하기 전에 증상이 JS-네이티브 경계의 어느 쪽에 있는지(순수 JS 재렌더링, 브리지/직렬화 또는 네이티브 측) 판단합니다.
- 브리지 관련 문제를 진단하기 전에 Old Architecture인지 New Architecture인지(newArchEnabled, RN 버전) 확인합니다.
- 결정을 강제하는 실제 네이티브 기능이나 제약을 바탕으로 Expo managed, Expo prebuild 또는 bare workflow를 결정하며, 단순히 "안전을 위해 bare"를 선택하지 않습니다.
- React Native DevTools 또는 React DevTools Profiler로 프로파일링한 후에만 FlatList 성능(getItemLayout, keyExtractor, windowSize)을 조정하거나 FlashList로의 마이그레이션을 권장합니다.
- JS만 변경하는 수정 사항은 EAS Update (expo-updates)로, 네이티브 변경 사항은 전체 스토어 빌드로 전달하고, 당일 OTA 수정이 가능하다고 약속하기 전에 변경 사항이 어느 범주에 속하는지 명시합니다.
사용 방법
Cyprian의 SKILL.md를 Claude Project Instructions(또는 모든 AI system prompt)에 붙여 넣은 다음, react native 크로스 플랫폼 엔지니어 문제를 설명하세요. Claude, ChatGPT 및 모든 AI 채팅에서 사용할 수 있습니다. 설치하는 데 2분도 걸리지 않습니다.
// 설치 방법
2분 이내
네 단계. 어떤 AI 채팅.
- 01파일 다운로드
결제 후 다운로드 링크가 이메일로 전송됩니다. .skill 파일을 저장하세요. Claude는 그대로 사용할 수 있습니다.
- 02AI 채팅 열기
이미 사용 중인 AI 채팅이면 무엇이든: Claude, ChatGPT, Gemini, Grok, Copilot 등.
- 03AI에 추가하기
Claude: Settings → Capabilities → Skills에서 .skill 파일을 업로드하세요. ChatGPT, Gemini 등: .skill 파일을 .zip 압축 파일처럼 열고 SKILL.md를 맞춤 지침이나 프로젝트 지침에 붙여넣으세요.
- 04작업 시작
귀하의 AI가 이제 전문가로 설정되었습니다. 해당 분야에 관해 무엇이든 질문해 보세요.
기술 지식이 필요하지 않습니다.
Library를 이용하면 다운로드할 것이 없습니다. AI를 한 번 연결한 뒤 "KissMySkills에서 Cyprian 불러와 줘"라고 요청하기만 하면 됩니다.
// faq
이 제품에 대한 질문
어떤 AI 도구와 함께 사용할 수 있나요?+
사용자 지정 지침을 지원하는 모든 AI 채팅에서 사용할 수 있습니다 - Claude, ChatGPT, Gemini 등. SKILL.md 콘텐츠를 프로젝트 지침 또는 system prompt에 붙여 넣으세요.
어떻게 설치하나요?+
파일을 다운로드한 다음, 전체 내용을 AI의 사용자 지정 지침, 프로젝트 지침 또는 system prompt 입력란에 붙여 넣으세요. 2분도 걸리지 않습니다.
강의인가요, 도구인가요?+
도구입니다 - 동영상 강의가 아니라, 체계화된 전문가 페르소나와 워크플로입니다. AI 채팅에 붙여 넣기만 하면 바로 사용할 수 있습니다.
Cyprian은 브리지 버그를 다루기 전에 왜 제가 Old Architecture를 사용하는지 New Architecture를 사용하는지 묻나요?+
레거시 브리지(비동기 JSON 직렬화)와 New Architecture(JSI, Fabric, TurboModules)는 작동 방식이 충분히 달라서, 한쪽에 맞는 수정이 다른 쪽에는 무관하거나 오히려 잘못될 수 있기 때문입니다. Cyprian은 브리지 관련 문제를 진단하기 전에 newArchEnabled와 React Native 버전을 확인합니다.
AI를 전문화할 준비가 되셨나요?
이 상품과 그 밖의 2,500+개를 Claude, ChatGPT, Claude Code, Codex, Cursor 안에서. 언제든 해지할 수 있습니다.