아하
생활
부유한황여새145
부유한황여새145
19.12.12

프론트엔드 디바스별로 테스트 어떻게 하시나요?

안녕하세요, 맥을 사용하는 프론트엔드 개발자입니다.

맥 사용하시는 프론트엔드 개발자 분들은 다 공감하실 것 같은데 보통 크롬 환경으로 개발 & 테스트를 진행하고 나면 항상 IE에서 문제가 발생합니다. (IE 정말 싫은데 우리나라는 어쩔 수가 없는 것 같네요...)

맥에서 윈도우 환경 테스트해보려면 vm으로 윈도우 구동하고, 거기서 IE 띄워서 디버깅해야 하는데 엄청 번거롭고 힘드네요.
iOS, 안드로이드까지 테스트하려면 정말 지옥이나 다름 없어요.

다른 분들은 디바이스별로 테스트 어떻게 하시는지요? 디바이스마다 실 디바이스 준비해놓고 테스트하는 게 최선인가요?

자동화할 수 있는 좋은 방법이 있을지 궁금해서 질문 올립니다.

55글자 더 채워주세요.
3개의 답변이 있어요!
  • 터프한곰123
    터프한곰123
    19.12.12

    안녕하세요. 그러하다 입니다.

    질문자님도 개발자이기에 잘 아시겠지만 프로젝트 규모에따라 대응이 달라집니다.

    소규모 프로젝트 일경우 예산및 인원부족으로 따로 디바이스를 구입하여 테스트하는데는 무리가 있어 불편하더라도 가상머신을 통해 테스트를진행합니다.

    대규모 프로젝트인 경우는 각 디바이스를 구매하여 테스트를 진행합니다.

    또한 테스트는 일일이 개발자와 실무자 그리고 사용자가 직접 진행해야하는 부분이라 이것을 자동화하여 테스트하기는 힘듭니다. 만약 이런게 자동화가 되어있다면 우리들처럼 개발자가 필요없는 세상이 왔을껍니다 :)

    감사합니다.

  • 말씀하신 문제를 '크로스 브라우징 이슈'라고 합니다.

    크로스 브라우징 이슈에 대해 가장 좋은 방법은 각 환경별 PC 에서 테스트 하는 방법입니다.

    각 PC에서 테스트 하는 자동화 방법에 대한 블로그 첨부 드립니다.

    https://meetup.toast.com/posts/132

    다만 역시 돈문제로 이런 테스트 환경 구축은 어려울 수 있습니다..

    시중에 나와있는 크로스 브라우징 테스트 툴이 많으니 입맛에 맞는 툴을 사용하시는 방법도 한가지 방법이라고 생각합니다.

    https://www.google.com/search?sxsrf=ACYBGNTre8VUwGN77fNxHp9ct7GPE7umgw%3A1576132242603&ei=kt7xXc66JI7_wAPozIi4CQ&q=%ED%81%AC%EB%A1%9C%EC%8A%A4+%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95+%ED%85%8C%EC%8A%A4%ED%8A%B8+%ED%88%B4&oq=%ED%81%AC%EB%A1%9C%EC%8A%A4+%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95+%ED%85%8C%EC%8A%A4%ED%8A%B8+%ED%88%B4&gs_l=psy-ab.3..0.18173.19425..19777...2.0..2.172.1445.0j9......0....1..gws-wiz.......35i39j0i8i30j0i7i30j35i304i39.nDBllq1ylfU&ved=0ahUKEwjOy8GTvq_mAhWOP3AKHWgmApcQ4dUDCAs&uact=5

    감사합니다.

  • 저는 크게 4가지 방법으로 진행합니다.

    1. http://troy.labs.daum.net/ 같은 사이트를 통하여 디바이스별 정상작동 유무를 확인합니다.

    2. 크롬 개발자 도구 등을 통하여 확인합니다.

    3. https://www.browserstack.com/test-on-ios-simulator 같은 시뮬레이터를 통하여 확인합니다.

    4. 점유율이 높은 혹은 최신 OS나 디바이스를 직접 회사차원에서 구매하여 확인합니다.