반응형 테크팁·활용 테크팁·활용 2021. 11. 1. 구글 크롬에 새로 추가된 개발자 도구 기능 4가지 구글 크롬의 개발자 기능이 나날이 좋아지고 있습니다. 크롬 확장으로 써야만 했던 기능들이 여러 가지 추가되고 있어서 개발자 도구라는 이름에 어울리는 모습으로 변모하고 있습니다. 일부 기능은 실험실 기능으로 제공되며, 정식 출시되지 않을 수도 있습니다. 실험실 기능 중 일부는 한번 켜면 끌 수 없는 기능도 있습니다. 1. CSS 개요 보기 실험실 기능입니다. 정식 배포 때 포함될 가능성이 높습니다. 크롬 개발자도구 설정의 "실험" 탭에서 "CSS Overview" 실험 기능을 체크해서 켜야 합니다. 실험실 기능을 켠 후에는 개발자 도구를 닫았다 다시 열어야 합니다. CSS 개요 보기 기능은 웹페이지에 사용한 CSS 스타일의 요약 정보를 제공해줍니다. 웹 서비스로 이런 기능을 제공하는 사이트가 몇 군데 있었.. 테크팁·활용 2021. 10. 21. 비주얼 스튜디오 코드 웹 버전(Visual Studio Code for Web)이 공개되었습니다. 기다리고 기다리던 비주얼 스튜디오 코드 웹 버전 프리뷰(Preview)가 어제 일자로 공개되었습니다. 비주얼 스튜디오 코드 웹(Visual Studio Code for Web) 버전은 웹 브라우저에서 실행되는 비주얼 스튜디오 코드입니다. 아직 완벽한 버전은 아니고 프리뷰 형태로 서비스되고 있습니다. 언젠가는 공개될 줄 알았어서 언제나 해주나 했는데, 마소는 역시 기대를 저버리지 않았습니다. 비주얼 스튜디오 코드 자체가 웹 기반 기술로 만든 하이브리드 앱이기 때문에 웹 브라우저 포팅이 그리 어렵지 않아서 언젠가는 나올 것 같았고, 클라우드 환경으로 변해가는 추세에 맞춰서 이런저런 클라우드 액세스 기능이 추가돼서 나오지 싶었는데 딱 그렇게 나왔습니다. 비주얼 스튜디오 코드를 사용해본적이 있으면 크롬이나 마이.. 테크팁·활용 2021. 10. 17. 유튜브 영상 재생 일시정지 버튼 안사라질 때 해결 방법 스마트폰/태블릿을 이용해 유튜브 앱으로 영상을 볼 때 일시정지, 재생 버튼이 오버레이 돼서 안 사라지는 경우가 있습니다. 대부분은 유튜브 앱 업데이트 후 기본으로 켜져있느 설정값이 초기화되거나 바뀌는 경우입니다. 아니면 본인이 설정에 들어갔다가 뭔가를 만졌는데 그게 뭔지 모를 때입니다. 언제인지 모르게 이 상태가 되었는데 없어지질 않는데, 설정이란게 한번 바꾸면 만 질 일이 없는지라 사실 이런 게 설정에 있는지도 모릅니다. 유튜브 앱 설정에 재생/일시정지 버튼을 영상 위에 항상 표시해주는 옵션이 따로 있습니다. 유튜브 메인 오른쪽 상단의 본인 프로필 아이콘을 터치합니다. 설정 > 접근성 을 차례로 들어갑니다. 켜져 있는 "접근성 플레이어" 옵션을 꺼줍니다. 재생되는 영상위의 일시정지/재생 버튼이 자동으로.. 테크팁·활용 2021. 10. 8. 구글 크롬94 개발자 도구에 줄자(Ruler) 기능이 추가되었습니다. 웹 디자이너들이 줄기차게 요구해 왔던 기능 중 하나가 줄자 기능이었는데 아무도 안 보는 영문 업데이트 안내에 쓰여있으니 새롭게 기능이 추가돼도 아무도 모릅니다. 우선순위가 낮다 보니 그동안 보류되었다가 드디어 크롬 94에서 추가되었습니다. 개발자 도구용 기능이므로 개발자 도구를 켜야 하고(F12) 기본 설정이 꺼져있기 때문에 개발자 도구 설정에서 옵션을 켜야 동작합니다. 개발자 도구 줄자 옵션 켜기 개발자 도구 설정 > 환경설정 > 요소 그룹의 "눈금자 표시" 체크 영문으로는 Settings > Preferences > Elements > "Show rulers" 요소 선택자로 줄자 표시하기 줄자 기능을 사용하려면 줄자로 크기를 측정할 대상을 선택해야 합니다. 개발자 도구를 켜면 줄자가 항상 표시되는 게.. 테크팁·활용 2021. 9. 24. 구글 크롬 개발자도구가 드디어 한글 지원이 됩니다. 사용자들의 요구가 그렇게 줄기차게 있어도 해주지 않더니 마이크로소프트 엣지 브라우저의 개발자 도구가 한글 지원이 너무 잘 되는걸 보고 자극을 받은 건지 드디어 크롬 94에서 개발자도구 한글 지원 기능이 추가되었습니다. 구글 크롬 94 업데이트에서 적용된 내용입니다. 먼저 구글 크롬을 최신 버전으로 업데이트를 하고... 처음 개발자 도구를 열면 개발자도구 상단에 다음과 같은 문구가 표시됩니다. "DevTools is now available in Korean!" 한글 지원된다는 문구를 영어로 자랑스럽게 표시해줍니다. 구글답게 사용자 편의는 정말 꽝입니다. 옵션은 2가지가 선택 가능합니다. 구글 크롬 언어와 연동(Always match Chrome's language) 항상 한글로 표시(Switch DevT.. 테크팁·활용 2021. 8. 3. 인스타그램 사진과 동영상을 다운로드하는 4K Stogram 앱 사용기. 사용한지는 조금 된 앱입니다. 쓸만한 앱이어서 소개합니다. 인스타에 대한 애정이 식으면서 방치 상태로 놓아두고 있는데 일 때문에 인스타를 다시 해야 하는 상황이 되었습니다. 이미지 데이터 분석용으로 인스타의 사진들을 특정 주제로 다운로드 받아서 사용해야 하는데, 하나씩 저장해서 퍼 나르자니 답이 안 나옵니다. 몇몇 가지 인스타 이미지 다운로드/백업 앱을 써봤는데 쓸만한 건 역시나 다 유료이고, 무료인 것들은 제약이 있습니다. 일회성이고 이미지 개수가 많지 않으면 무료 기능으로 어떻게 비벼봤을 텐데 상황이 여의치 않습니다. 참고로 자신의 인스타그램 데이터 백업을 할 때는 이런 이미지 다운로드 앱은 필요 없습니다. 인스타그램에서 자기 계정의 모든 데이터 백업 기능을 지원하기 때문에 그걸 사용하면 됩니다. 4.. 테크팁·활용 2021. 8. 2. 무료로 사용할 수 있는 오픈소스 아이콘팩 TOP4 오픈소스, 또는 제한적인 무료 사용으로 웹에서 사용할 수 있는 아이콘팩을 배포하는 사이트가 여럿 있지만, 묘하게 무료와 유료 사이의 경계선에 걸쳐있거나, 바로바로 가져다 사용하기에 이래저래 불편한 아이콘팩 서비스들이 대다수입니다. 특히 SVG,PNG 다운로드를 지원하지 않아서 커스터마이징이나 개별 사용이 어려운 경우가 많습니다. 그중에서 최근까지 오픈소스로 사용하고 있는 정말 쓸만한 무료 오픈소스 웹 아이콘 팩 3가지를 소개합니다. 1. fontawesome CC 4.0 라이센스 배포. 오픈소스 버전은 자유롭게 복제 재배포 허용. https://fontawesome.com Font Awesome The world’s most popular and easiest to use icon set just got.. 테크팁·활용 2021. 7. 30. 구글 크롬 웹 브라우저를 향상된 보안모드로 사용하기 구글 크롬 웹 브라우저에 웹 브라우징 보안 등급 중에 "향상된 보안모드"가 있습니다. 각종 악성코드, 멜웨어, 그리고 보안에 위협이 되는 요소를 미리 예측해서 자동으로 차단을 해주며, 위험 요소에 대해 좀 더 광범위한 알림을 해주는 모드입니다. 구글 크롬의 보안 모드는 기본 설정으로 표준(Standard) 모드로 동작합니다. "표준 모드" 동작으로도 잘 알려진 보안 위협을 잘 막아내지만, 알수 없는 해외 사이트를 자주 방문하거나 피싱 사이트 등의 위협이 걱정되면 "향상된 보안 모드"를 켜고 사용하는 것을 추천합니다. 향상된 보안 모드를 켜려면 URL 입력창에 다음 URL을 입력합니다. chrome://settings/security?q=enhanced 또는 크롬 더보기 > 개인정보 및 보안 > 보안을 차.. 이전 1 2 3 4 5 ··· 16 다음 반응형
