Basic (5) 썸네일형 리스트형 [Basic]Android 기기 원격 디버그(PC에서 모바일 화면 동기화) 모바일에서 터치 이벤트 감지에 대한 디버깅을 하고 싶었다. 검색을 통해 모바일 화면을 실시간으로 PC에서 보는 방법을 발견! 아래의 방법으로 진행하여 실시간으로 모바일 화면 동기화가 가능하다 😃 설정 방법 모바일 디바이스를 유선으로 컴퓨터 본체(노트북)에 연결한다. 크롬 주소창에 chrome://inspect/#devices를 입력한다.(DevTools에 접속) https://developer.chrome.com/docs/devtools/remote-debugging?hl=ko#discover 에 나온 설명대로 진행한다. (아래 첨부) Discover USB devices가 사용 설정되어 있는지 확인합니다 USB 케이블을 사용하여 Android 기기를 개발 머신에 직접 연결합니다. 기기를 처음 연결하는 .. [Basic] 캐시(Cache)란 무엇인가? AWS 를 사용해 '서비스 점검중' 페이지 전환을 한 사이트에 접속했다. 서비스 점검중 페이지가 노출되지 않았는데 인터넷 사용기록 삭제를 통해 캐시를 제거하자, 올바르게 서비스 점검중 페이지로 전환되었다. 이러한 캐시는 무엇일까? 캐시(Cache)란? "자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소" html, image, js, css 등을 첫 요청시 파일을 내려받아 특정 위치에 복사본을 저장한다. 이후 동일한 URL의 경우 다시 내려받지 않고 내부에 저장한 파일을 사용한다. 왜 사용을 하는가? "빠르게 서비스를 하기 위해서" 서버를 통해 내려 받는 양이 적어지기 때문에 응답 시간, 네트워크 트래픽이 감소되어 더 빠르게 서비스 할 수 있다. 어떤 경우에 사용을 고려하면 좋을까? 1. 반복적으.. [Basic] window hosts 파일 수정 (피싱 사이트) 피싱사이트 만약 네이버 사이트www.naver.com에 들어가면 DNS(Domain Name Server)를 통해 각 사이트에 해당하는 IP(ex:100.0.0.0)로 들어가지게 한다. 그리고 이 IP를 다른 IP로 변경하여 해커가 만든 사이트로 연결하는 것이 피싱 방법이다. www.naver.com으로 접속했지만 정작 연결되어 보여지는 사이트가 다른 사이트로 갈 수 있다는 것이다. 이는 hosts파일로 변경해 적용할 수 있다. 만약 해커가 주는 이상한 앱을 다운받으면 저렇게 적용하게 만들어 피싱사이트로 연결될 수 있다는 것. whois 사이트 (도메인 IP찾기) 만약 naver.com의 ip를 조회할 경우 검색후>추가조회>도메인 이름 관련 추가 조회를 누르면 IP주소가 나온다. KISA 후이즈검색 wh.. [Basic] Chrome inspect- 모바일 웹 디버깅하는 방법 Chrome inspect 크롬 인스펙터 실제 모바일 기기를 연결하면 크롬 개발자 툴에서 그대로 구현해서 편리하게 디버깅을 할 수 있다. 삼성 폰에서 띄운 화면을 웹에서 보기 위해서 디버깅을 했다. (케이블 c타입으로 본체와 연결함) 아래 사이트 방법 참고함) https://jfbta.tistory.com/71 크롬 인스펙터] chrome inspect, 모바일 웹 디버깅 하는 방법 Chrome Inspect. 한글로 '크롬 인스펙터' 라고 하는데 실제 모바일 기기를 크롬 개발자툴에서 그대로 구현해서 편리하게 디버깅할 수 있는 기능이다. 사용방법 첫째, 모바일 USB 드라이버를 설치한다. jfbta.tistory.com 사용법 1. 모바일 USB 드라이버 설치 https://developer.androi.. 라이브러리 vs 프레임워크 차이점 Libraries 라이브러리 단순 활용가능한 도구들의 집합 / 좁은 문제를 해결하기 위한 작은 솔루션 단위 즉, 개발자가 만든 클래스에서 호출해서 사용 / 특정 기능을 모아둔 코드, 함수들의 집합으로 코드 작성시 활용 가능한 도구들을 의미 배우는 것이 상대적으로 적고 진입장벽이 낮다. ex) React 왜 React는 프레임워크가 아닌 라이브러리인가? React: UI 를 만들도록 도와준다.(뼈대를 만들어줌, 커뮤니티가 많아지고 발전해서 덧붙여 쓸 수 있는 라이브러리가 많다.) 네트워크 통신이 필요하면 패치나 네트워크 라이브러리를 사용하고, 라우팅이 필요하면 그에 맞는 Libary를 사용하는 등 필요할때마다 내가 원하는 것을 골라 사용할 수 있는 자율성이 보장된다. + ex) Python pip로 설치한.. 이전 1 다음
