HowTo - 크롬 개발자 도구를 활용한 전체화면 스크롤 캡처 사용 방법 스마트폰 기종에 따라 스크린샷을 찍을 때 현재 화면에 표시되지 않는 스크롤 아랫 부분까지 연속으로 캡처할 수 있는 기능이 있습니다. 하나의 이미지로 캡처하길 원하지만 스크롤이 길어 한 번에 화면에 담기지 않을 때 유용하게 사용할 수 있죠. PC에서도 별도의 프로그램을 이용하면 스크롤 캡처가 가능합니다. 그러나 크롬 브라우저 사용자라면 추가 설치 없이도 개발자 도구를 활용하여 전체 화면을 더욱 손쉽게 저장할 수 있습니다. 확장 프로그램 도움 없이도 사용할 수 있는 크롬의 강력한 캡처 기능, 한 번 살펴보실까요? Chrome Capture full size screenshot (DevTools) 한 화면에 담을 수 없는 사이트에서 화면..
HowTo - 크롬 개발자 도구로 반응형 블로그 테스트하기 요즘 블로그 접속 통계를 보면 모바일 기기를 이용한 비율이 점점 높아지고 있습니다. 특정 기기, 특정 해상도에만 최적화된 블로그는 상황에 따라 가독성이 매우 떨어지게 됩니다. 만약 일반 PC에서 보던 화면이 모바일에서도 그대로 보인다면 어떨까요? 글자도 작아서 알아보기 힘들고, 무엇보다 제한된 모바일 기기 해상도에서 보기가 불편하다면 아무리 좋은 컨텐츠를 가지고 있더라도 방문자들이 오래 머물 수 있도록 붙잡아 두기가 힘듭니다. 이 때문에 대부분 사이트에서는 사용자의 해상도에 따라 화면이 변하는(Responsive) 웹, 즉 반응형 홈페이지를 운영하고 있습니다. 반응형이란 쉽게 말해 컴퓨터로 접속할 때와 모바일로 접속할 때 접속된 기기 해상도에 따..