flipper

KO | EN

gitlite — search

#python #hacktoberfest #typescript #llm #go #machine-learning #rust #linux #macos #nodejs #kubernetes #awesome-list #pytorch #openai

(★ 13,460)

모바일 개발자를 위한 데스크톱 디버깅 플랫폼입니다.

flipper 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![logo](https://fbflipper.com/img/icon.png)

# Flipper

[![Android Maven Badge](https://img.shields.io/maven-central/v/com.facebook.flipper/flipper)](https://search.maven.org/artifact/com.facebook.flipper/flipper)
[![iOS](https://img.shields.io/cocoapods/v/FlipperKit.svg?label=iOS&color=blue)](https://cocoapods.org/pods/Flipper)

---
## 중요 공지
Flipper는 기존의 Electron 배포 방식에서 브라우저 내(in-Browser) 경험으로 전환합니다.
\*\*나에게는 어떤 영향이 있나요?\*\*
기능은 변경되지 않았습니다. UI도 그대로 유지됩니다. Flipper는 독립형 애플리케이션 대신 기본 웹 브라우저에서 실행됩니다.
소스에서 빌드하는 경우, Flipper는 독립형 앱 대신 브라우저에서 열립니다. 또한 Flipper 런타임을 실행할 수 있는 MacOS 앱도 제공하며, 이를 실행하면 브라우저에서 Flipper가 열립니다.
마지막 Electron 릴리스는 [v0.239.0](https://github.com/facebook/flipper/releases/tag/v0.239.0)입니다. 따라서 향후 릴리스에는 Electron 아티팩트가 포함되지 않습니다.
### React Native 지원
React Native 애플리케이션을 디버깅하는 경우, React Dev Tools 및 Hermes Debugger 플러그인의 기술적 한계로 인해 [v0.239.0](https://github.com/facebook/flipper/releases/tag/v0.239.0)이 지원되는 마지막 릴리스가 됩니다. 따라서 React Native 애플리케이션을 디버깅할 때는 해당 릴리스를 참조하시기 바랍니다.
현재 Meta에서는 React Native를 위한 새롭고 전용인 디버깅 도구를 개발 중입니다.
그동안은 여러 대안을 통해 Flipper의 기능을 대체하는 방법에 대한 지침이 담긴 이 [블로그 포스트](https://shift.infinite.red/why-you-dont-need-flipper-in-your-react-native-app-and-how-to-get-by-without-it-3af461955109)를 권장합니다.
---

Flipper는 iOS 및 Android의 모바일 앱과 브라우저 또는 Node.js의 JS 앱을 디버깅하기 위한 플랫폼입니다. 간단한 데스크톱 인터페이스를 통해 앱을 시각화하고, 검사하고, 제어하세요. Flipper를 그대로 사용하거나 플러그인 API를 사용하여 확장할 수 있습니다.

![Flipper](https://raw.githubusercontent.com/facebook/flipper/main/website/static/img/inspector.png)
## 목차
- [이 저장소에 대하여](#in-this-repo)
- [시작하기](#getting-started)
- [요구 사항](#requirements)
- [소스코드 빌드하기](#building-from-source)
- [데스크톱](#desktop)
- [소스코드에서 실행하기](#running-from-source)
- [독립 실행형 애플리케이션 빌드하기](#building-standalone-application)
- [iOS SDK + 샘플 앱](#ios-sdk--sample-app)
- [Android SDK + 샘플 앱](#android-sdk--sample-app)
- [React Native SDK + 샘플 앱](#react-native-sdk--sample-app)
- [JS SDK + 샘플 React 앱](#js-sdk--sample-react-app)
- [문제 해결](#troubleshooting)
- [문서](#documentation)
- [기여하기](#contributing)
- [라이선스](#license)
## 모바일 개발
Flipper는 iOS 및 Android 모바일 앱 개발을 위한 최고의 동반자가 되는 것을 목표로 합니다. 따라서 로그 뷰어, 대화형 레이아웃 인스펙터, 네트워크 인스펙터를 비롯한 유용한 도구 모음을 제공합니다.
## Flipper 확장하기
Flipper는 플랫폼으로 구축되었습니다. 이미 포함된 도구를 사용하는 것 외에도, 모바일 앱의 데이터를 시각화하고 디버깅하기 위한 자신만의 플러그인을 만들 수 있습니다. Flipper는 모바일 앱과의 데이터 양방향 전송, 함수 호출, 이벤트 리스닝을 처리합니다.
## Flipper에 기여하기
Flipper의 데스크톱 앱, 네이티브 모바일 SDK, JS SDK는 모두 오픈소스이며 MIT 라이선스가 적용됩니다. 이를 통해 우리가 어떻게 플러그인을 구축하고 있는지 확인하고 이해할 수 있으며, 물론 커뮤니티에 참여하여 Flipper를 개선하는 데 도움을 줄 수 있습니다. 여러분이 이 플랫폼에서 무엇을 만들어낼지 기대됩니다.
# 이 저장소에 대하여
이 저장소에는 Flipper의 모든 부분이 포함되어 있습니다. 여기에는 다음이 포함됩니다:
- [Electron](https://electronjs.org)을 사용하여 구축된 Flipper 데스크톱 앱 (`/desktop`)
- iOS용 네이티브 Flipper SDK (`/iOS`)
- Android용 네이티브 Flipper SDK (`/android`)
- 크로스 플랫폼 C++ SDK (`/xplat`)
- React Native Flipper SDK (`/react-native`)
- JS Flipper SDK (`/js`)
- 플러그인 (`/desktop/plugins/public/`)
- 웹사이트 및 문서 (`/website`, `/docs`)
# 시작하기
Flipper를 설정하려면 [시작하기 가이드](https://fbflipper.com/docs/getting-started)를 참고하세요. 또는 브라우저 기반의 Flipper 버전을 실행하려면 `npx flipper-server`를 실행하세요.
## 요구 사항
- node >= 18
- yarn >= 1.16
- iOS 개발자 도구 (iOS 플러그인 개발용)
- Android SDK 및 adb
# 소스코드 빌드하기
## 데스크톱
### 소스코드에서 실행하기
```bash
git clone https://github.com/facebook/flipper.git
cd flipper/desktop
yarn
yarn start
```
### 독립 실행형 애플리케이션 빌드하기
지정된 플랫폼에 대한 릴리스 zip 파일을 빌드하려면 `--mac`, `--win`, `--linux` 중 하나 또는 이들의 조합을 `yarn build`에 전달하세요. 예:
```bash
yarn build --mac
```
생성된 결과물은 `dist/` 폴더에서 찾을 수 있습니다.
## iOS SDK + 샘플 앱
```bash
cd iOS/Sample
rm -f Podfile.lock
pod install --repo-update
open Sample.xcworkspace
```
설치 속도를 높이기 위해 `--repo-update`를 생략할 수 있지만, 오래된 의존성을 기반으로 빌드될 수 있으므로 주의하세요.
## Android SDK + 샘플 앱
안드로이드 에뮬레이터를 실행하고 프로젝트 루트에서 다음을 실행하세요:
```bash
./gradlew :sample:installDebug
```
## React Native SDK + 샘플 앱
> RN 0.69 이상이 필요합니다!
```bash
cd react-native/ReactNativeFlipperExample
yarn
yarn android
```
처음 2단계는 한 번만 수행하면 됩니다.
또는 `yarn ios`를 실행하여 `iOS`에서 앱을 시작할 수 있습니다.
처음 실행하는 경우, `react-native/ReactNativeFlipperExample/ios` 폴더에서 `pod install --repo-update`를 실행해야 합니다.
### React Native Windows (실험적)
React Native Windows용 Flipper의 실험적 버전을 사용할 수 있습니다. 다음 단계는 React Native Flipper 프로젝트를 준비합니다:
```bash
cd react-native/react-native-flipper
vcpkg install openssl:x64-uwp openssl:arm-uwp
vcpkg integrate install
yarn install
cd windows
nuget install ReactNativeFlipper/packages.config
```
간단히 말해, [vcpkg](https://vcpkg.io/)는 insta

[OpenSSL](https://www.openssl.org/). Nuget은 [Boost](https://www.boost.org/)를 설치하는 데 사용됩니다.
그 후, 다음과 같이 예제 애플리케이션을 빌드하고 실행할 수 있습니다:
```bash
cd ../../ReactNativeFlipperExample
yarn install
yarn relative-deps
npx react-native run-windows
```
현재 React Native Flipper에 사용할 수 있는 패키지가 없습니다. 즉, Flipper를 다른 기존 애플리케이션과 통합하려면 예제 애플리케이션에서 한 것과 마찬가지로 프로젝트에 대한 명시적 참조를 추가해야 합니다.

## JS SDK + Sample React app
```bash
cd js/react-flipper-example
yarn
yarn start
```

#### Troubleshooting
older yarn 버전에서는 'Waiting for the other yarn instance to finish' 메시지와 함께 오류가 발생하거나 멈출 수 있습니다. 이 경우, `react-native/react-native-flipper` 디렉터리에서 `yarn` 명령을 먼저 따로 실행하세요.

# Documentation
이 프로젝트에 대한 전체 문서는 [fbflipper.com](https://fbflipper.com/)에서 확인할 수 있습니다.
저희 문서는 [Docusaurus](https://docusaurus.io/)로 구축되었습니다. 다음을 실행하여 로컬에서 빌드할 수 있습니다:
```bash
cd website
yarn
yarn start
```

## Contributing
기여하는 방법에 대해서는 [CONTRIBUTING](/CONTRIBUTING.md) 파일을 참조하세요.

## License
Flipper는 [LICENSE](/LICENSE) 파일에 명시된 대로 MIT 라이선스가 적용됩니다.

flipper

flipper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

flipper

flipper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README