구글 크롬 다크모드 설정방법(+ 확장프로그램 다크 리더) 2023. 1. 30. 구글 크롬 자체에도 다크모드 기능이 있으나 매우 좋지 못하다. 브라우저의 바 부분에만 적용된다거나 너무 지나치게 콘텐츠 부분의 색까지 덮어버린다던가 하는 문제점이 있다. 네이버 웨일 브라우저에서는 다크 모드 기능을 자체적으로 제공해주는데, 콘텐츠 부분까지도 다크 모드 설정이 가능해서 새벽에 작업할 때 눈부심을 방지할 수 있다. 구글 크롬 다크모드 설정방법 위와 같이 새벽에도 편하게 작업할 수 있다는 것이 가장 큰 장점이다. 네이버 웨일에서도 자체 기능이 있는데 내 경우에는 브라우저를 나눠서 쓴다. 오히려 글 작성의 경우에는 구글 크롬이 훨씬 가벼운 느낌이 들기도 한다. 그래서 이런 부분때문에 글을 쓰거나 조금 무거운 작업을 해야하는 경우에는 구글 크롬을 사용하게 되는데 야간에는 다크 모드가 잘 적용되지 ..

React Developer Tools(리액트 구글 확장프로그램 도구) 2022. 8. 5. React Developer Tools 다음과 같은 새로운 기능을 제공하고 있습니다. Built entirely with React, making it easier to develop and extend Firefox support Selected component instance is available as $r from the console More detail is shown in props in the component tree Right-click any node and choose “Show Source” to jump to the render method in the Sources panel Right-click any props or state value to make it availabl..

이미지를 목업으로 쉽게 꾸며주는 확장프로그램 'Screely' 2022. 8. 5. Screely : 웹 사이트 목업 생성 나의 블로그나 사이트를 스크린샷으로 캡쳐하고 해당 이미지의 그림자 효과 등 다양하게 꾸며보고 싶다면 멋진 확장프로그램 및 사이트를 이용할 수 있습니다. 목업 이미지로도 활용할 수 있어 포트폴리오 등으로 구성하기에 좋은 이미지로 만들어줍니다. 1. 맥 사파리 목업이미지(Safari Mockup)로 생성 스케치나 포토샵 템플릿을 사용하지 않고도 스크린샷을 아름다운 디자인의 모형으로 즉시 바꿀 수 있습니다. 배경과 구분이 되지 않는 사진이거나 조금 더 감각적으로 이미지를 보여주고 싶을 때, 집중도를 높일 수 있는 목업템플릿 사이트 Screely는 구글 확장프로그램으로도 있어 쉽게 캡쳐한 이미지에 배경을 추가할 수 있습니다. 2. 이미지 통일성 구축 글을 쓰다보면 이미지를..

사이트를 내 마음대로 바꾸는 구글 크롬 확장 프로그램 'Stylebot' 2022. 8. 5. Stylebot 웹 서핑을 하다 보면 어떤 사이트의 경우 가독성이 좋지 않거나, 자주 이용하는 사이트에서 보기 싫은 부분이 있을 수가 있습니다. 여러 가지 방법으로 단락을 없애거나 내 마음대로 편집을 할 수 있는데, 광고의 경우에는 해당 광고 섹션을 광고 차단 확장프로그램인 애드블록을 통해서 해당 단락을 없앨 수 있습니다. 그러나 수정하거나 편집하는 것은 다른 확장 프로그램을 활용하여야 합니다. 여러 가지 방법이 있지만, 단순히 웹사이트의 모양을 변경하고 싶다면 해당 확장 프로그램이 좋은 선택이 될 수 있습니다. 1. Stylebot의 활용 구글, 네이버, 다음이나 오픈마켓 등 어떤 사이트라도 간단하게 수정할 수 있습니다. 만약에 텍스트가 드래그가 되지 않거나 색이 마음에 들지 않을 때 변경할 수 있습니..

구글 검색 마케팅 도구 확장프로그램 'Keyword Surfer' 2022. 8. 5. 키워드 서퍼(Keyword Surfer) 키워드 서퍼는 구글 검색 결과에서 검색 볼륨을 직접 볼 수 있는 100% 무료 확장 기능입니다. 키워드 서퍼는 구글 검색에서 검색 데이터를 공개하고, 키워드 검색을 실행하고, 콘텐츠 가이드라인을 직접 얻을 수 있는 가장 빠른 방법입니다. 평생 무료로 사용할 수 있으며, 별도의 광고가 적용되어 있지 않습니다. 키워드 서퍼를 사용하면 포괄적인 키워드 조사와 데이터 중심 콘텐츠 가이드라인을 클릭 두 번이면 바로 확인할 수 있습니다. Google의 모든 새로운 검색에 대해 검색 볼륨, CPC, 키워드 제안, 관련 용어, 가시성 메트릭 및 페이지 데이터를 확인할 수 있습니다. 또한 내용에 대한 NLP 기반 지침으로 내용 편집기를 설정하고 즉시 작성을 시작할 수 있습니다. ..

