Yaongi.Com :: The Count of Yaongi

vue <template> 안에 <script> tag 사용하기

야옹이백작 — Fri, 8 Oct 2021 22:01:31 +0900

any_filename.vue에서 다음과 같이 <template> 안에 <script>를 작성하는 경우 에러가 발생한다.

<v-row>

<v-col height="100%" width="50%">

...

</script>

...

</template>

Failed to compile.

./src/views/Facade.vue?vue&type=template&id=efb03358& (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01f4ff74-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Facade.vue?vue&type=template&id=efb03358&) Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Errors compiling template: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed. 11 | <div id="view_de346"></div>

reference : 가우테 멕 올슨 (gaute.dev)

macos에서 vs code, vue, vuetify 설치 시 참조

야옹이백작 — Wed, 6 Oct 2021 14:14:45 +0900

1. vs code (https://code.visualstudio.com/download)

2. powershell (referer: MacOS에 PowerShell 설치 - PowerShell | Microsoft Docs)

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 
$ brew install --cask powershell

3. vue

vs code의 terminal 메뉴의 새 터미널을 선택

$ npm install -g @vue/cli

4. vuefity

$ vue create my-app

$ cd my-app

$ vue add vuetify

? Choose a preset: (Use arrow keys)

Default (recommended)

Preview (Vuetify 3 + Vite)

Prototype (rapid development)

> V3 (alpha)

Configure (advanced)

5. misc.

5.1 permission deied, access node_modules (referer : https://stackoverflow.com/questions/48910876/error-eacces-permission-denied-access-usr-local-lib-node-modules/51024493#51024493)

npm ERR! path /usr/local/lib/node_modules

npm ERR! code EACCES

npm ERR! errno -13

npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! errno: -13,

npm ERR! code: 'EACCES',

npm ERR! syscall: 'access',

npm ERR! path: '/usr/local/lib/node_modules' }

...

First check who owns the directory

ls -la /usr/local/lib/node_modules

it is denying access because the node_module folder is owned by root

drwxr-xr-x 3 root wheel 102 Jun 24 23:24 node_modules

Then change owner

sudo chown -R $USER /usr/local/lib/node_modules

5.2 node_modules 디렉토리 권한 설정 변경시 su:Sorry (referer : https://devmg.tistory.com/177)

Computer:~ user$ sudo -s

bash-3.2# passwd root

6. test

$ cd <project-name> $ npm install $ npm run dev

아이패드에서 사용하려고 구입한 광각 렌즈

야옹이백작 — Mon, 11 Jul 2016 09:37:25 +0900

경치가 너무 좋아서 iPad로 사진찍으면 시야각이 좁아 제대로 표현되지 않는 경우가 많아 늘 불만이었다.

조금이라도 더 사진에 담을 수 없을까? 궁리하던 중 포인트 등을 활용해서 5천원 정도의 저렴한 광각 렌즈를 하나 구입했다.

가격 대비 성능/만족도도 높아지겠지만 난 전문 사진작가가 아닌 막~ 찍는 사람이니 이 정도면 만족할만한 렌즈가 아닐까 한다.

오늘은 여유롭게 공항에 도착

야옹이백작 — Tue, 21 Jun 2016 18:35:58 +0900

다른 날보다 20분 정도 일찍 출발하니

청주공항에 1시간 30분 일찍 여유롭게 도착했다

오송역에서 청주공항행 버스(747번)를 50분 간격으로 운영하다보니

오송역으로 도착하는 몇 분 차이로

공항에 도착하는 시간이 확~달라진다

철도, 리무진버스, 시내버스 등 대중교통이 드문드문 운영되고 있어서

유성에서 청주공항까지 약2시간은 걸리는 것 같다

자가용 빼곤 머든 불편하니 이건 좀 개선이 필요할 듯 하다

하다못해 747번 버스를 최소 30분 단위로 좀 줄여줬으면 좋겠다

제주도 지도

야옹이백작 — Wed, 15 Jun 2016 17:30:19 +0900

spigen 거치대

야옹이백작 — Thu, 10 Sep 2015 10:20:58 +0900

대전에선 그다지 거치대의 필요성이 없었는데

출장갈 때마다 길을 몰라 네비에 의존할 수 밖에 없다..

커브돌때마다 이리저리 쓰러지는 핸드폰을 고정하기 위해 어쩔 수없이 하나 장만했다..

비누만들기

야옹이백작 — Fri, 31 Jul 2015 11:58:39 +0900

사려니숲길

야옹이백작 — Fri, 17 Jul 2015 18:14:29 +0900

걸어보고 싶었던 사려니숲길....

비자림숲길보다 더 좋다...

화산송이길...

천미천?

산수국이란다. 산굼부리에도 피어있어서 흔한 잡초인지 알았는데.. ㅡㅡ^

이 산속까지 와서 시멘트길을 걸어야 하나...

산굼부리 억새밭

야옹이백작 — Fri, 17 Jul 2015 18:06:29 +0900

결혼의 여신에서 남상미-이상우가 만나는 곳... 산굼부리 억새밭...

이런 것을 기대하고 왔지만...

위기의 구상나무

야옹이백작 — Fri, 17 Jul 2015 18:04:13 +0900

크리스마스트리 =구상나무....

한라산이 원산지이지만, 재산권은 미국에...