Vue.js 같은 종류의 이벤트 여러 개 등록하기

 Vue.js 를 사용하여 하나의 이벤트에 두 개 이상의 핸들러 등록이 필요한 경우 아래와 같이 쉼표로 구분하여 등록이 가능합니다. <button @click="onClickA(), onClickB()" type="button"> </button>  주의사항으로  핸들러를 등록할 때는 변수형이 아니라 실행문으로 처리해야 합니다.  이렇게 실행문 형태로 핸들러를 등록 할 때 내부에서 이벤트 인자값이 필요한 경우에는 아래와 같이 '$event'를 인자로 추가하면 됩니다. <button @click="onClickA($event), onClickB($event)" type="button"> </button>

오큘러스 퀘스트 2 렌즈(안경) 맞추기

이미지
 이번에 오큘러스 퀘스트2를 구매했습니다.  당연하다는 듯이 같이 사용할 액세서리도 알아보고 있었는데, 주요 관심은 헤드 스트랩에 있었습니다. 안경을 쓰는 처지에서 안경알 가이드도 생각했지만, 조금 불편해도 지금 사용하고 있는 안경으로 충분히 대처가 될 거로 생각했습니다. 지금 보면 안경을 쓰고 있다면 스트랩 보다는 안경알과 가이드가 더 필수라 생각합니다.  VR 안경은 공식 사이트에서도 구매할 수 있다고 하지만 대부분 알리 같은 데서 가이드를 따로 구매하고, 동네 안경점에서 안경알을 맞추는 것 같았습니다.  하지만 저는 중국에서 오는 배송기간도 싫었고, 동네를 돌아다니며 렌즈 가공 여부를 알아보러 다니기도 귀찮았습니다. 그래서 같이 파는 곳을 찾아다녔고 주문해서 택배로 배송해 주는 곳을 찾았습니다. 아이프린팅 센터 라는 네이버 쇼핑몰이고 ( https://smartstore.naver.com/eyeprinting ), 상품 중에 ‘오큘러스 퀘스트2 도수가이드 / 안경가이드 / 클립 (자석형)’이라는 제품이었습니다. ( https://smartstore.naver.com/eyeprinting/products/5277891234 )  기본으로는 도수가 없는 렌즈를 포함할 수 있는데(VR 렌즈 보호용) 도수를 넣기 위해서는 쇼핑몰에서 바로 살 수 없고, 전화나 카카오톡으로 별도 문의 후 구매가 가능합니다.  저는 카카오톡을 이용해 구매 문의를 했으며 구매 시 필요한 정보는 1. 양 눈의 도수 2. PD 정보( 양쪽 동공의 거리 ), 3. 오큘러스 퀘스트2의 IPD 설정값 입니다.  1, 2번 시력 정보는 안과에 가서 안경 처방전을 받으면 됩니다. 안경 처방전 받으러 왔다고 하면 시력검사를 하는데 2021년 3월 10일 기준으로 저는 만 원 정도 들었습니다. PD 값을 요청하지 않으면 측정 안 해주는 곳도 있다고 하니 꼭 요청해야 합니다. (처방전이라고 해서 약국 처방전 생각했는데 그냥 명함 정도의 작은 ...

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

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

Visual Studio Code에서 글자수 계산하기

이미지
비주얼 스튜디오 코드에서 내가 작성한 글자의 수를 알고 싶을때 WordCounter 라는 플러그인을 사용하면 됩니다. 비주얼 스튜디오 코드가 설치되어 있는 PC에서 위에 있는 링크 페이지에서 'install'버튼을 누르면 에디터가 실행되면서 설치가 됩니다. 아니면 간단하게 에디터 플러그인 관리 화면에서 'wordcounter'검색하면 해당 플러그인을 설치할 수 있습니다. 플러그인이 설치되면 입력하는 글자에 대한 정보가 에디터 하단에 표시됩니다.

동물의 숲 디자인 에디터, 패턴을 QR코드로 변환

이미지
동물의 숲에서 디자인을 가지고 올 수 있는 QR코드를 보고 QR코드를 만들수 있는 게 있을까 싶어 찾아봤더니 웹 에디터가 있네요. https://acpatterns.com/ Browse는 사람들이 올린 패턴이 보이고, Editor는 제작툴 입니다. 웹으로 만들어진 도구라서 그런지 크롬 브라우저에서 페이지 번역을 하면 버튼과 설명이 한글로 보입니다. 좌측에 버튼을 눌러 패턴 설정을 할 수 있습니다. 번역된 내용을 보니 게임 내에서 수정을 하기 위해서는 정식 패턴 파일의 정보를 한 번 로드한 다음에 고유 정보를 카피해 둬야 한다는 것 같습니다. 그렇지 않으면 게임 내에서는 편집 불가라고 하네요. 화면에 직접 그릴 수 도 있고, 외부 이미지를 불러올 수 도 있습니다. 모든 작업이 끝나면 QR코드를 생성해서 스마트폰에서 인식 가능한 QR코드를 만들면 됩니다.

Visual Studio Code에서 일치하는 태그에 커서가 둘로 되는 옵션 끄기

이미지
언제부터인가 '비주얼 스튜디오 코드'에서 HTML 소스를 수정할 때 태그의 열림이나 닫힘 부분에 커서가 있으면 양쪽에 커서가 생기는 기능이 적용되어 있었습니다. 커서가 태그 이름에 있을 때만 적용됩니다. 아마도 태그를 수정할 때 유용하라고 만든 기능 같습니다. 하지만 저는 어색하고 불편해서 이 기능을 끄려고 합니다. 구글에 검색해도 해당 옵션에 대해 나오는 게 없었는데, 그냥 에디터 설정에 들어가서 '커서' 라고 검색하니 해당 옵션이 나왔습니다. '일치하는 HTML 태그에서 미러링 커서를 활성화/비활성화합니다.' (Mirror Cursor On Matching Tag) 위 옵션을 체크해제하면 해당 기능을 막을 수 있습니다.

내가 쓴 유튜브 댓글과 채팅을 확인하고 삭제하는 방법

이미지
지금까지 유튜브 영상을 보다가 작성했던 댓글을 확인하거나 지울 수 있는 경로입니다. 유튜브의 좌측 메뉴에서, '라이브러리 -> 기록의 모두보기' 혹은 '최근 본 동영상'을 누르면 페이지가 나옵니다. 오른쪽에 '댓글' 항목을 선택하면 지금까지 작성한 댓글들을 확인할 수 있습니다. '실시간 채팅' 항목의 경우, '실시간 스트리밍' 영상이나 '최초 공개' 도중 내가 작성했던 채팅 내용을 확인하고 지울 수 있습니다.