웹사이트 코드 변경 크롬 확장프로그램 'User JavaScript and CSS' 2022. 8. 5. 사이트를 자유롭게 변경하는 크롬 확장프로그램 기능이 간결하면서도 매우 강력하게 적용이 되고 오작동 없이 깔끔하게 사용할 수 있는 확장프로그램입니다. UI/UX도 매우 직관적으로 잘 되어 있어 사용하기에 용이합니다. 자바스크립트 적용시 라이브러리를 불러와서 적용시켜서 사용할 수 있습니다. 또한 동기화 설정도 가능하여 확장프로그램만 설치하면 어떤 곳에서도 쉽게 사용할 수 있습니다. 비슷한 확장프로그램도 있으나 가장 강력하고 군더더기 없는 우수한 확장프로그램입니다. User JavaScript and CSS on any website ※ Userscript's and userstyle's — simple extension to inject own JavaScript or CSS rules to any page..

구글 애드센스 달러를 원화로 표기해주는 자동 환율 변환 확장프로그램 'Chrome Currency Converter(CCC)' 2022. 8. 5. 구글 애드센스 뿐만 아니라 실시간 환율에 따라 쉽게 표기를 해주는 매우 고마운 구글확장프로그램입니다. 구글 확장프로그램은 네이버 웨일에서도 호환스토어로 제공이 되기 때문에 네이버 웨일에서도 이용하실 수 있습니다. 자동 환율 변환 확장프로그램 Chrome Currency Converter (확장프로그램 설치링크) 구글 애드센스는 수익을 노리기가 쉽지 않아 조금 더 다른 플랫폼보다 전략적으로 진행을 해야합니다. 저 같은 경우에도 클릭수는 나쁘지가 않지만 CPC 단가가 너무 낮기 때문에, CPC 단가를 높일 수 있는 방법을 고민하고 있는 상황입니다. 어쨌거나, 구글 애드센스를 사용하고 있는 사이트 운영자나 앱 운영자라면 실시간으로 표기되는 구글애드센스를 자주 확인하는 경우가 많습니다. 오늘 실시간 수입 뿐만 ..

구글크롬 다크모드 확장프로그램 'Dark Mode On Chrome' 2021. 1. 8. 구글크롬 다크모드(Dark Mode On Chrome) 한번의 버튼 클릭, 크롬 확장 기능으로 모든 웹 사이트에 대해 어두운 모드를 켜고 색을 어두운 색으로 변경하여 눈을 안전하게 유지할 수 있습니다. 크롬 확장 기능 하나가 모든 웹 사이트에 대해 다크 모드를 켜고 해당 색상을 더 어두운 색으로 변경합니다. 어두운 방에 앉아 밝은 색으로 화면을 보는 야간 근무 시간이라면 눈이 안좋아질 수 있습니다. 눈을 보호하세요. 확장 아이콘을 눌러 크롬 웹 사이트에 대한 다크 테마를 활성화/비활성화하십시오. 당신은 스타일리쉬한 어두운 웹 디자인을 원하십니까? 그리고 당신의 눈은 밝은 색으로부터 벗어나기를 원하십니까? 다크 모드(Dark Mode for Chrome)는 모든 웹 페이지를 검은색으로 덮습니다. 크롬용 다..

페이스북 모든 메세지 일괄삭제(Delete All Messages) 2020. 10. 22. 페이스북의 기본 기능을 사용해서 모든 메세지를 삭제할 순 없습니다. 따라서, 관련 프로그램을 사용하거나 크롬브라우저(또는 웨일브라우저)의 확장프로그램을 사용해서 메시지를 삭제할 수 있습니다. Delete All Messages : 페이스북 메세지 일괄삭제 확장프로그램의 특징상 언제 프로그램이 삭제될 지 모릅니다. 글을 쓴 기준으로 정상작동 하였으며, 확장프로그램을 설치하고 쉽게 메세지를 삭제할 수 있습니다. 사용방법은 매우 간단합니다. 사용방법 구글 확장프로그램에서 위의 파일을 설치합니다. 설치링크를 클릭해서 설치하면 됩니다. 다른 확장프로그램들도 있었으나 되지 않았고, 위의 프로그램이 정상작동하는 것을 확인했습니다. 그 다음 페이스북 메신저 링크에서 해당 확장프로그램 아이콘을 클릭하여 실행합니다. De..