본문 바로가기

크롬87

크롬 - chrome에서 포스트잇 사용 / NoteBook Web Clipper 크롬 확장프로그램에서 포스트잇을 사용하기 안녕하세요. 고코더 입니다. 모니터에 붙어 있는 포스트잇 직관적으로 필요한 정보를 오프라인에서 찾을때 분명 효과적인 방법입니다. 그리고 윈도우용 포스트잇 많이 쓰기도 합니다. 하지만 오늘 제가 소개할 프로그램은 크롬 브라우저에서 쓸수 있는 포스트 잇 입니다. ▼ 프로그램 이름은 NoteBook Web Clipper 입니다. https://chrome.google.com/webstore/detail/notebook-web-clipper/cneaciknhhaahhdediboeafhdlbdoodg ▼ 설치를 해주세요. ▼ 설치하니 꽤 괜찮은 모양의 아이콘이 떠 있네요 클릭 해보겠습니다. ▼ 기초 기능인 white 글쓰기를 클릭해보세요. ▼ 포스트잇처럼 오른쪽 위에 메모.. 2018. 12. 26.
크롬 - 광고 팝업 차단하기 윈도우 오른쪽 아래에 갑자기 광고 팝업이 뜬다면 안녕하세요. 고코더 입니다. 컴퓨터를 하다보니 갑자기 이렇게 광고 팝업이 뜹니다. ▼ 이런 하필 성인 광고가 뜨네요 후방주의가 안된다면 딱 오해 받기 쉽상일듯 합니다. 이렇게 팝업이 뜬 이유는 아래에 보이는 사이트에서 알람 허용을 했기 때문입니다. 이럴땐 화살표로 표시한 톱니바퀴 아이콘을 클릭 해보세요 ▼ 알림 화면이 나오면 차단 탭에서 추가 버튼을 눌러 주세요. ▼ 그리고 아까 팝업에 나왔던 도메인을 입력 합니다. 알림을 보내는 사이트를 차단 해야겠죠 ▼ 이렇게 차단 리스트에 추가 된다면 완료 입니다. 크롬도 광고 팝업이 문제가 있네요 마무리 그래도 익스플로러 스팸보단 양호 합니다. 2018. 12. 22.
크롬 - 캐쉬 지우면서 새로고침 하기 / Clear Cache 크롬 확장프로그램으로 캐시 지우고 새로고침 안녕하세요. 고코더 입니다. 이전의 크롬의 캐시를 지우면서 새로고침하는 개발자 도구의 기능을 알아봤습니다. -> 크롬 - 캐쉬 지우면서 새로고침 하기 그런데 확장프로그램에서 더 간단한 방법의 기능이 있어 소개 합니다. ▼ 크롬에서 아래 URL로 접속 해보세요 https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?utm_source=chrome-ntp-icon ▼Clear Cache 라는 확장 프로그램이 나오네요. 이룰 크롬에 추가해보겠습니다. ▼설치하면 주소줄에 마치 재활용 표시 같은 아이콘이 생기고 옵션을 눌러 보겠습니다. chrome-extension://c.. 2018. 12. 19.
호스트 - 브라우저에서만 host 바꾸기 / Host Switch Plus 크롬에서 호스트 변경 하기 안녕하세요. 고코더 입니다. 호스트 변경은 개발자에게 꼭 필요한 스킬 입니다. 이전에 호스트 관한 강의도 참고해보세요. 제가 올린 프로그램을 모두 설치하면 개발시에 큰 도움이 될거라 생각 됩니다. ->개발을 위한 Host 수정 프로그램->host 파일 변경 후 즉시 적용 안될 때 그런데 크롬 확장 프로그램 중에는 브라우저에서 호스트를 조절 할 수 있습니다. ▼바로 Host Switch Plus 입니다. https://chrome.google.com/webstore/detail/host-switch-plus/bopepoejgapmihklfepohbilpkcdoaeo?utm_source=chrome-ntp-icon ▼간단한게 설치를 해주세요 ▼ 주소줄에 클로버 같은 아이콘이 생겼습.. 2018. 7. 4.
라스트패스 - lastpass 특정 사이트 자동 채우기 해제 LastPass 특정 사이트 자동 채우기 설정 비활성화 안녕하세요. 고코더 입니다. 라스트패스를 사용하다 보면 아이디 비밀번호를 단순 저장하기 위해서 사용 할 때도 있습니다. 그럴 땐 자동 채우기가 필요 없을 때가 있습니다. 사용하시는 브라우저에 라스트 팩스 확장 프로그램을 클릭 하여 자동채우기를 해제할 사이트를 찾습니다. ▼익스플로러 ▼크롬 그리고 편집을 누른 후에 ▼크롬은 고급 설정을 확장 후에 Disable AutoFull 을 체크하고 저장합니다. (번역이 왜 안되어 있을까요) ▼익스는 자동 채우기 절대 하지 않기 를 체크 합니다. (번역체네요) 이렇게 하면 특정 사이트에서 자동 채우기를 하지 않고 사용이 가능 합니다. 마무리 비밀번호 모으는 재미도 있습니다. 2018. 7. 2.
크롬 - 플래시(flash) 차단 해제 자동 실행 크롬 사이트에서 플래시 허용 하기 안녕하세요. 고코더 입니다. 크롬으로 사이트 방문시 자주 보이던 이 화면.. 물런 플래시가 자동적으로 실행 되는 것보단 좋은 방식입니다. ▼그렇지만 사용을 위해 매번 액션이 필요 합니다. ▼하지만 이 귀찮은 액션을 피하기 위해 크롬에서 한번 설정해보겠습니다. 크롬에서 해당 URL을 접속 합니다. chrome://settings/ ▼ 검색에서 flash 를 입력 합니다. 그리고 컨텐츠 설정을 클릭 합니다. ▼Flash 메뉴를 누릅니다. ▼그리고 나타난 화면에서 "추가"를 누릅니다. ▼단일 도메인일 경우에는 이렇게 풀 도메인을 입력합니다. ▼그리고 서브 도메인을 모두 포함하고 싶다면 아래처럼 [*.]를 입력하고 도메인을 입력 합니다. [*.]tistory.com ▼그리고 다.. 2018. 6. 21.
크롬 - 사이트 IP 주소 쉽게 알아보기 / Website IP 웹사이트의 IP를 알아보기 안녕하세요. 고코더 입니다. 개발을 하다보면 호스트를 변경하다 보면 적용이 안된 DNS로 착각해서 잘못 작업한 경우가 있습니다. 현재 내가 보는 도메인이 개발 서버인지 실서버인지 분간이 잘안가죠 그래서 이를 위한 꿀팁을 공개합니다. Website IP 라는 확장 프로그램 입니다. ▼ 크롬에서 아래 URL을 접속합니다. http://bit.ly/2stBgEL ▼ 설치하면 이렇게 확장 프로그램 목록에서 기능을 Enable 시킵니다. ▼한번 테스트를 해볼까요. 제 블로그를 방문해보니 아이피가 27.0.236.139 이렇게 보이고 있습니다. ▼CMD 창에서 ping을 날려보니 역시 같은 아이피 값이 보이네요 이젠 DNS 혼동 없이 개발을 할 수 있습니다. 마무리 개발자라면 무조건 설치.. 2018. 6. 3.
크롬 - 사이트 로딩속도 체크 하기 / 개발자도구 사이트 몇초 만에 뜨는지 확인하기 안녕하세요. 고코더 입니다. 개발자이거나 혹은 일반 사용자라도 특정 사이트의 로딩속도 사이트가 전부 완성 되는 속도가 궁금하거나 필요 할때가 있습니다. 이럴땐 크롬의 개발자 도구를 활용하면 좀 더 명확하게 로딩 속도를 알 수 있습니다 우선 알고싶은 사이트에 접속해서 F12를 누릅니다. ▼ Network로 이동 후에 새로고침을 하면 화면처럼 모든 로딩이 캡쳐가 됩니다. 그리고 아래에 Load 보면 로딩 속도가 체크 됩니다. 제 사이트 최근 글에 로딩속도는 3.05초 입니다. ▼오른쪽에 가로 그래프는 시간마다 로딩되는 바 입니다. 로딩 속도는 캐쉬때문에 최초의 접속과 이 후에 접속 시간이 상이하고 (나중에 접속하는게 더 빠르겠죠) 그리고 설치 해놓은 크롬의 확장프로그램에 따.. 2018. 6. 1.
티스토리 - 사이트가 TISTORY로 만든지 알아보는 방법 tistory 로 만든 사이트인지 알아보는 방법 안녕하세요. 고코더 입니다. 티스토리의 가장 큰 매력은 스킨을 제가 원하는대로 수정하는게 가능합니다. 보통의 블로그 서비스들은 정해진 템플릿 안에서 위젯만 추가되는 형식입니다. 가끔 개인용 도메인까지 달아놓은 사이트를 보면 티스토리인지 코딩한 홈페이지 인지 구분이 안갑니다. 그래서 오늘은 티스토리로 제작된 사이트인지 알아보는 방법을 가르켜 드리겠습니다. 가장 쉬운 방법은 1. 페이지 소스 보기로 확인하는 방법 입니다. ▼홈페이지에서 마우스 오른쪽 버튼을 눌러 페이지 소스 보기 기능을 실행 시킨 후에 ▼ tistory.com 으로 검색하니 수십개의 동의어가 나타납니다. 티스토리의 경로의 이미지와 CSS, JS 파일들이 얽혀 있기에 이렇게 많은 검색 결과가 나.. 2018. 5. 5.