본문 바로가기

모바일 APP/React-Native49

Testing - 테스트 가능한 코드 쓰기 전체 프로그램을 여러 줄의 코드가 있는 하나의 거대한 파일로 작성하는 것 보다 여러 개의 작은 모듈로 작성해야 조립된 전체를 테스트한 경우보다 더 철저하게 테스트할 수 있다. 테스트 가능한 코드란 모듈식 코드를 깔끔하게 작성하는 것을 말한다. 좀더 테스트 가능한 코드로 짜려면 비즈니스 로직(business logic) 과 앱 state (Redux, Mobx, Recoil) 으로 부터 View(React components)와 분리하는 거다. 이래야 react components와 의존성이 없어져서 비지니스 로직 테스트가 가능 해진다. 뭐 이론적으로는 ... 모든 로직과 데이터 component로부터 분리가 가능하다. 이렇게 해야 component들이 rendering 전용이 된다. state들은 모두 .. 2023. 2. 6.
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.
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.

티스토리툴바