본문 바로가기

전체 글50

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.
09 -2 게터(getter)와 세터(setter), static 속성과 메소드, 오버라이드 게터(메소드) : 속성 값을 확인할 때 사용하는 메소드 예) get~~() 세터(메소드) : 속성에 값을 지정할 때 사용하는 메소드 예) set~~() - 게터와 세터를 모든 private 속성에 붙이려고 하면 안되고 필요한 경우에만 사용한다. - private 속성 : 클래스 내부에서만 접근할 수 있는 속성 static 속성과 메소드 여러 디자인 패턴을 활용하기 위해 자바스크립트에 추가된 클래스 - 비교적 최근에 추가된 문법으로 static 속성과 static 메소드가 있다. 정적 속성, 정적 메소드라 부르기도 한다. - 인스턴스를 만들지 않고 사용할 수 있는 속성과 메소드다. - 일반적인 변수와 함수처럼 사용할 수 있다. class 클래스 이름 { static 속성 = 값 static 메소드 () {.. 2022. 7. 5.