라벨이 사이트인 게시물 표시

크롬에서 유튜브 페이지 접근시 서브 채널로 들어가지 못하는 문제

이미지
  평소 유튜브를 보는 패턴은, 크롬을 열고 새 탭 페이지에서 우측 상단의 Google 앱 모음 버튼을 눌러 유튜브 페이지로 들어가는 겁니다.  제가 사용하는 기본 계정은 메인 계정 아래에 있는 서브 채널을 사용하고 있습니다. 하지만 언제 부터인가 서브 채널 계정으로 바로 접근할 수 없어서 유튜브에 들어가면 계정 전환을 해야 했습니다.  계정 전환도 쉽게 되지 않습니다. 꼭 두 번을 해야 계정이 전화되어 사용할 수 있었습니다.  문제의 원인은 새 탭에 있는 유튜브 버튼의 문제로 보입니다. 바로가기 바에 별도로 유튜브 링크를 만들어 접속을 하면, 평소 사용하던 서브 채널의 계정으로 바로 접근이 가능했습니다.

스크롤바 스타일 수정시 ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb 가 적용되지 않는다면 우선 봐야할 부분.

 웹킷 기반 브라우저에서 스크롤바 스타일을 지정할 때 ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb 같은 가상 요소를 지정해도 스타일이 적용되지 않는 경우가 있습니다.  이때 우선적으로 봐야 할 부분은 ::-webkit-scrollbar로 width 값을 설정했는지 확인하는 것입니다. ::-webkit-scrollbar로 width 값을 설정하지 않았다면, 기본 스크롤바가 표시됩니다.  참고로 width 값을 설정하지 않은 것과 0인 경우는 다릅니다. width: 0으로 설정한 경우에는 어떤 스크롤바도 표시되지 않습니다. display: none의 경우에도 마찬가지입니다.  결론적으로 웹킷 기반 브라우저에서 스크롤바 스타일을 지정할 때는 스크롤바의 폭을 명시적으로 선언해야 합니다.  참고로 스크롤 트랙에 패딩을 주고 싶은 경우에는 padding 설정이 되지 않으니, 스크롤 버튼에 같은 색으로 테두리를 주면 됩니다. ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: blue; } ::-webkit-scrollbar-thumb { background: red; border: 3px solid blue; }

ChatGPT Simple Tarot ( GPT로 타로점 보기 )

ChatGPT Explore 을 사용해 타로점을 볼 수 있는지 만들어봤습니다.  https://chat.openai.com/g/g-onek4lFk5-simple-tarot-gpt 현재 Explore 기능은 GPT 유료 사용자만 사용이 가능합니다. 질문을 입력하면 타로 카드를 세 장 뽑아서 해석해 줍니다. 미리 입력된 규칙을 사용해 질문에 답변하는 간단한 구성입니다.

영어 발음 검색 사이트 '유글리쉬'

이미지
https://youglish.com '유글리쉬' 라는 사이트입니다. 발음이 궁금한 영어 단어를 검색하면 해당 단어가 포함된 영상을 찾아줍니다. 문장에 포함된 단어가 어떻게 발음되는지 확인하는 데 유용합니다. 딱히 사용법이랄 것도 없이 검색창에 검색만 하면 됩니다. 검색 결과는 하나만 표시되는데, 다음 트랙 버튼을 누르면 다음 결과 영상으로 넘어갑니다.

iframe 에 비어있는 페이지 띄우기

iframe이 삽입된 모달이 있습니다. iframe에 불려오는 페이지는 백그라운드 작업을 하고 있습니다. 그래서 모달이 숨겨질 때 초기화  할 생각을 했습니다. 처음에는 'src'속성값에 비어있는 값('')을 넣으려고 했습니다. 문득, 더 그럴싸한 게 없을까 하는 생각에 좀 더 찾아보니 'about:blank'을 넣어주면 된다는 것을 알았습니다. <iframe src="about:blank" frameborder="0"></iframe> 딱히 대단한 건 아닐 수 도 있지만 미처 생각하지 못하던 것이라 이렇게 적어봅니다.

윈도우 PHP 환경에서 로컬에 있는 MySQL 조회가 느린경우

윈도우 PHP 환경에서 로컬에 있는 MySQL 조회가 느린경우 우선적으로 DB접근 경로를 "localhost"문자열 대신 "127.0.0.1"을 입력하는 게 좋습니다. "C:\Windows\System32\drivers\etc\hosts" 파일도 건드려 보긴 했지만 효과가 없었고(재부팅을 해야 했나?), IP를 직접 입력하는 게 제일 깔끔했습니다.

개인적으로 사용할 3D 콘텐츠를 받을 수 있는 사이트

이미지
 테스트를 위해 무료로 3D 콘텐츠를 구할 수 있는 곳을 찾다가 좋은 곳이 있어 정리합니다. Sketchfab  자신이 만든 3D 콘텐츠를 판매하거나 공유할 수 있으며 커뮤니티 기능을 지원하는 사이트입니다. 미리 보기가 가능하기 때문에 구경하는 재미도 있습니다.  개인적인 목적으로 3D 콘텐츠가 필요하다면 상단의 explore 항목에서 다운로드 가능한 대상을 검색하면 됩니다.   다운로드를 위해서는 회원가입이 필요합니다.  결과 페이지의 상단에 filters를 사용해 추가 조건으로 목록을 추릴 수 있습니다.  스토어에 들어가면 디테일이 뛰어난 작품들을 볼 수 있습니다. 구매는 하지 않더라도 미리 보기로 구경하는 재미가 있습니다.

무료 순서도(플로우차트, 마인드맵) 프로그램 draw.io

이미지
 순서도를 그릴 일이 생겨 검색을 하다가 알게 되었습니다. draw.io  그림판이라던가 문서프로그램으로 만들 때 가장 거슬리는 부분이 각 요소의 정렬입니다. 이 프로그램은 모눈 단위로 이동을 하므로 쉽게 위치 잡기가 가능합니다. 또 화살표를 그리기도 쉽고 각 요소끼리 연결해 두면 알아서 따라가는 것도 마음에 듭니다. 이미지라던가 html로 출력도 쉽고, 여러 면에서 상당히 좋다고 생각되는 프로그램입니다.  위 링크에 들어가면 웹 브라우저에서 바로 사용할 수 있습니다. 개인적으로는 크롬 브라우저를 추천합니다. 들어가자마자 저장 위치 설정이 나옵니다. 설정 전에 언어를 한글로 바꾸면 사용이 쉽습니다. (화면을 새로 고치면 한글로 됩니다.) 저는 그냥 PC에 저장하고 불러오는 것으로 설정 했습니다. 새 다이어그램 만들기를 선택하면 여러 가지 기본 틀이 있습니다. 필요에 따라 선택하면 됩니다. 웹 브라우저에서 사용하는 게 좀 별로라고 한다면 사용하고 있는 PC에 설치하는 버전도 있습니다. 윈도우, 맥, 리눅스에서 사용할 수 있습니다. [ 다운로드 링크 ] 위 링크를 누르거나 웹 에디터의 설정의 "도움말 > Get Desktop" 항목을 눌러 다운받을 수 있습니다. 저는 윈도우10을 사용하고 있어서 윈도우용을 설치 했습니다. 저장이라던가 불러오기에 있어서 좀 더 이점이 있지만 전반적으로 웹 버전 그대로의 모습을 가지고 있습니다. (하이브리드 앱으로 만든 것 같네요.) 언어 설정도 웹과 같습니다. 새로 고침을 하라고 나오면 프로그램을 껐다가 다시 켜면 됩니다.