CATEGORIES
크롬 브라우저를 사용하여 개발자 도구를 사용해 직접 소스를 변경, 추가하는 방법에 대하여 알아봅니다.! 브라우저에서 직접 수정하고 추가하는 방법이 가능?크롬 브라우저를 사용하는 경우 크롬의 Workspace 설정으로 가능합니다. 그럼 개발자 도구를 사용하여 브라우저에서 직접 수정하고 저장하는 방법에 대하여 자세히 알아봅니다.# 개발자 도구로 크롬에서 바로 수정, 저장하기크롬에서 개발자 도구를 사용하는 경우는 많습니다. 특히 웹소스의 잦은 확인이 필요한 경우... 예를들면 화면 인터페이스, UI작업 등의 웹퍼블리싱에 더 많이 사용되겠죠. 또 자바스크립트의 디버깅을 목적으로도 많이 쓰입니다. 이때 확인과 동시에 브라우저에서 직접 수정하고 저장할 수 있다면 더욱 편리하겠죠. 크롬의 개발자 도구는 Workspace
Last Modified : 2020-04-18 14:56:23
전혀 신경쓰지 못했는데 어느날 부터인지 크롬브라우저 주소창 우측에 방패 모양의 표시가 생겼습니다... 갑자기 왜 생긴걸까요.크롬브라우저의 주소창에 보이는 작은 표시확인해보니 '안전하지 못한 스크립트를 로드 중'이라는 메시지가 출력되더군요... SSL 인증서를 써온지 오래되었고 이전에는 이런 현상이 없었기에 빨리 해결해야겠다고 생각했습니다. 일단 원인을 파악하기 시작했습니다. 어디가 문제일까요?# 안전하지 않는 사이트 경고 해결하기일단 웹사이트가 보안에 문제가 있기에 크롬 브라우저에서 경고 메시지를 보내는 부분이었습니다. 크롬에서는 '피싱'이나 '멀웨어'로 구분된다고 하는데 제 입장에서는 너무나 속상할 수 있겠죠. 어쨌든 사이트가 문제가 있다면 빨리 해결하는게 급선무라 생각합니다.방패 아이콘을 클릭하면 스크립
Last Modified : 2018-08-01 19:22:38API를 사용한 웹개발에서 반복되는 API 테스트를 수행하는 것이 여간 어려운 점이 아닙니다. 아래는 API 테스트에 많이 사용되는 POSTMAN(포스트맨)에 대하여 알아보려고 합니다. 아마 많은 분들이 postman을 사용해봤거나 사용하고 있을 것입니다.POSTMAN은 API를 개발하거나 테스트 하는데 많이 사용되는 어플리케이션으로 curl을 사용한 커맨드 방식이나 비슷한 인터페이스의 Fiddler를 생각하시면 됩니다. 그럼 POSTMAN은 어떤 특징이 있을까요?가벼운 실행 및 동작크롬익스텐션 앱 설치로 빠르고 간편히스토리 저장 기능간편하고 알아보기 쉬운 인터페이스개인적으로 가벼우면서 기능에 충실한 점이 가장 큰 강점입니다. 특히 브라우저앱(크롬)에서 바로 실행할 수 있고 실행속도 역시 매우
Last Modified : 2020-04-01 05:47:02
Youtube를 많이 보는 경우 너무 많은 광고에 스트레스를 받은 경우가 있으신가요? 물론 광고가 있으므로써 크리에이터에게 더 나은 콘텐츠를 생산할 수 있는 좋은 기능을 갖지만 일부 영상은 너무 심할 정도의 광고게제에 도저히 참을 수 없게 만들기도합니다. 뭔가 광고에서 벗어나는 방법이 없을까요?Youtube Red(유투브 레드)라는 상품에 가입하면 광고 없이 볼 수 있지만 유료이기 때문에 아무래도 비용이 발생하죠. 하지만 동일한 기능을 누릴 수 있다면? 크롬 브라우저의 크롬 익스텐션으로 설치 가능한 Adblock for Youtube를 설치해보세요.# Adblock for Youtube 설치 후기이 어플리케이션은 크롬 확장앱입니다. 써보신분은 알겠지만 일단 설치가 매우 간단하며 Youtube 광고없이 영상을
Last Modified : 2017-10-18 22:34:46
요즘 일부 웹사이트는 브라우저의 알림 서비스 허용을 요청하기도 합니다. 가끔씩 원하지 않는 알림 설정이 되어 화면에 계속 노출될 수도 있겠죠. 이 경우 크롬브라우저에서 해당하는 알림을 삭제, 해제하려면 어떻게 하는지 알아봅니다.# 크롬브라우저 알림 설정 및 해제하기처음에는 무시했지만 어느 순간 화면 우측 하단에 브라우저 알림이 너무 많이 떠서 어쩔 수 없이 알림 설정을 해제하기로 결정했습니다. 어떻게 설정 해제하는 지 아래에서 확인해주세요.! 브라우저 알림 설정 해제하기우선 설정 화명으로 이동하도록 합니다. 설정으로 이동하기 위해서는 크롬 브라우저의 주소창에 아래의 링크를 입력하여도 됩니다.chrome://settings/입력하면 좌측 메뉴에서 개인정보 및 보안을 찾아 클릭하면 해당 메뉴의 위치로 이동하는데
Last Modified : 2020-11-13 14:46:25
가끔 웹사이트를 방문할 때 특정 웹페이지의 스크린샷이 필요한 경우가 있습니다. 특히 전체 스크린샷이 필요할 수도 있습니다. 이 경우 전체 스크린샷을 얻기 위해서 스크린샷을 여러 번 찍은 후 연결하는 방법이 있고 아니면 크롬 확장 앱을 설치하는 방법을 사용할 수 있습니다. 이보다 더 간단한 방법은 없을까요?# 크롬 브라우저에서 간단하게 전체 스크린샷 찍기, full screenshot그런데 만약 크롬 브라우저를 사용한다면? 더 간단한 방법이 있습니다. 바로 크롬 개발자 도구를 사용하는 방법입니다. 아래는 크롬 브라우저(Chrome Browser)를 사용하여 간단하게 웹사이트 전체 스크린샷을 찍는 방법에 대하여 알아봅니다. 필요한 도구는 크롬 브라우저 하나일 뿐 다른 건은 필요없습니다.그럼 방법을 알아봅니다.
Last Modified : 2021-08-17 21:58:50
css에 적용된 스타일을 확인하거나 변경할 때 유용하게 사용되는 툴이 바로 크롬 브라우저의 개발자 도구(F12)입니다. 개발자 도구를 사용하면 손쉽게 어떤 스타일이 적용되었는지 확인할 수 있죠."input 태그의 placeholder 스타일을 볼 수 없다?"그런데 개발자 도구를 사용해도 볼 수 없는 스타일이 존재하였습니다. 바로 css의 pseudo class(가상 선택자 또는 의사 클래스)를 사용한 경우의 스타일 확인이 안된다는 점입니다. 방법이 있을까요?! 크롬에서 placeholder 스타일을 확인할 수 있는 방법은?그래서 방법을 알아보았습니다. 이와 같은 경우 크롬 브라우저 개발자 도구의 설정에서 추가적인 값을 설정해야만 해당 스타일이 확인 가능합니다. 즉 방법은 존재합니다. 그럼 어떻게 하면 되는지
Last Modified : 2021-06-22 17:03:10