'VUE'에 해당하는 글 8건

// .eslintrc.js
module.exports = {
  // (생략)
  globals: {
    $ref: "readonly",
    $computed: "readonly",
    $shallowRef: "readonly",
    $customRef: "readonly",
    $toRef: "readonly",
  },
};

global 변수 등록 해서 해결했습니다..

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

vue style 에 변수를 쓰는 신박한 방법

프로그래밍/개발메모 2022. 5. 12. 12:20

share this post

https://www.youtube.com/watch?v=PPrUWISAbmU&t=1s

응용할 생각도 못했는데 이런 방법이 있군요

v-bind(변수)

를 이용하면 되네요 실시간으로 고쳐지니 부드러운 에니메이션은 힘들어도 어느정도는 가능합니다.

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

잘쓰던 vue 의 yarn install 이 실패할때 ... / gyp / node-sass

프로그래밍/개발메모 2022. 4. 17. 23:48

share this post

(주렁주렁)
gyp ERR! cwd C:\\project\\git_sidnft\\sidnft_vue3\\node_modules\\node-sass
gyp ERR! node -v v16.14.2

잘쓰고 있었는데 구글애드센스 해보겠다고 설치했다 실패한후론 yarn install 이 동작하지 않더군요
node_modules 를 삭제하고 다시 설치해도 안되는 ㄷㄷ

에러 마지막에 node-sass 가 보이길레
일단 yarn remove node-sass 로 지워봤더니
yarn install 이 성공했습니다.

실행은 node_sass 가 없어서 안된다고 합니다.
다시 node-sass 설치를 했어요

# node 14는 
yarn add node-sass@4

# node 16은 
yarn add node-sass@6

이렇게 버전 구분해서 설치하시면 되겠습니다.
식겁이란게 이런거군요 순간 무서웠습니다.

이글이 도움이 되었습니다.
https://codingapple.com/forums/topic/sass%EC%84%A4%EC%B9%98-%EC%8B%9C-%EC%98%A4%EB%A5%98/

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

클레이튼 으로 가위바위보 강좌 / 영상

프로그래밍/강좌 2022. 4. 12. 23:36

share this post

블록체인에 흥미를 가질 수 있게 가위바위보 게임을 만드는 강좌를 만들었습니다. (만들만들)

블록체인에 흥미를 가지게 하는게 목적이긴한데 재미 있냐고 하면 그건잘 모르겠군요

https://www.youtube.com/watch?v=pF5-foXc_kw&t=1s

첫번째는 truffle 로 스마트컨트렉트를 올려봅시다.

https://www.youtube.com/watch?v=vrWV66J9B0g&t=2s

두번째는 vue 와 tailwind 로 웹페이지를 만들는 강좌 입니다.

세번째로는 UI 를 강화 시키는 강좌 입니다.

https://www.youtube.com/watch?v=wXUi4CsAf8E&t=110s

이후로 실시간 로그를 넣어서 좀더 업그레이드 시켜볼까 생각중입니다.

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

클레이튼 NFT 자판기 만들기 / 민팅 페이지 / 영상

프로그래밍/강좌 2022. 4. 12. 23:31

share this post

영상만드는 중에 조코딩님이 먼저 올리셔서 허망하게 날림으로 만들어졌습니다.

뭔가 좀더 업그레이드 해서 쓸모있게 만들어보려구요

웹호스팅으로 replit 을 사용하였고

웹프로그래밍은 vue 를 이용했습니다.

클레이튼은 truffle 개발하였습니다.

https://www.youtube.com/watch?v=RqZ4pUPF3Rc&t=166s

첫번째 강좌는 truffle 로 스마트컨트렉트를 올리는 강좌입니다.

https://www.youtube.com/watch?v=GF5YL0ycW7c&t=402s

두번째 강좌는 웹페이를 만들어서 올라간 스메트컨트렉트와 연동하는 작업입니다.

vue 와 tailwind 를 이용했습니다.

이후에는 유니티로 좀더 간지나게 사이트를 만들려고 준비중입니다.

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

caver-js import 해보기

프로그래밍/개발메모 2022. 3. 4. 15:49

share this post

제가 원한 방법은

커멘드에서

npm install caver-js

이렇게 설치하고 코드에서는

import Caver from 'caver-js';

이런식으로 사용하는걸 생각했었는데요
이방식은 제가 예전에쓰던 vue3 preview 에서는 쉽게 동작하더군요 하지만

vue3 / nuxt / svelt 에서는 안되네요
webpack 이 동작해야되는거 같은데 이상하게 안되네요
caver-js 내부에 fs 를 사용하려고 하는데 브라우져 환경이라 이러면 안되는데...

그래도 되는 방식을 찾긴했습니다.

html 코드의 body 밑에

<script 
   type="module"
   src="https://cdnjs.cloudflare.com/ajax/libs/caver-js/1.6.8/caver.min.js"
></script>

넣쿠요 코드에는

const Caver = window.Caver;

이런식으로 사용하면 동작했습니다.
caver-js 버전이 바뀌면 1.6.8 부분을 고쳐야겠지요?
클레이튼에서 공식적으로 운영하는 주소가 아닌문제가 걸리네요

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

prettier 설정했는데도 안되는 사람은 이것도 설정을

프로그래밍/개발메모 2021. 11. 20. 22:36

share this post

나는 설치 순서에 문제가 있는건지 매번 이문제가 발생하던데

다른 유튜버 영상에서는 한방에 잘되는데...

default formatter 라는걸 설정해줘야합니다.

설정창 여는방법은 [파일] -> [기본 설정] -> [설정] 메뉴를 이용하시고

default format 을 검색창에 입력하시면 [없음] 이라는 부분이 보일 것입니다.

여길 Prettier ~~~~ 로 설정하시면 정상 동자하게됩니다.

출처ㅣ https://www.youtube.com/watch?v=dKjsZVlyQIE

저작자표시

WRITTEN BY

: SIDNFT
게임개발자에서 WEBGL 웹개발자로 전환중

'VUE'에 해당하는 글 8건

티스토리툴바