반응형 분류 전체보기55 [React-Native] error Could not find "Podfile.lock" npx react-native run-ios 실행시 error Could not find "Podfile.lock" at /... 오류 발생 해결법. github.com/bluelion2/Project-issue-repo/issues/14#issuecomment-568258244 [React Native] Cocoapods install이 안될때 · Issue #14 · bluelion2/Project-issue-repo 상황 react-native-cli: 2.0.1 pod --version : 1.8.4 react-native: 0.61.5 React native 개발 셋팅하기 따라하던 중, IOS관련 설치가 불가능하고 실행이 안됨. React-native init project cocoapods을 .. 2021. 5. 10. [React, 두둥] React Router 를 이용한 페이지 이동 미루고 미루며 간간히 있는 웹페이지 작업은 하나의 페이지에서 컴포넌트를 숨기고 열면서 흉내만 냈다. 주소도 안바뀌곸ㅋㅋㅋㅋㅋㅋ 그런데 카카오 로그인을 하면서 redirectUri가 필요해서 /auth 페이지를 만들어보고 페이지간 이동하기도 해보려고 한다. 오랜 숙원을 끝내러 왔다. reactrouter.com/web/guides/quick-start React Router: Declarative Routing for React Learn once, Route Anywhere reactrouter.com 무조건 처음은 뭐다? 공식문서다. 그래야 기반을 확실히 다질 수 있고 다른 사람의 설명을 보더라도 쉽게 이해가 가능하기 때문이다. npm install --save react-router-dom App.j.. 2021. 3. 19. [React,두둥] 카카오톡 로그인 (1) 카카오톡을 통해 사용자 정보를 받아오고 이를 파이어베이스를 통해 가입 및 로그인을 구현하자. 1. Kakao Developers 에 가입을 한 후 어플리케이션을 추가하자. 2. root/public/index.html ... JAVASCRIPT_KEY 는 Kakao Developers -> 내 애플리케이션 -> My App -> 앱 키 (JavaScript 키) 3. App.js //Line 1 /*global Kakao*/ function App(){ useEffect(()=>{ console.log(Kakao.isInitialized()) },[]) return( ... ) } 한 번 더 확인해준다. /*global Kakao*/를 필수적으로 적어주자. Kakao.Auth.authorize는 redi.. 2021. 3. 18. [두둥] react-responsive & react-device-detect 파이어베이스로 호스팅을 하기 때문에 하나의 프로젝트에 하나의 소스만 올릴수 있다. 따라서 두가지 방법이 있다. 1안 웹용 소스, 모바일용 소스를 각각의 프로젝트에 올려서 domain.com 과 m.domain.com에 적용할지 2안 하나의 소스 내부에서 PC || Table || Mobile 을 판단해서 이에 따라 적용할 소스를 바꿔주는 것이다. 관련 정보를 찾아본 결과 "반응형 모듈" 을 사용해서 구현하는것이 대중적으로 보인다. 이는 화면의 크기에 따라 구분하는 것이다. github.com/contra/react-responsive#react-responsive-- contra/react-responsive CSS media queries in react - for responsive design, a.. 2021. 3. 17. View Binding 뷰 결합 대부분의 경우 뷰 결합이 findViewById를 대체합니다. 뷰 결합은 모듈별로 사용 설정됩니다. 모듈에서 뷰 결합을 사용 설정하려면 다음 예와 같이 viewBinding 요소를 build.gradle 파일에 복사합니다. build.gradle (:app) android { ... viewBinding { enabled = true } } MainActivity.kt (activity_main.xml) import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import com.s_archive.paypal2us.databinding.ActivityMainBinding class MainActivity : AppCompatActi.. 2021. 3. 9. Tip Adjust Navigation Graph gradle(app) dependencies { def nav_version = "2.3.3" implementation "androidx.navigation:navigation-fragment-ktx:$nav_version" implementation "androidx.navigation:navigation-ui-ktx:$nav_version" ... } File - New - Android Resouce Directory New Resouce Directory - Resouce Type - navigation - OK MainActivity.kt class MainActivity : AppCompatActivity(R.layout.activity_main) .. 2021. 2. 15. Navigation Graph developer.android.com/guide/navigation/navigation-getting-started 탐색 구성요소 시작하기 | Android 개발자 | Android Developers 이 주제는 탐색 구성요소를 설정하고 사용하는 방법을 설명합니다. 탐색 구성요소의 대략적인 개요는 탐색 개요를 참고하세요. 환경 설정 참고: 탐색 구성요소는 Android 스튜디오 3.3 이상이 필요 developer.android.com Include the Jetpack Navigation library Add a NavHost to the activity Create a navigation graph Add fragment destinations to the navigation graph nav_gr.. 2021. 2. 11. MainActivity.kt Code in the MainActivity class class MainActivity : AppCompatActivity(R.layout.activity_main) is same as the following code using the default AppCompatActivity constructor: class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.main_activity) } } 2021. 2. 11. [Jetpack Kotlin Android] ViewModel Add a ViewModel 1. In the Android window of your Android Studio under the Gradle Scripts folder, open the file build.gradle(Module:Example.app). 2. To use the ViewModel in your app, verify that you have the ViewModel library dependency inside the dependencies block. dependencies { ... // ViewModel implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.2.0' } Always use the latest version o.. 2021. 2. 9. Notes... Note: When you override the onCreate() method, you must call the superclass implementation to complete the creation of the Activity, so within it, you must immediately call super.onCreate(). The same is true for other lifecycle callback methods. Note: A good convention is to declare a TAG constant in your class: const val TAG = "MainActivity" and use that in subsequent calls to the log methods, .. 2021. 2. 9. [ReactNative] react-native-picker itemStyle in Android react-native-picker의 itemStyle 속성은 iOS 에서만 작동된다고 써있다 따라서 Android 에서는 따로 커스텀 할 수 없는 것으로 알고있었다. 하지만 StackOverFlow에서 Android Style.xml 단에서 수정하여 적용시키는 법을 찾았다. stackoverflow.com/questions/38921492/how-to-style-the-standard-react-native-android-picker#comment80255009_39141949 How to style the standard react-native android picker? I am unable to style it. There is hardly any documentation on this. I wa.. 2020. 12. 24. [React Native] Splash Image dev-yakuza.posstree.com/ko/react-native/react-native-splash-screen/ App Splash 스크린 RN(React Native) 프로젝트에서 react-native-splash-screen를 사용하여 Splash 스크린을 원하는 시간에 종료하도록 만들어 보자. dev-yakuza.posstree.com github.com/crazycodeboy/react-native-splash-screen crazycodeboy/react-native-splash-screen A splash screen for react-native, hide when application loaded ,it works on iOS and Android. - crazycodeboy/r.. 2020. 12. 1. 이전 1 2 3 4 5 다음 반응형
