2020년에 vue2.x로 프로젝트 만들었던 기억이 난다. 시대는 변하네. 다음 명령으로 Vue프로젝트 작성 npm init vue@latest 번호질문내용1Project name프로젝트명을 입력하면 해당 이름으로 폴더가 작성됨2Add TypeScript?Vue 프로젝트를 TypeScript로 기술할 것인지를 선택3Add JSX Support?JSX를 사용할지를 선택. JSX는 자바스크립트 코드 내에 HTML을 기술할 수 있는 확장기능.4Add Vue Router for Single Page Application development?Vue Router를 이용할 것인지를 선택. 사용하게 되면 SPA를 비교적 간단히 작성할 수 있음.5Add …
더 읽기 »
WSL에 Vue 개발환경 설정하는 법 WSL을 사용하여 Windows에 Linux 설치 Windows 또는 Linux용 Windows 하위 시스템 중 어디에 설치해야 하나요? Linux용 Windows 하위 시스템에 Vue.js 설치 WSL2(Ubuntu)でGitHubを使用する WSL 속에서 SSH형식으로 git clone하기 위해 위 링크를 참고하여 ssh key를 등록하고, github의 리포지토리 클론 주소의 SSH를 복사. 잘 되었다! 참고로 ssh 키를 만들 때 passphrase를 입력하면 매번 해당 내용을 입력해야 해서 불편하니, …
더 읽기 »
1, 2년전부터 일본에서도 손쉽게(?) 한국 음식을 맛볼 수 있게 되었다. 원래 부침개(찌지미)나 삼겹살 정도는 접할 수 있었는데 최근에는 세븐일레븐이나 로손 등의 편의점에서 한국음식 특집 등을 진행하고 있어서 자주 먹게 된다. 물론 일본식으로 맵지 않고 달게 조정된 것이 많긴 하지만, 꽤 한국적인 제품들도 많이 등장하고 있다. 인스턴트 순대나 족발 등을 한국식 편의점(칸비니韓ビニ)에서 살 때면 가게에서 제대로 된 음식을 먹고 싶다는 생각이 …
더 읽기 »
아내에게 뉴에라 9FIFTY 스트레치 스냅 박스 로고 블랙 × 블랙(9FIFTY ストレッチスナップ ボックスロゴ ブラック × ブラック)을 선물받았다. 머리가 큰 편+뒤통수가 뾰족해서 큰 사이즈의 캡(야구 모자)이 아니면 쓸 수 없어서, 뉴에라의 XL 사이즈를 부탁했다. 오래전에 한국에서 뉴욕양키즈를 썼었는데, 정말 오랜만에 캡을 쓰게 되었다. 편의점에 갈 때 이외에도, 나들이에도 활용할 수 있을 것 같다.
더 읽기 »
문제 없이 사용중이던 무비스트(Movist)가 갑자기 재생되지 않는 문제가 생겼다. 현재 사용중인 무비스트 버전은 2.9.5(138) 지금껏 파인더(Finder)에서 동영상 파일을 더블클릭하면 자동으로 재생되었는데, 왜인지 재생되지 않고 프로그램만 기동한 상태를 유지한다. 무비스트가 동영상 재생용 기본 플레이어로 지정되어 있음 무비스트를 기본 플레이어로 다시 지정해보기도 했지만 문제는 여전했다. 뭐… 무비스트를 실행한 뒤에 파인더의 동영상 파일을 수동으로 드래그&드롭하여 무비스트로 집어 넣으면 재생되기는 했다. 그래도 더블클릭을 사용할 …
더 읽기 »
2023년 5월 1일부터 유니클로(Uniqlo)에서 판매중인 드래곤볼 티셔츠를 두 장 구매. 아내에게도 흰색 티셔츠를 한 장 선물했다. 한 장에 1500엔. 999엔이면 더 기뻤을 듯. 드래곤 볼 × UT 컬렉션: 공식 사이트https://www.uniqlo.com/jp/ja/special-feature/ut/dragon-ball 내가 구매한 티셔츠는 01.손오공 소년편(흰색), 03.사이어인편(파란색)이다. 2017년부터 유니클로의 UT를 가끔 구매하는데 마리오가 가장 많았고 귀멸의 칼날 등의 애니메이션 작품을 사기도 한다. 결혼하고 나서 패션(?)에도 신경을 써주는 아내 덕분에 신상품 정보를 …
더 읽기 »
구글 사이트킷(site kit for wordpress by google)은 이전에도 한 번 시도했다가 오류 때문에 활성화하지 못한 플러그인이었다. 처음에는 베타 버전이라서 그렇겠지… 했었는데 정식 버전이 출시된 이후 꽤 지났으니 다시 시도해도 같은 오류가 발생했다. 알 수 없는 오류입니다 (코드: invalid ‘client_id’ or ‘client_secret’) Error connecting Site Kit Get help 링크를 클릭하면 이 문서로 연결됐다. 문서에 따라 워드프레스의 Health Check & Troubleshooting 플러그인을 …
더 읽기 »
풀로 재택근무가 가능한 직장으로 옮긴 뒤에 회사에서 지급받은 노트북으로 프로그램 개발을 하고 있는데, 지구 온난화의 영향으로 4월부터 상당히 덥기도 하고, 모바일 프로세서를 한계까지 부려먹는(^^;) 개발 환경이라 노트북 냉각 패드를 하나 구매하기로 했습니다. LiANGSTAR ノートパソコン冷却パッド 8つ冷却ファン ノートPCクーラー 7段階高さ 角度調整 風量調節 冷却台 2つUSBポート 静音 スマホンスタンド付き 最大17.3インチまで対応 3000엔 정도로 구매할 수 있고, 아쉽지만 USB-C가 아닌 전통적인 케이블로 연결하는 제품입니다. 쿨러가 8개가 달려 있지만 …
더 읽기 »
2023-04-01 학습 재개 watch는 연산(computed) 및 메서드와 같이 객체를 취한다. 정확히 말하면, 데이터 프로퍼티나 연산 프로퍼티에서 사용한 이름을 감시자에서 이름으로 사용할 수 있음. 위의 경우, name이 변경될 때마다 감시자 메서드가 재실행됨. this.name이라고 참조할 필요도 없으며, 아래처럼(value) 적어도 동일. watch 프로퍼티의 마지막 값을 인수로 가져오기 때문. watch: { name(newValue, oldValue) {...} } 위와 같이 두 번째 인수(watch 프로퍼티의 이전 값)를 …
더 읽기 »
v-model: v-bind:value와 v-on:input의 축약어. v-model은 양방향 바인딩. 데이터 바인딩과 이벤트 처리의 결합. html내에 메소드를 넣어서 직접 실행시키는 것은 좋지 않다. 다른 행동(관계 없는 버튼 클릭 등)을 하더라도 매번 해당 메소드를 재시작하게 됨. HTML 코드 내에 직접 메소드의 내용을 써버리면 매번 실행하지 않게 되지만, HTML 코드 내에 로직을 넣는 것은 좋지 않음. HTML은 웹 페이지의 구조와 콘텐츠를 정의하기 위한 마크업 언어입니다. …
더 읽기 »