React Native4 react-native-modal 화면을 전부 채우는 모달 구현하기 react-native-modal 해당 모달 라이브러리를 사용하면서, 화면을 전부 채우지 않는 문제와 opacity가 제대로 적용이 안된 문제(뒤의 화면이 보이지 않도록)가 있었다. 위의 링크를 참고하여 해결했다. ... const styles = StyleSheet.create({ container: { ... backgroundColor: 'black' }, 먼저, margin 0으로 두면 화면을 전부 채우는 모달이 된다. 뒤의 화면이 보이지 않는 모달을 띄울 때, 백드롭(backdrop)을 흰색 바탕으로 만들어주고 의 전체 컨테이너에 배경색을 적용하면 된다. 2023. 3. 29. RN 빌드할 때 자주 쓰는 명령어 빌드를 할 때 캐쉬가 쌓이거나 패키지가 꼬이거나(?) 하는 등의 원인으로 안될 때가 있는데, 그 때마다 일단 쳐보는 명령어 rm -fr node_modules Xcode - product - clean OR android - build - clean 실행 yarn cd ios pod install OR pod install --repo-update yarn start --reset-cache rm -rf ~/Library/Developer/Xcode/DerivedData/* : xcode cache 제거 pod install 한 줄 명령어 cd ios && pod install && cd .. 2023. 2. 19. RN 개발하면서 종종 들어가는 사이트 모음 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org => 주로 자바스크립트 메소드 확인할 때 많이 본다. 일하면서 하루 한 번 이상은 꼭 들어가는 곳 https://refactoring.guru/ko/design-patterns/catalog 디자인 패턴 목록 refactoring.guru => 디자인 패턴 공부하자는 생각이 들었을 때 트위터로 알게 된 번역 문서 https:/.. 2023. 2. 19. 리액트 네이티브 시작하기 + npm, yarn React Native 첫 공부를 위한 튜토리얼 : https://jeffgukang.github.io/react-native-tutorial/ 한글 번역이 있다. android 개발 설치 : https://velog.io/@s2ilver8/React-Native-시작하기 ios 개발 설치 : 공식문서 https://reactnative.dev/docs/environment-setup FE 자료 모음 : https://velog.io/@ansrjsdn/프론트엔드-추천-자료-모음 RN 기술 후기 : https://webcorgi.tistory.com/30 터미널에 명령어 칠 때 자주 보이는 npm 과 yarn npm : Node Package Manager - 자바스크립트 프로그래밍을 위한 패키지 관리자 .. 2021. 9. 8. 이전 1 다음
