말은 쉽지, 코드를 보여줘!

웹뷰개발을 하다보면 특정 OS 혹은 디바이스에서만 오류가 발생하는 경우가 있다. 이렇게 되면 보통 해당 OS/디바이스 에 맡는 테스트 기기를 찾아야 한다. 그런데 맥북을 사용하고 확인하려는 OS가 iOS일 경우 테스트기기 없이 맥북에서 자체적으로 시뮬레이터를 띄워서 간단하게 디버깅이 가능하다. 원하는 OS버전과 디바이스를 선택해서 확인할 수 있고 사파리 개발자도구와도 연동되어서 굉장히 편리하다. 우선 App Store 에서 Xcode 설치한다. 그리고 Spotlight 창의 띄워서 Simulrator 를 검색해서 실행시킨다. 그럼 아래와 같은 시뮬레이터가 띄워진다. 그리고 일반적으로 iOS 개발팀에 시뮬레이터용 빌드 파일인 *.ipa 파일을 요청해서 받은다음 그 파일을 위 시뮬레이터로 드래그 하면 해당 ..

1. 디버깅을 위한 크롬 브라우저 확장 프로그램 설치 크롬 웹 스토어 로 접속해서 React Developer Tools, Redux DevTools 를 브라우저에 설치한다. 설치를 완료하고 크롬 개발자모드(F12)를 확인하면 Redux, Components, Profiler 탭이 추가된 것을 볼 수 있다. Redux 탭에서는 어플리케이션에 적용된 Redux의 상태정보를 실시간으로 확인할 수 있다. Components 탭에서는 컴포넌트의 트리구조를 확인할 수 있다. Profiler 탭을 통해 프로파일링을 해볼 수 있다. 추가로 이벤트에 따라 리렌더링 되는 컴포넌트 영역을 실시간으로 확인하려면 아래 설정을 추가해 진행해야 한다. 위 설정을 하면 아래와 같이 리렌더링 되는 컴포넌트를 화면상에서 실시간으로 확..