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