React-Native (3) 썸네일형 리스트형 react-native webpack size exceeds the recommended limit (244 KiB)가 발생하는 경우 개인프로젝트개발이 마무리단계에 접어들어서 react-native-web을 배포하는 중에 겪었던 issue를 정리겸 포스팅합니다.react-native를 web으로 배포하려면 webpack이라는 모듈을 사용해 배포하는데,외부 library등으로 인해 bundle 사이즈가 커지는 경우, build된 bundle 사이즈가 244kib가 넘는다는 경고가 나타납니다.물론, 해당 경고는 경고일 뿐 기능하는데는 문제가 없지만 성능저하가 있을 수 있다고 합니다.해소방법과 회피방법 하나씩 소개드리겠습니다. 해소방법:webpack-bundle-analyzer를 활용해 크기가 큰 bundle을 식별한다.식별된 bundle을 lazy loading 방식이나 optimizer를 다운로드해 해소한다.저는 해소방법 2번 중에 la.. React-Native 안전하게 프로젝트이름 변경하기 최근 React-Native를 공부하던 중, 프로젝트이름을 변경해야할 일이 있어 프로젝트명을 변경했었는데요,React-Native는 SpringBoot와 달리 프로젝트명 변경이 쉽지 않더군요,,수 많은 앱이름을 참조하는 소스들과 설정파일이 얽혀 있어서 이를 수동으로 바꾼다는 건 불가능에 가깝습니다!포스팅을 따라 $ react-native-rename "프로젝트명"으로 입력해서 순조롭게 진행되는 듯 했으나, 그 이후에도 android에서 gradle을 build할 때, kotlin 버전이 안맞는 다던지 매끄럽지 못했는데요,그래서 아래에 프로젝트 이름을 변경하면서 안전하게 에러없이 변경하는 법을 정리하려고 합니다.시작전엔 반드시 백업을 해두시길 바랍니다! 1. 프로젝트명 변경$ react-native-ren.. Kasm-Desktop에 React-Native 개발환경(Android) 구성하기 언젠간 정리해야지 싶었는데, 미루고 미루다 이제야 정리를 합니다 ㅎㅎ;; 포스팅을 쓰는 게 쉽지 않네요 (핑계일 뿐이지만!) 쉽지 않은 문제를 해결하고 나선 포스팅을 반드시 하는 습관을 길러야겠습니다. 그래야 기록으로도 유용하게 쓰일 테니까요:) 이번엔 저번 포스팅에서 다루었던 Kasm-Desktop 위에 React-Native 개발환경을 구성한 방법에 대해서 다루려 합니다. 역시나 많은 시행착오가 있었습니다 ㅎㅎ; Kasm-Desktop 환경을 어떻게 구성했는지 궁금하시다면 아래에 링크를 읽어보심이 좋을 듯합니다. https://movingjin.tistory.com/46 Synology NAS 에 Kasm-Desktop (VDI)구성하기 오랜만에 포스팅입니다:) 잠자고 있던 NAS에 docker st.. 이전 1 다음
