react native

ref: https://reactnative.dev/docs/environment-setup이게 프로젝트를 생성하면 프로젝트 내부에 ios폴더가 있는데 원래는 그곳에서 pod install을 하면 되나보다.약간 npm install같은건가? 싶다. ㅋㅋ위와 같

공식문서에서 스타일에 관련된 설명이 너무 구리기 때문에 누군구가 잘 요약정리 해둠ref: https://github.com/vhpoet/react-native-styling-cheat-sheet

핸드폰 상단 노치부분이나 카메라 등으로 사용하면 안되는 부분을 자동으로 감지하여 margin을 자동으로 준다.

이름 그대로 보통 우측 상단에 위치해있는 핸드폰의 상태표시 부분을 간단하게 커스텀할 수 있게 해준다.

웹이랑 다르게 앱에서는 스크롤뷰로 감싸줘야지 스크롤기능을 사용할 수 있다.사용 안하면 스크롤안되고 나머지 컨텐츠는 그냥 짤림.

조건문과 오버라이딩

변경하기 쉽지 않다. 따라서 누가 만들어놓은 툴로 이름을 변경하던가 관련 파일을 찾아서 일일히 찾아서 변경해줘야 하는 부분이 있다.찾으면 이 문서는 좀더 추가 하도록 하겠다ref: https://www.npmjs.com/package/react-native-r

기본 디버깅툴이 너무 맛탱이가서 잘 안쓰임, 대체제로 flipper를 사용함.ref: https://fbflipper.com/

web에서는 그냥 애니메이션 주는것들이 여기선 편의성때문인지 뭔지 좀 나눠져있다.ref: https://reactnative.dev/docs/components-and-apisPressableButtonTouchableNativeFeedback(android

react에서 route에 해당하는 내용인것 같다.ref: https://reactnative.dev/docs/navigationref: https://reactnavigation.org/

이미 빌드된 앱을 에뮬레이터에서 삭제 후 다시 yarn run android로 실행해준다에뮬레이터를 아예 삭제하고 다시 생성한다.

시각장애인같은 사람들은 스크린리더기를 이용하여 웹을 이용할 수있는데,어쩔때는 스크린 리더기가 표현되면 안되는 button을 의미있는것으로 판단하여 일일히 무엇인지 알려줄때도 있다.이럴때 accessible="false"로 설정하여 스크린리더기가 이것을 배제 할 수 있게

사용자의 사용환경, 즉 Platform에 대한 정보를 알 수 있다.ex)

ref: https://github.com/QuadFlask/react-native-naver-map위 설치 가이드중 네이버 맵 api 아이디를 써넣는곳이 있는데 네이버 클라우드 맵스에서 사용신청 후 생성된 아이디를 사용하면 된다.https://www

커스텀하게 uri scheme을 설정 할 수 있다.

hook에서usePermissions.android.tsusePermissions.ios.ts가 있다고 할때usePermissions()를 실행하면 안드로이드 환경이면 usePermissions.android.ts가 실행되고ios환경이면 usePermissions.io