모바일 APP80 Developer Tools 1. Chrome Developer Tools 크롬 브라우저로 디버깅을 하고 싶다면? Developer Menu 에서 "Debug JS Remotely" 선택 하면된다. 그러면 http://localhost:8081/debugger-ui 라는 새창이 뜰것이다. 크롬 브라우어 메뉴에서 Tools → Developer Tools 선택해서, Developer Tools. 활성화 한다. 단축키는 (macOS는 : ⌘⌥I , Windows는 : Ctrl Shift I ) 또한 Pause On Caught Exceptions 도 활성해서 좀더 멋진 디버깅을 할 수 있다. !!! 주의 1 안드로이드 경우 디버거와 스마트폰간 사이에 있는 시간때 가령 애니메이션, 이벤트, 기타등등에 동작이 제대로 안되거나, 결과가 정확.. 2023. 1. 31. Debugging 참조: React Native 공식 홈페이지 1. 앱에서 개발자 메뉴로 접근 하는 방법 첫번째 방법 : 스마트폰을 좌우로 열심히 흔들어 준다. (스마트폰이 연결이 되어 있다는 전제하에 ) 두번째 방법 : iOS 시뮬레이터 Hardware menu에서 "Shake Gesture" 클릭 세번째 방법 : 앱이 iOS 구동중일때는 ⌘D 앱이 안드로이드에서 구동 중일때는 ⌘M (윈도우는 Ctrl + M) 마지막 방법으로는 adb shell input keyevent 82 명령어 입력 !!!!!!!! 설마 release로 빌드 된곳에 개발자 메뉴 안된다고 하는 사람 없겠지 (당연히 비활성화 됨) !!!!!!! 2. Fast Refresh 활성화 react component가 변화는것을 즉각적으로 앱에 반영 해주는 .. 2023. 1. 31. Husky 설정 husky 설치 초기설정을 해준다 npx husky-init && npm install # npm npx husky-init && yarn # Yarn 1 yarn dlx husky-init --yarn2 && yarn # Yarn 2+ pnpm dlx husky-init && pnpm install # pnpm 위 명령어를 사용하면 .husky 폴더가 생성된다 스크립트에 사용할 명령어를 추가 하면된다. npx husky add .husky/pre-commit "yarn lint" git add .husky/pre-commit https://typicode.github.io/husky/#/ Husky - Git hooks typicode.github.io !! 트러블 슈팅 {키워드나, 명령어} comma.. 2022. 9. 14. 린터 룰들 Linter rules always_use_package_imports lib 디렉토리 안에 파일들에 상대경로를 못하게 하는 Error 룰 상대경로와 절대경로가 썩여 있으면 개발자끼리 혼란을 일으킬수 있어 절대 경로를 추천하는 룰임. 상대경로는 코드를 한번에 분석하거나 이해하기 어렵거나, 파일의 경로가 변경시, 경로를 재설정하지 않으면 오류가 발생할수 있음. // 아름다운 방법 import 'package:foo/bar.dart'; import 'package:foo/baz.dart'; import 'package:foo/src/baz.dart'; // 그지 같은 방법 import 'baz.dart'; import 'src/bag.dart' import '../lib/baz.dart'; avoid_dynamic_calls 메서.. 2022. 3. 31. 이전 1 2 3 4 5 6 7 ··· 20 다음
