Try & Error

Mac Chrome에서 다른 사이트는 정상인데,

항상 접속하던 https://appcenter.ms 에 접속하려니 아래와 같은 오류가 뜬다.

'주의 요함'을 눌러보니 아래와 같이 '인증서가 올바르지 않음' 이라고 뜨는게 보인다.

인증서 문제인 듯..

문제를 해결하기 위해  아래 에러 문구로 이리저리 뒤져보고 여러가지를 시도해 봤지만 제대로 되지 않았다.

[검색어]

연결이 비공개로 설정되어 있지 않습니다.

NET::ERR_CERT_AUTHORITY_INVALID

검색하던 중 아래 링크의 사이트를 보게 됐는데,

인증서를 받아서 Mac의 '키 체인'에 추가한다음 '항상 신뢰'를 해주라고 돼있다.

[링크] https://www.ibm.com/docs/ko/tncm-p/1.4.2?topic=setup-not-able-accept-certificate-chrome-browser-mac 

인증서를 신뢰하지 못해서 생기는 문제니 인증서를 신뢰하게 만들면 될 것 같아서 시도 해 봄.

1. 오류 나는 사이트 접속(내 경우는 https://appcenter.ms)

2. 크롬 주소창 - '주의 요함' - '인증서가 올바르지 않음' Click

3. '인증서 뷰어' - '세부정보' - '내보내기(X)' Click 해서 해당 사이트 인증서 저장

4. 다운 받은 인증서 Double-Click 해서 '키 체인'에 추가.

5. '키 체인'에 추가된 인증서 다시 Double-Click 해서 설정 열기

6. '이 인증서 사용 시'가 '시스템 초기 설정 사용' → '항상 신뢰'로 변경

7. '항상 신뢰'로 변경하면 아래 보듯이 '이 인증서는 이 계정에 대해 신뢰된 것으로 표시됩니다' 라고 뜬다.

8. 좌측 상단 x를 누르면 변경하려면 로그인 암호 넣으라고 나오는데 입력하고 종료.

9. Chrome을 완전 종료 후, 다시 켜서 해당 사이트를 들어가보면 아래와 같이 정상적으로 뜨고,

   주소창 자물쇠를 눌러보면 '이 연결은 안전합니다' 라고 뜬다.

크롬 엔코딩 자동감지 기능 삭제, 확장 프로그램을 이용한 인코딩 변경 

안녕하세요. 고코더 입니다. 

개발을 하던 중 크롬에서 아무리 찾아봐도

인코딩 강제 변경 기능이 없습니다. 

▼익스플로러에서는 마우스 오른쪽 버튼을 누르면 쉽게 인코딩을 바꿀 수 있는데요.

이상하게 생각이 들어 구글 포럼에서 알아본 결과

55버전 이후부터 "자동 인코딩 감지" 기능으로 인코딩 지정 메뉴를 삭제 하였다고 합니다.

▼ 해당 페이지에서 자세히 확인 가능합니다.

https://productforums.google.com/forum/#!topic/chrome/-Ul20dPvbbo

하지만 한글은 고급 언어라 쉽게 감지가 안되는지 여전히

잘못 감지해 외계어로 보입니다. 

메타 태그나 페이지 인코딩을 우선순위로 인코딩을 지정하는 듯 합니다

->

[IT_팁/ASP] - 메모장으로 파일 인코딩 변경하기

[IT_팁/ASP] - 에디터플러스 에서 인코딩 변경하기

결국 메뉴에서 사라진 인코딩을 

확장 프로그램을 통해 변경 해야 겠습니다.

▼아래 URL에 접근해서 "Set Character Encoding" 을 설치 해보겠습니다.

https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae?hl=ko

▼추가 버튼으로 설치를 진행 합니다.

▼로컬에서 php파일을 만들어서 한글을 아파치에 그대로 크롬에서 실행하니

외계어로 표출 됩니다. (자동 감지라면서요ㅠ)

▼마우스 오른쪽 버튼을 눌러 설치한 확장 프로그램에서 인코딩을 utf-8로 변경 해보았습니다.

▼역시 제대로 표출 됩니다.

특히 개발시에는 필요한 지정이기에

개발자라면 설치 해놓고 사용 하시면 좋을거 같습니다.

크롬 개발자를 위한 컨텐츠

크롬 - 캐쉬 지우면서 새로고침 하기 / Clear Cache

크롬 - 사이트 로딩속도 체크 하기 / 개발자도구

console.log - 개발자도구 콘솔 창에 안보이게 하기

크롬 - 해외 무료 VPN / Browsec VPN

크롬 - 개발자 도구 다크테마(Dark theme)로 변경

쿠키 - 크롬에서 Cookie 변조(삭제,수정,변경) 하기

마무리

우리나라도 영어권 국가였으면..

출처: https://gocoder.tistory.com/215 [고코더 IT Express]

[요약]

크롬 유튜브 화면 - 마우스 우 더블클릭 - PIP 모드

[링크] https://msm8994.tistory.com/42

사용하던 확장 프로그램이 막혀서 사용 불가가 된 경우에 사용해 볼 수 있는 간단한 팁입니다.

예를 들어서 youtube center라는 확장앱이 현재 막혀 있는 데요. 

https://bitbucket.org/YePpHa/youtube-center/downloads 에서 youtubecenter.crx 파일을 다운 받습니다.

다운받은 crx파일을 zip으로 확장자를 바꾸고 압축을 풉니다.

구글 크롬에서 설정의 확장프로그램을 연 후에 맨 위 우측의 개발자 모드를 선택하면

압축해제된 확장프로그램 로드를 선택할 수 있게 됩니다. 

압축해제된 확장프로그램 로드로 좀전에 풀어놓은 youtubecenter폴더를 선택하면 youtubecenter확장앱을 사용할 수 있는 상태가 됩니다.

제가 사용하던 몇가지 크롬앱들은 이 방법으로 가능했는데 모두 가능한지는 모르겠습니다.

^^

<주의점>

1. 로드한 폴더를 지우면 크롬에서도 지워지므로 반드시 지우지 않을 곳에 풀어 놓습니다.

2. 크롬 실행 시 개발자모드 확장 프로그램 사용중지 란 팜업이 뜨는 데 이 것이 싫다면 크롬 설정의 고급설정표시의 "chrome 종료 후에도 백그라운드 앱을 계속 실행"을 확성화(체크) 합니다.

3. 설치가 되지 않는 경우는 대부분 manifest_version 문제입니다. (아래글 참조)

몇가지 구글 검색 중 알게 된 항목이 있어서 추가합니다.

http://superuser.com/questions/767286/re-enable-extensions-not-coming-from-chrome-web-store-on-chrome-v35-with-enhan

- Developer mode route

1. Download the crx file and unpack the extension using your favorite decompresser. Take note of the directory where you placed it.

2. Open the extension page, activate "Developer Mode"

3. Click "Load unpacked extension..."

4. Search trough your directory tree for the directory where you unpacked your extension and click OK. If your extension is called "my extension" then select "my extension" directory.

Advantages: You don't have to install anything else. Disadvantages: Chrome nags you to disable the extension each start up.

- from release channel

Install the Dev or Canary version of Chrome. Just go to the corresponding link and install the browser. Note that the Canary version will install a parallel version of Chrome which will be independent.

Advantage: No nagging, you get the most newest features earlier. Disadvantages: You also get all the bugs earlier. Installing Canary effectively uses the double disk space than a single installation of Chrome and also you have to migrate all your extensions over

- 테스트 동영상을 추가합니다.

- youtube center 정식버전에서 fullscreen player에 문제가 있어서 개발자 버전링크를 합니다.
https://github.com/YePpHa/YouTubeCenter/wiki/Developer-Version

- 크롬 확장앱 crx를 풀어서 로드시에 설치가 안 되는 경우는 대부분 crx 파일을 만들 때 manifest file format을 지키지 않아서 생기는 문제입니다. "manifest_version": 2 은 반드시 정의 하도록 하고 있습니다.  이경우에는 manifest.json에 추가 하면 됩니다.
https://developer.chrome.com/extensions/manifest

[출처] https://www.clien.net/service/board/park/6081229

[크롬 확장프로그램 링크] 

https://chrome.google.com/webstore/detail/gliffy-diagrams/bhmicilclplefnflapjmnngmkkkkpfad?hl=ko&utm_source=chrome-ntp-launcher

몇개월전, 우분투를 사용하고 있었을 당시, 플로우 차트를 그려야할 일이 있었다. 리눅스계다 보니, 사용하기 편하면서 결과물이 예쁘게 나올 수 있는 프로그램을 찾기 어려웠다. 이리저리 찾아보던중, 나의사랑 크롬 웹스토어에서 검색해보았더니 Gliffy Diagrams라는 앱이 있길래 설치를 해 보았다. 오늘은 Gliffy Diagrams를 리뷰해 보겠다.

Gliffy Diagrams 사용해보니 무료임에도 불구하고 고퀄리티의 플로우차트를 뽑을 수 있었다. 제공해주는 색상 스키마도 깔끔하고 자주 사용하는 색상 위주로 제공해 주기때문에 색상 선택으로 고민하는 시간을 줄여주는 느낌이다.

뿐만아니라 다양한 다이어그램을 그릴 수 있다. UML이나 Entity-Relationship등 간단하고 예쁘게 그릴 수 있다. 공식홈페이지(http://www.gliffy.com)에 따르면, 다음과 같은 목적으로 사용 가능하다고 나와있다.

Use Gliffy As

Flow chart software

Network diagram software

Floor plan software

Org chart software

SWOT analysis

Wireframe software

Site map software

UML software

Business process modeling software

Venn diagram software

또한, Jira와 Confluence에서 사용할 수 있는 Plug-in도 제공을 하고 있다고 한다.

시작을 하게 되면 다음과 같은 화면이 뜬다.

<그림.1 시작>

가이드 라인이 나와서 쉽게 정렬이 가능하다.

<그림2. 플로우 차트 그리기>

<그림3. 플로우 차트>

<그림 4. 색상스키마 선택>

그 외의 다이어그램을 그릴때도 유용하다.

<그림 5. 다이어그램>

구글 드라이브와 연동도 가능하다.

<그림 6. 구글 드라이브와 연동>

프로그램이 죽거나 실수로 끈 경우 백업파일을 불러와서 계속 편집이 가능하게 해 준다.

<그림 7. 백업파일로부터 시작>

정리해보면 Gliffy는 다음과 같은 기능을 제공한다.

1. 가이드라인 보여주기, 그리드 보여주기, 그리드에 자동붙이기 기능등 기본적이면서 가장 필요한 기능을제공한다.

2. 그룹단위로 묶어서 이동 및 축소/확대가 가능하다.

3. 컬러테마를 제공하여 색상 스키마 변경을 원클릭으로 가능케 한다.

4. 로컬에 .gliffy확장자로 저장 및 불러오기가 가능하다.

5. PNG/JPG파일로 저장 가능하다.

6. 구글 드라이브에 저장이 가능하다. (https://www.gliffy.com/go/gdrive/open?code=4/JlD5UUAPZNzHKlWHPPb1BsNDLH_dNiidcTWdsSBtqIA.UvhDJGSm_nwYgrKXntQAax0staSwlwI)

7. 만약 실수로 저장하지 않고 프로그램을 종료한 경우에, 다음번 실행시 자동백업된 파일을 불러와서 계속 편집할것인지 물어본다.

 크롬 브라우저에서 지원하는 문서편집 툴들이 그러하듯, 내 컴퓨터에서 굳이 프로그램을 설치할 필요가 없다는 점이 장점이라고 본다. 또한 간단하면서 직관적인 UI를 제공하여 사용자로 하여금 친숙하게 접근할 수 있는 프로그램이다. 그동안 크롬 브라우저 웹스토어에서 사용한 프로그램들을 돌아보면, 주로 간단하면서 사용하기 직관적인 프로그램들이 오랫동안 살아남는것 같다. 

[출처] http://blog.embian.com/70

[출처] https://productforums.google.com/forum/#!msg/chrome-ko/1SRKd8Ov0YM/Mib8ozS8x2QJ

소개 해드릴  소개 해드릴  warning.or.kr   을  저격할  스나이퍼는...    

▄︻√守━─━                                                         ---

이번에 구글에서 출시한 데이터 세이버 라는 크롬 확장 프로그램 입니다.
그동안 모바일 버젼만 있다가 새롭게 PC 버젼이 추가 되었습니다.

간단한 설치 한번으로 

웬만한 곳은   빠른 속도로   다 열리는거 같습니다.^^

--------------------------------------------------------------------------------------------------------------------------------------------- 

---------------------------------------------------------------------------------------------- 

* [ 데이터 세이버  관련글   요약. ] *

[PC는  크롬 브라우져에서   데이터 세이버   확장 프로그램  설치.]   -  [ 설치용량  :   128KB ]

https://chrome.google.com/webstore/detail/data-saver-beta/pfmgfdlgomnbgkofeojodiodmgpgmkac

( 데이터 세이버   다운로드 링크. ) 

이미 설치 하신분은  4월 8일자  새버젼 1.944 로  업데이트 하세요.

(웹페이지 로딩 속도가  많이 향상 되었습니다.)

*  4월 17일   v1.945   버젼으로  업데이트  되었습니다. 

[모바일은  크롬 어플   고급 옵션에서  간단히  ON , OFF  가능.]

* 참고 :   모바일은  따로  확장 프로그램  설치 없이   크롬 어플 만   설치되어 있으면 됩니다. 

[ 설정 참고. ]

*  안드로이드

크롬 어플 - 메뉴 - 설정 - 고급 - 데이터 세이버 - ON, OFF

*  ios

크롬 어플 - 메뉴 - 설정 - 고급 - 대역폭 - 데이터 세이버 - ON, OFF

---------------------------------------------------------------------------------------------------------------------------------------------

https://support.google.com/chrome/answer/2392284?hl=ko 

( PC , 모바일    데이터 세이버   ON, OFF   간단  사용설정.    구글 홈  링크. )

---------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------- 

--------------------------------------------------------------------------------------------------------------------------------------------- 

* (  긴 글   스킵  하실분은    맨 아래  설치부분   항목만   참고 하세요.  ) *

원래는 모바일이나 PC의 데이터 사용량을  줄이는 목적으로 나왔습니다만...;;;

구글 서버에서  해당 사이트의  데이터를  압축해서 사용자에게 보내는 과정에서

의도치 않게(?) VPN 효과가 나오고 있습니다.

속도도 그동안의 잘 알려진 그 어떤 방법들 보다 속도가 상당히 빠른거 같습니다.

데이터 절약기능에   우회 하라  아이(?) 는  덤으로...;;

[적용 후  변경된  크롬 브라우져  안에서의  사용자 위치정보]

장점 중에 한가지는 그동안 Kaspersky Internet Security 2015 사용자는  백신자체 포트 차단문제로

Dodge Chrome, 닷지웹, 닷지브라우저 같은걸 사용 못하는 문제가 있었는데요...

물론 해당포트를 개방하면 되지만 보안문제 때문에...

아무튼  "데이터 세이버"  라는 크롬 확장 프로그램으로 인해 포트 차단문제 걱정없이

Kaspersky Internet Security 2015 사용하시는 분들도 아무 문제없이 쾌적한 속도로 사용 가능합니다.

Kaspersky Internet Security 2015 를 사용하는  저의 시스템에서 테스트 해보았습니다.

그냥 바로 열리네요.

이 외에도 수위 떄문에 스샷을 올리진 못했지만  

사진자료가  많은 해외 XX 사이트들도  일반 국내 페이지 보듯이  빠르게 로딩이 되더군요.

전부 확인은 못했지만  몇몇 곳에 스트림 영상도  무리없이  나오는거 같습니다.

(고해상도 스트림은 확인 못해 봤습니다.  어짜피 전 4기가 이상 소스로 보는지라...) 

warning.or.kr  페이지는  더이상  저의 컴에서 볼 수가  없었습니다...

-------------------------------------------------------------------------------------------------------------------------------------------- 

[3월 29일 추가사항.]

* 일부 사내망  자체에서  막아놓은  일반  사이트들도  그냥 뚫린다는  피드백 들도 있는듯 합니다.

   (철벽보안이  아니라는 가정하에서...) 

--------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------

[4월 08일.   데이터 세이버  버젼업.]

*  버젼이 기존 1.943 에서  1.944 로  소폭 올랐습니다.

이번 업데이트 이후  웹페이지 로딩  속도가   많이  향상된거 같습니다.  

(업데이트 노트는 공개가 되어 있지 않아서  자세한건 알수 없지만  체감 속도는 확실히 올랐습니다.)

--------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------

[4월 17일. 데이터 세이버 버젼업.]

17일   v1.945   버젼으로  업데이트  되었습니다.

--------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------

[확장 프로그램   업데이트 방법.]

데이터 세이버 아이콘 오른쪽 클릭 - 확장 프로그램 관리 선택후 이동 - 개발자 모드에 체크후

지금 확장 프로그램 업데이트 클릭 - 완료.

(또는 크롬 주소창에 아래주소 입력 - 확장 프로그램 관리에서 개발자 모드에 체크후

지금 확장 프로그램 업데이트 클릭 - 완료.)

chrome://extensions/?id=pfmgfdlgomnbgkofeojodiodmgpgmkac

---------------------------------------------------------------------------------------------------------------------------------------------

# 참고로 통하지 않는 사이트가  있을수도  있습니다. 

--------------------------------------------------------------------------------------------------------------------------------------------

////////////////////////////////////////////////////////////////////////////////

--------------------------------------------------------------------------------------------------------------------------------------------

[구글  홈페이지 :   데이터 세이버  설명 글]

데이터 세이버 작동 원리

데이터 세이버를 사용하는 경우 Google 서버는 웹페이지 방문 시 다운로드되는 데이터의 양을 줄일 수 있습니다. 절약되는 데이터의 양은 페이지의 콘텐츠 유형에 따라 달라집니다. 하지만 보안 페이지('https'로 시작하는 페이지) 및 시크릿 페이지는 데이터 절약 없이 그대로 로드됩니다.

데이터 세이버가 사용 설정되어 있는 경우

* 일부 웹사이트에서 내 위치를 정확하게 확인하지 못할 수 있습니다.

* 일부 이미지가 흐릿하게 보일 수 있습니다.

* 회사의 인트라넷 사이트 등 내부 웹사이트가 로드되지 않을 수 있습니다.

* 이동통신사에서 사용자 인증 및 청구를 위해 사용하는 사이트에서 예기치 않은 동작이 발생할 수 있습니다. 예를 들어 이동통신사 웹사이트에 로그인할 때 문제가 발생할 수 있습니다.

...라고 구글 홈에 써있지만 아이콘 클릭 만으로 끄고 키기 쉬워서 별 문제 없을거 같습니다.

warning.or.kr  뚫는 용도로만 사용하시고  

일반 사용시에는 해당  아이콘 에서  OFF   하세요.

쓰다보니 말이 길어졌네요... 각설하고...,

-------------------------------------------------------------------------------------------------------------------------------------------- 

////////////////////////////////////////////////////////////////////////////////

--------------------------------------------------------------------------------------------------------------------------------------------

[ 데이터 세이버 -  설치  참고. ]

* 우선은 크롬 브라우저 버전 41 이상이 필요합니다.

[ 이미 설치하신 분들은  바로  확장프로그램만  추가  설치하시면  간단하게 모든 준비가 끝나게 됩니다. ]

http://www.google.co.kr/chrome/browser/desktop/

( 크롬 브라우저  다운로드 링크. )

크롬 브라우저 설치후   실행.

아래  주소 링크 클릭   또는    주소 복사후  주소입력창에 붙인후 엔터.

https://chrome.google.com/webstore/detail/data-saver/pfmgfdlgomnbgkofeojodiodmgpgmkac

( 데이터 세이버  다운로드 링크. )

* Chrome 웹 스토어에서 데이터 세이버 확장 프로그램을 설치합니다.

[간단히  클릭  한번만  하면   2 ~ 3초 안에   바로   설치됩니다.]  -   [ 설치용량  :   128KB ]

* 참고 :   모바일은  따로   확장 프로그램    설치 없이   크롬 어플 만   설치되어 있으면 됩니다. 

 (ON, OFF 는  크롬 어플   고급 옵션에 있습니다.)

https://support.google.com/chrome/answer/2392284?hl=ko

---------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------

한줄요약 :

크롬 에서  데이터 세이버   확장 프로그램  설치.^^

아참   4월16일  대란에  대비해서  각자 준비들은  해두셨겠죠?^^

고용량  하드디스크  추가  라던지... 

여기까지  보시느라  수고 많으셨습니다.

------+_ 
　　+／+|　 
　　+|　|.　 
　+　|　|. ∧＿ ∧ 
　,─　　＼(- ∀-) 
　|＿＿)　+|　　ノ 
　|＿＿)　+|+)＿) 
　|＿＿)　+| 
　+ヽ＿)_／ 따봉~!

이상으로 마칩니다.

그럼 안녕히.....  ^____________^

출처 : http://lite.parkoz.com/zboard/view.php?id=my_tips&no=15374

크롬 글꼴 깨짐 방지 (=크롬 글자 흐림 제거)

출처 : http://www.homzzang.com/bbs/board.php?bo_table=info&wr_id=57

크롬창 주소에

출처 : http://www.todayhumor.co.kr/board/view.php?table=bestofbest&no=196624&s_no=196624&page=9