본문 바로가기

크롬87

크롬 - 미니게임, 온라인으로 기록 남기기 T-Rex Chrome Offline Game Dino Runner Online 안녕하세요. 고코더입니다. 크롬은 인터넷이 끊겼을때 "스페이스" 키를 한번 누르면 ▼미니게임을 제공합니다. 바로 공룡게임인데요 이 게임의 공식 이름은 "T-Rex Chrome Offline Game" 입니다. 이 게임을 온라인에서 즐길 수 있게 만들어 놓았습니다. ▼ https://chromedino.com/ 접속 모습 T-Rex 게임을 즐길 수 있게 사이트는 온라인 게임으로 변모 하니 기록이 체크가 됩니다.세계 1위가 18871점 하루종일 이 게임만 했나 보네요. ▼ 그리고 아래 마리오 모드를 실행하면 ▼ 공룡 말고 마리오가 점프를 합니다. 인터페이스는 같습니다. 그래서 기록은 공유합니다. 기능성 사이트 말고도 사소한 재미.. 2018. 3. 1.
크롬 - 드래그 번역 / 파파고 드래그 하여 파파고로 번역하기 안녕하세요 고코더입니다. 오늘은 번역 프로그램 하나를 소개하려고 합니다. 크롬에는 수많은 번역 확장기능이 있습니다. 하지만 모두 구글 API 번역기를 사용하여 개발되어 그런지 만족할만한 결과를 얻기 힘듭니다. 그래서 "영어-> 한국어" 최적의 번역 결과를 제공해주는 파파고 API를 사용한 확장프로그렘인 "파파고 번역"을 소개해드릴려고 합니다. ▼ 아래 URL을 크롬으로 접속하여 해당 확장 프로그램을 설치합니다. http://bit.ly/2v6DMoX ▼ 설치가 완료되었습니다. 주소줄 아이콘을 클릭해봅시다. ▼클릭하면 기본적 번역 창을 제공합니다 ▼드래그 된 문장을 번역하는 기능입니다. 원하는 글자를 마우스로 드래그해 아래처럼 포커스를 맞추면 아래 파파고 앵무새 아이콘이 보입.. 2018. 2. 18.
리뷰 - 네이버 브라우저 웨일(whale) 사용 후기 / 설치 개발자가 사용해본 웨일 브라우저 후기 안녕하세요. 고코더 입니다. 이스트 소프트는 크롬을 이용해 알툴바의 편의성을 주입하여 스윙이라는 브라우저를 만들었습니다. 특히 알패스 기능을 사용해오던 유저에겐 자동 로그인 기능을 쓸 수 있었기에 선택 받을 수 있었습니다. (알패스는 곧 중지 되지만) -> [IT_활용/프로그램] - 프로그램 - 알패스 서비스 종료 / 백업 이어서 크롬에 네이버의 툴바, 편의기능, 감성을 주입하여 웨일을 탄생시켰습니다. 이름 부터 상당히 인상적인 "고래" 브라우저입니다. 그래서 지난 약 반년 가까이 웨일을 집중적으로 사용하면서 개발자가 느낀 웨일을 리뷰하려고 합니다. 설치부터 해보겠습니다. ▼다운로드 방법은 아래 URL 하면 바로 다운로드 받을 수 있는 아이콘이 보입니다. 접속! ht.. 2018. 2. 13.
크롬 - json 데이터 정렬 / JSON Viewer json 뷰어 안녕하세요 고코더 입니다. JSON으로 데이터를 받아 프론트를 개발하는 회사가 많아졌습니다. 어느샌가 개발자들이 씨름하는 1순위가 된 데이터 형식이죠 그런데 이 데이터를 확인하려고 URL을 호출 하면 ▼크롬에선 알아보기 어렵게 보입니다. 물런 json 데이터 자체를 보기 좋게 띄워쓰기와 엔터값을 주면 되지만 용량만 늘어나는 지름길이겠죠. 파이어 폭스는 브라우저 내에 정렬을 지원하지만 크롬은 아직 지원하지 않습니다. 그래서 확장 프로그램이 필요 합니다. ▼해당 URL로 접근합니다. JSON Viewer 라는 프로그램이 필요합니다. 크롬에 추가하여서 설치합니다. https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajp.. 2018. 2. 12.
크롬 - 개발자 도구 다크테마(Dark theme)로 변경 크롬 개발자 콘솔 어둡게 변경 / Chrome Dark Theme 안녕하세요. 고코더입니다. 오늘은 F12를 누르면 나타나는 "개발자도구" 테마를 어둡게 바꿔 보려고 합니다. 웹개발자들은 크롬 도움을 많이 받고 있습니다. 특히 프론트 엔드 개발시에는 이만한 프로그램도 없습니다. 그런 보통 IDE를 다크테마로 쓰다. 흰색 바탕의 개발자 도구를 보니 눈이 아퍼 설정을 찾던중 역시나 있네요. 바로 방법을 설명해드리겠습니다. ▼크롬창에서 F12 개발자 도구를 킨 후에 오른쪽 아래 세로로 된 ... 세개를 클릭합니다. ▼그리고 거기서 setting 메뉴를 클릭합니다. ▼그 다음 Preferences를 클릭 (기본 포커스 메뉴라 바로 보입니다) 그리고 Theme에서 "Dark"를 선택하면 됩니다. ▼검은색으로 변경.. 2018. 2. 10.
크롬 - 사이트 이미지 다운로드 / image Picker 사이트 이미지 퍼오기 확장 프로그램 image Picker 안녕하세요. 고코더입니다. 사이트를 둘러보다 이미지를 다운로드 하고 싶을때가 있습니다. 방법은 다양합니다. 우클릭 제한을 해제 해서도 가능하고 사이트 저장 후에 이미지를 골라 내도 됩니다. 그런데 숨겨진 이미지부터 감각적이고 직관적으로 이미지들을 다운로드 받을 수 있는 방법이 있어 이를 알아 보려고 합니다. 크롬에 이미지를 맵으로 제공하는 프로그램이 Image Picker를 소개해드릴려고 합니다. ▼크롬에서 해당 URL을 접속합니다. 그리고 크롬 추가를 누르면 설치가 완료됩니다. http://bit.ly/2Kb9GVI ▼브라우저 오른쪽 맨위를 보니 사진기 모양의 아이콘이 생겼습니다. 사이트에 접속해 이 버튼을 누르면 ▼ 제 블로그로 이동해서 해당.. 2018. 2. 9.
브라우저 - 현재 페이지 저장 / 크롬 / IE 크롬 현재 보고 있는 페이지 저장 안녕하세요 고코더 입니다. 오늘은 재밌는 짤이나 정보 글을 파일로 보관하고 싶을때 할 수 있는 방법입니다. 그리고 개발자라면 사이트 분석을 위해서도 좋은 방법이겠네요. ▼ 방법은 엄청 간단합니다. Ctrl + S만 기억하면 됩니다. + 각종 편집기 에서도 저장으로 사용하는 단축키입니다. 이 단축키를 누르면 브라우저는 현재 페이지를 저장합니다. ▼ 크롬부터 보시죠. 제 블로그 페이지를 저장해보겠습니다. 페이지에서 단축키를 꾹 눌러주세요 Ctrl + S ▼ 그럼 저장페이지가 뜹니다. 저장을 눌러 보실까요 ▼ 그럼 다운로드를 실행합니다. ▼ 다운받은 파일을 살펴보니 두벌이 있네요. HTML 페이지와 각종 기타 파일들이 묶여 있는 폴더가 있습니다. HTML로 나와있는 버튼을 누.. 2018. 2. 6.
크롬 - 카카오티비, 네이버티비 영상 다운로드 / 확장 프로그램 손 쉬운 동영상 다운로드 Flash Video Downloader 이전 시간에 크롬 개발자 도구로 동영상 다운로드를 받는 방법을 배워 봤습니다. -> [IT_활용/프로그램] - 크롬 - 카카오티비, 네이버티비 영상 다운로드 / 개발자도구 방법은 생각보다 쉬웠고 어떤 원리로 다운로드 받는지 이해가 됐을거라 생각 됩니다. 그래서 이번엔 크롬의 확장 프로그램으로 간단하게 다운로드 받는 방법을 알아보겠습니다. ▼ 해당 URL로 이동 합니다. 이제 익숙한 크롬 추가를 눌러 설치합니다. http://bit.ly/32W9X7d ▼ 역시 추가 버튼을 눌러 설치합니다. ▼ 역시 추가 버튼을 눌러 설치합니다. ▼ 이제 카카오 티비나 네이버 티비에 접근하여서 해당 버튼을 누릅니다. 다운로드 받을 수 있는 미디어가 있으니 색.. 2018. 2. 1.
크롬 - PC버전 데이터세이버 / VPN 데이터 세이버 확장 프로그램 안녕하세요. 고코더 입니다. 스마트폰 크롬에서 자주 쓰던 기능인 데이터 세이버가 있습니다. 크롬 자체 기능으로 들어가 있어서 말 그대로 데이터를 적게 들게 해주는 프로그램입니다. VPN을 통해 경량화된 페이지를 받는 형식이기에 아주 조금 느릴 수 있지만 데이터를 아낄 수 있기에 자주 사용 되었습니다. PC 크롬에서도 해당 기능을 사용할 수 있는데 확장 프로그램을 설치해야 합니다. 아마도 컴퓨터에서는 데이터를 세이브 할 이유가 없기 때문에 자체 기능으로 넣어두지 않은거 같네요 설치를 시작해봅시다. ▼ 크롬에서 해당 URL을 붙혀넣어 보세요 그리고 크롬에 추가 합니다. https://chrome.google.com/webstore/detail/data-saver/pfmgfdlgo.. 2018. 1. 29.