React Native12 Testing - 정적 분석 정적 분석 확인은 실행 없이 코드를 작성시 에러를 확인 하는 방법이다. react native는 ESLint(Linters)와 TypeScript(Type checking) 지원 한다. Linter 사용하지 않는 코드나, 공통 오류, 스타일에 맞지 않는 것들을 찾아 준다. Type Checking 함수로 전달할 구문이 기존 설계된 것과 일치 또는 맞지 않는 타입을 찾아준다. 2023. 2. 6. Testing 공식문서 왜?! 테스팅이 필요한가? 기존 코드베이스 확장은 작은 에러들과 엔드(edge)단에 원치않은 큰 실패로 이어질 수 있다. 또한 버그는 사용자의 안좋은 경험과, 궁극적으로 사업성을 잃어 버릴 수 도 있다. 취약한 프로그래밍을 예방 하는 여러 방법 중에 하나는 배포전에 테스트를 하는 것이다. 사람은 누구나 실수를 한다 그래서 테스트팅은 오류를 발견하고 코드가 제대로 작동하는지 확인하는 데 도움을 주기 때문에 중요하다. 또한 새로운 기능을 추가 하거나, 기존 코드를 리팩토링(refactoring) 하거나 프로젝트에 중요한 의존성(dependencies)들을 업그레이드(upgrade) 할때 코드의 안전성을 보증한다. 1. 정적 분석 (Static Analysis) 2. 테스트 할 수 있는 코드 쓰기 (.. 2023. 2. 6. 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. 이전 1 2 3 다음
