본문 바로가기

브라우저33

브라우저 캐시 테스트 사이트 안녕하세요. 고코더 입니다. 재밌는 사이트를 하나 알게 되어 공유합니다. 개발할 때 항상 캐시는 의문점이 많습니다. 언제 사라지고, 삭제되는지 새로고침 몇 번을 해야 캐시가 비워지는지 의문이 듭니다. 각 브라우저마다 자신들만의 정책이 있기 때문에 직접 테스트해보는 게 가장 좋은 방법이라고 생각합니다. ● 1. 그런데 그런 브라우저 캐시를 테스트할 수 있는 재밌는 사이트가 있어 공유합니다. https://framework.xenosi.de/cachetest/ 브라우저 캐시 테스트 브라우저에 캐시되는 조건을 테스트 하는 페이지 입니다. etag, last-modified, if-modified-since, if-none-match framework.xenosi.de ● 2. 해당 사이트에 세서 요소 캐시 상.. 2021. 11. 1.
Evergreen Browser - 에버그린 브라우저란? 자동 업데이트되는 브라우저 "에버그린 브라우저" 안녕하세요. 고코더 입니다. ● 1. 상록수를 영어라 하면 에버그린(Evergreen)입니다. 사계절 내내 푸른 나무를 통틀어 말합니다. 대표적인 종류로는 소나무, 대나무가 있습니다. 가끔 대나무 숲에 가면 언제나 푸른 녹색을 구경할 수 있는 이유도 상록수 종류이기 때문입니다. 그런데 IT 그리고 브라우저에 왜 이런 에버그린이라는 단어가 접목이 되었을까요? ● 2. 오랫동안 우릴 귀찮게 했던 브라우저는 다름 아닌 익스플로러입니다. 매번 새로운 버전이 나올 때마다 업데이트를 해야 했습니다. 현재 사용하고 있는 버전인 10인지 11인지 구별도 안될 정도로 지속적인 업데이트가 이루어져 있습니다. 하지만 이런 방식의 문제는 항상 존재합니다. 제때 업그레이드를 받지.. 2021. 1. 18.
Chrome - 크롬 시크릿 모드에서 쿠키 허용하기 크롬 시크릿 모드 일반 크롬과 동일하게 보이게 하기 안녕하세요. 고코더 입니다. ● 1. 크롬에서 시크릿 모드를 실행하면 기본적으로 쿠키를 제어합니다. 그래서 일반 크롬에서 실행했을 때랑 결과가 조금 다를 경우가 있습니다. 시크릿 모드 실행 후에 주소 줄 오른쪽을 보면 해당 아이콘이 표시됩니다. 이는 쿠키를 차단하고 있다는 표시입니다. ● 2. 이를 클릭하면 이런 창이 나타납니다. 쿠키를 허용하기 위해서는 "사이트가 작동하지 않나요?"를 클릭합니다. ● 3. 그럼 또 새로운 창이 나타납니다. 여기서 "쿠키 허용"을 클릭합니다. 그럼 일반 크롬 모드와 같은 결과 창을 볼 수 있습니다. 마무리 크롬은 완벽하지만 계속 발전하네요. 2021. 1. 12.
크롬 - chrome 오픈소스 라이센스 확인하기 / credits 크롬 개발 open source 코드 확인 안녕하세요.고코더 입니다. 프로그램은 보통 오픈소스로 공개된 소스코드를 사용하여 개발 속도를 더 빠르게, 안전하게 합니다. 우리가 생각하는 거대한 프로그램들도 보통 많은 오픈 코드를 활용합니다. 제가 제일 많이 사용하는 프로그램 크롬 역시 마찬가지입니다. ● 1. 크롬을 실행 후에 주소창에 아래 주소를 접속합니다.chrome://credits/ ● 2. 그럼 오픈소스를 사용한 내역을들 확인 가능합니다. webkit나 v8처럼 익숙한 단어들이 많이 보입니다. 여기서 valgrind를 클릭해보겠습니다. ● 3. 그럼 자세한 라이센스 의무사항을 공시합니다. 그리고 홈페이지를 클릭하면 해당 API를 만든 제작자를 확인 가능합니다. ● 4. Valgrind 라는 C/C+.. 2020. 12. 10.
카카오 이메일 - 브라우저에서도 확인할 수 있습니다. / mail.kakao.com mail.kakao.com 안녕하세요.고코더 입니다 요즘 많은 분들이 카카오 이메일 많이 사용하고 계십니다. 기본적으로 카카오 안에 이메일을 보내고 읽을 수 있는 기능이 있지만 PC에서 더 손쉽게 메일 기능을 사용할 수 있습니다. ● 1. 해당 URL로 이동하여 로그인을 합니다. 참고로 카카오 메일을 가입한 분들만 사용이 가능합니다.https://mail.kakao.com/ ● 2. 접속 후에 로그인을 하면 카카에 메일 베타버전이 열리고 여기서 이메일 기능을 사용할 수 있습니다. 기존의 한메일 기능에 디자인만 바뀐 기분이 드네요. ● 3. 메일 쓰기 기능을 한번 사용해보겠습니다. 상단 위에 메일쓰기 버튼을 클릭하면 메일을 작성할 수 있는 박스가 나타납니다. 그리고 여기서 원하는 내용의 이메일을 작성후에 .. 2020. 6. 30.
파이어폭스 - 쉽게 테마 직접 만들기 firefox custorm theme 안녕하세요. 고코더 입니다. ● 1. 파이어폭스는 쉽게 마우스로 쉽게 테마를 만들수 있는 기능이 준비되어 있습니다. 파폭에서 직접 개발한 기능입니다. 해당 공식 사이트로 접속합니다. https://color.firefox.com/ ● 2. 그럼 이렇게 파폭 레이어아웃이 있고 여기서 Custorm colors에서 원하는 컬러를 선택해서 테마를 변경 가능합니다. ● 3. 그리고 custom backgrounds에서는 문양에 패턴을 변경할 수 있습니다. 사실 딱히 마음에 드는 패턴이 없습니다. ● 4. 준비가 다 되었닫면 아까붙ㅌ텉 떠있던 해당 버튼을 클릭 합니다. ● 5. 확장 기능에서 "Firefooox Color"를 설치합니다. 공식 확장 기능입니다. ● 6. 설치.. 2020. 1. 16.
파이어폭스 - 스크롤 반응 빠르게 하기 / 부드러운 스크롤 기능 해제 Firefox scroll fast 안녕하세요. 고코더 입니다. ● 1. 크롬을 쓰다 파폭을 실행하면 가장 큰 차이점은 스크롤시에 느낌이 많이 다릅니다. 파이어폭스가 제공하는 부드러운 스크롤 기능이 좀 더 진보된 기능이지만 저는 빠릿한걸 좋아하는 편이라 이 부분이 조금 답답합니다. 그래서 설정을 찾아보니 크롬이랑 익스플로러 처럼 부드럽지 않고 빠르게 내려가는 스크롤을 사용하는 방법이 있어 공유합니다. ● 2. 파폭에서 URL에 아래 내용을 입력하고 접속합니다. 그럼 설정 화면이 나타는데 여기서 보기 기능에서 부드러운 스크롤 기능 사용을 체크해제 합니다. about:preferences#general 평소에 익숙하게 사용하던 스크롤 업, 다운에 느낌 그대로 사용이 가능하게 됩니다. 마무리 감성이 부족한지 .. 2020. 1. 15.
웨일 - 유투브, 네이버티비등 팝업 플레이어(PIP)로 보기 whale PIP 모드 실행 안녕하세요. 고코더 입니다. 웨일에서는 크롬에서 기본으로 제공하는 PIP 모드 영상을 팝업으로 실행해서 바탕화면 어느 곳에서든 확인 할 수 있는 기능이 있습니다. 이전에도 남겼던 기능인데요 ● 1. 웨일에서는 이 기능을 따로 실행이 가능한 버튼을 만들어 두었습니다. 유투브나 네이버티비처럼 스트리밍이 있는 곳으로 접속하면 해당 아이콘이 생성 됩니다. 이 버튼을 누르면 ● 2. 이런식으로 팝업 플레이어가 생성 됩니다. 다른 프로그램을 실행하면서 영상을 볼 수 있는 편리한 기능입니다. ● 3. 해당 플레이어에서 해당 버튼을 클릭하면 원래 영상 페이지로 팝업이 합쳐지면서 PIP모드가 off 됩니다. 마무리 같은 기능도 버튼으로 만들어 놓으니 쉽게 실행이 가능하네요. 2020. 1. 13.
크롬 - 카나리아 버전 설치 및 다운로드 / 첨부파일 / 신기능을 먼저 만나기 크롬에 최신 기능과 베타 및 실험기능을 만나 볼 수 있는 chorme 안녕하세요. 고코더 입니다. 구글 크롬중에 카나리아 버전이 있습니다. 개발자용이라고 소개 하는 분도 있지만 정확히 말하면 크롬 개발자들이 개발한 브라우저를 먼저 만나 볼 수 있는 브라우저 입니다. ● 1. 그래서 해당 사이트에 접속하면 사용하지 말라고 경고 합니다. 하지만 저는 궁금하므로 설치를 진행합니다. https://www.google.co.kr/chrome/canary/ ● 2. 첨부파일을 실행하셔도 됩니다. ● 3. 설치하고 크롬에 대한 정보를 보면 노란색 로고가 마치 오류난 이미지 처럼 보입니다. 사용해보면 크롬과 똑같습니다. 하지만 하나 하나 뜯어보면 개발자들이 신나게 개발중이고 테스트 하고 싶은 기능들이 붙어 있을거 같습.. 2019. 11. 16.