React-native4 [React-Native] 언어, OS마다 렌더링 순서 변경 아무도 없는 회사... 배고프다.. 🔧 개요 이번에 Task로 소셜 로그인 UI개선 업무를 맡았다. 내용으로는 언어별로 버튼 순서 다르게 보여야 함 os별로 버튼 순서 다르게 보여야 함 주어진 소셜 로그인은 구글,라인,애플,카카오톡,이메일,페이스북 인데 뭐 쉽겠지 라는 생각을 갖고 키보드에 손을 올리는 순간 선채로 죽어버렸ㄷ.. 일단 왜 굳이 변경을 하냐라고 생각할 수 있지만 애플은 진짜 왜 그러는지 모르겠지만 ios 환경에서 자기들 로그인이 보이지 않으면 심사가 안될 수도 있다. AOS에서 구글은 안 그러는 이런 건 애플 정말 별로다... 추가로 국가별로 그 언어를 쓰는 사람들이 주로 사용하는 소셜 로그인이 정말 확연하게 차이가 났다. 예를 들어 라인 로그인이 없이 일본앱에 출시하게 된다면 정말 가입율.. 2023. 1. 17. [React-Native] FlatList란? 애플 제품을 사기 전에 필요한 건 애플 주식 💡 FlatList란? FlatList는 많은 양의 스크롤이 필요한 리스트 아이템을 보여주고자 할 때 유용하게 사용되는 RN 컴포넌트이다. list를 보여주고 싶을 때 js에서 map을 사용하면 되는데 ? 라고 할 수 있지만 FlatList는 map보다 더 많은 기능을 내포하고 있어서 RN에서 더 많이 쓰이는 컴포넌트이다. 💡 ScrollView에 FlatList를 곁들인.. ScrollView 컴포넌트는 데이터가 화면에 벗어났을 때 단순히 Scrill을 생성하여 사용자와 상호작용(swipe)을 통해 벗어난 부분을 볼 수 있게 해 주기 위한 목적에 있다. 출력해야 하는 데이터가 고정적이고 많지 않을 때 간단하게 사용할 수 있는 컴포넌트 RN에서 많은 양의 데이.. 2023. 1. 17. [React-Native] 터치 효과 주기 그리운 테헤란로 427 10층 RN 개발하다가 onPress를 했을 때 스타일링을 해야 하는 작업을 하던 도중 큰 난관은 아니지만 어.. 이러면 안되는데... 라는 벽에 맞았다. 어떤 경우였냐면 해당 요소를 클릭 했을 때 반짝! 이는 효과가 나오면 안 되는데 계속 나오는 현상을 발견했다. 그래서 구글링을 해본 결과 styled-component를 작성하면서 사용 방법도 모르고 이거면 되겠지! 라는 안일한 마음으로 작성한 코드가 눈에 띄었다. 🧐 내가 겪은 문제 const StatisticsButton = styled.TouchableOpacity``; 일단 이 부분이다. 터치할 때 default값으로 0.2 opacity가 들어가 있다. (css를 한 사람이면 opacity 0.2가 어떤 걸 의미하는지 .. 2023. 1. 17. [React-Native] adb: command not found 블로그 권태기.. 오늘은 첫 취업 후 react-native를 할 때 나타나는 오류들을 블로깅 해보려고 한다. 차차 적어갈 텐데 그래도 공식문서에도 나와 있었고 내가 직접 겪은 문제인 adb (android debug bridge) 에 대해 작성해 볼 예정! 🚀 adb란? 우선 adb를 먼저 알아보자! ADB는 Android Debug Bridge의 약자로, Android를 위한 디버깅 툴이라고 보면 된다. 연결은 USB port를 통해 이루어지며, 보통 사용자들이 android 기반의 smart decvice의 rooting에 사용한다. adb의 대한 설명은 여기까지 하고 이제 내가 만났던 오류에 대해 적어보겠다! 🚀 adb: command not found 이것이 왜... 나오는 것인가... 안드로이.. 2023. 1. 17. 이전 1 다음 반응형
