졸업 프로젝트/React-Native 4

[React-Native] 카카오 로그인 구현 1)FE 파트

리액트로는 카카오 로그인을 구현해 본 경험이 있지만 리액트 네이티브는 처음이라 조금 헤맸다.아직 완성은 못했지만 단계별로 차근차근 기록해보려 한다. - npm & Expo Bare Workflow & android(window) 사용하였다.- 사용한 라이브러리https://github.com/crossplatformkorea/react-native-kakao-login?tab=readme-ov-file GitHub - crossplatformkorea/react-native-kakao-login: react-native native module for Kakao sign in.react-native native module for Kakao sign in. Contribute to crossplatfor..

[React-Native] floating 버튼 구현

react-native-floating-bubble-plugin  위 라이브러리를 이용하여 앱 버튼 클릭 시 floating 버튼이 생성되고 다시 클릭하면 앱이 실행되도록 구현하였다. 완성 화면1️⃣라이브러리 설치npm install react-native-floating-bubble-plugin --save 2️⃣ AndroidManifest.xml 파일에 아래 코드 추가 android > app > src > main > AndroidManifest.xml  3️⃣ floating 버튼 이미지 추가아래 경로에 bubble_icon.png 이름으로 이미지를 추가한다. android > app > src > main > res > drawble > bubble_icon.png 4️⃣ 코드 작성 // 권..

[React-Native] 프로젝트 초기 셋팅

깃허브 repository 초기 셋팅1️⃣ Issue Template 설정Repository > Settings > Features > Issues > Set up templates 작업할 사항, 할 일을 추가하였다. 추가를 하면 이렇게 폴더가 생성되고 잘 적용이 된다. 2️⃣ PR Template 설정 생성된 .github 폴더에 pull_request_template.md를 추가하고 아래 내용을 작성하였다.## 🔥 Issues이슈 연결## ✅ What to do- [ ] 작업한 사항## 📄 Description상세 설명## 🤔 Considerations고민한 부분## 👀 References스크린샷 또는 참고사항프로젝트 초기 셋팅1️⃣ react navigation 설치참고https://reac..

[React-Native] 초기 셋팅 및 프로젝트 생성

React Native 시작하기 React Native · Learn once, write anywhereA framework for building native apps using Reactreactnative.dev ✅미리 완료한 부분1️⃣ Node.js 설치 2️⃣ JDK 설치 기존에 설치한 버전이 11이었는데 안드로이드 스튜디오에서 빌드하면서 오류 발생 → 안드로이드 스튜디오 권장이 17이라 다시 설치하고 환경 변수도 다시 설정.참고 블로그https://yungenie.tistory.com/11 🔧 새로 셋팅한 부분3️⃣Android Studio 설치https://developer.android.com/studio?hl=ko위 사이트에서 다운로드 → Android Sdk 설치(More Actio..