본문 바로가기

SQA/Tools

(5)

개발자 도구로 웹 사이트 HTML 구조 보는 방법 개발자 도구를 잘 활용하면 웹의 구조를 쉽게 알아볼 수 있다. 오늘은 웹 프론트에 보이는 요소들에 대한 구조를 검사하는 방법을 간단하게 알아보자. 그렇다면 웹 엘리먼트가 뭘까? 웹 페이지는 버튼, 링크, 텍스트 입력필드, 폼 등 다양한 HTML 엘리먼트로 구성되어 있다. 이것을 웹 엘리먼트라고 부른다. 개발자 도구 여는 방법 크롬 개발자도구를 사용해서 웹 사이트의 요소를 검사하는 방법을 알아보자. 크롬 말고도 다른 브라우저들도 각자 개발자 도구를 가지고 있다. 나는 가장 많이 사용하는 브라우저인 크롬을 사용해보려고 한다. 단축키 F12를 클릭하면 크롬 개발자도구를 열 수 있다. 또한, 원하는 엘리먼트 위에서 마우스 오른쪽을 클릭하고 '검사' 옵션을 누르면 해당 엘리먼트 정보를 보여준다. 검사 옵션을 통해..

신뢰할 수 없는 기업용 APP 개발자 해결방법 iOS 신뢰할 수 없는 기업용 APP 개발자 iOS 기업 내부의 앱을 설치했을 때나 개발용 빌드를 설치할 때, '신뢰할 수 없는 기업용 APP 개발자' 라는 팝업을 볼 수 있다. 이것은 현재 아이폰이 이 앱을 만든 기업을 신뢰하지 않는다는 팝업이다. 뭐 다른 설정 버튼도 없고, 취소 버튼만 있으니 당황할 수 있다. 당황하지 않고 아래의 과정을 따라한다면 다운로드 받은 앱을 실행시킬 수 있다. 신뢰할 수 없는 개발자를 신뢰하는 방법 1. 아이폰에서 설정에 들어가서 일반 메뉴에 들어간다. 2. VPN 및 기기 관리 메뉴에 들어간다. (ios16 기준) 3. 기업용 앱 목록에서 내가 신뢰하고 싶은 개발자 기업 이름을 선택해준다. 4. '내가 선택한 기업'을 신뢰함 버튼을 클릭한다. 5. 팝업이 뜨면 '신뢰' 버튼을 ..

개발자도구 스로틀링 설정 방법, 느린 인터넷 환경 테스트 개발자도구에는 다양한 기능이 있다. 모두 사용할 줄 알면 좋겠지만, 기능이 많아서 쉽지는 않다. 그 중에 유용한 도구들을 익혀두고 잘 사용하면 소프트웨어 테스트 업무를 할 때 유용할 수 있다. 오늘은 개발자도구의 네트워크 탭에서 스로틀링을 설정하는 방법을 알아보려고 한다. 스로틀링 설정을 통해 우리는 느린 인터넷 환경(네트워크 접속 지연)을 테스트할 수 있다. Throttling? 기능을 사용하기 전에 스로틀링의 뜻을 알고 싶어서 네이버 사전에 검색을 해보았다. 사전적 의미는 '조이다', '조절하다'의 뜻을 가진다. 목을 조른다는 뜻도 있다. 네트워크에서의 Throttling 네트워크에서 스로틀링이라는 것은 '대역폭 제한','대역폭 조절'을 뜻한다. 대역폭 제한 또는 대역폭 조절, 대역 제한(Bandwi..

개발자도구 Block request URL 사용하기 브라우저에서 제공하는 개발자 도구를 사용하면 다양한 테스트를 수행해 볼 수 있다. 다양한 기능 중에 내가 유용하게 사용했던 기능을 소개하려고 한다. 해당 방법은 api 응답 오류 케이스에 대해 테스트할 때 사용해 볼 수 있다. 개발자 도구 Block request URL 사용하여 수신 파일 차단 Block request URL을 사용하면, 특정 파일의 request를 차단하여 해당 url이 응답이 없는 케이스를 테스트해 볼 수 있다. Block request URL 사용 방법 F12를 누르면 개발자도구를 켤 수 있다. 개발자도구를 켜고 다음을 따라 해보자. 개발자도구 > Network 탭 > 원하는 파일에서 마우스 오른쪽 버튼 클릭 > Block request URL 클릭. 이 과정으로 손쉽게 reque..

이전 1 2 다음

티스토리툴바