인프런 커뮤니티 질문&답변

한설님의 프로필 이미지
한설

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

Class와 Style 바인딩

vue3 에서 메소드에 대한 내용

작성

·

253

0

스팀블록체인 api를 불러오려고 하는데 과거의 경우와 많이 달라진 것 같습니다

예전의 경우 예제를 보니

<script>

import steem from 'steem' // 스팀잇 라이브러리 임포트

export default {

data () {

return { discussions: [] } },

methods: { getDiscussions () {

let query = { tag: 'kr', limit: 10 } // 스팀잇 최근글 가져오기

steem.api.getDiscussionsByCreated(query, (err, result) => { console.log(err, result) }) } },

created () { this.getDiscussions() } }

</script>

로 했다고 하는데 vue3의 경우로 하면 어떻게 되는지

vue3의 경우

const getDiscussions =()=> {

steem.api.getDiscussonsByCreated(querr, (err, result) => { console.log(err, result) })

}

로 했는데 잘안됩니다.제가 질문한 내용이 실전편에 해당되는 것인가요? 그럼 실전편까지 열심이 따라가겠습니다. 그렇지 않다면 좀 가르쳐 주세요

답변 2

0

한설님의 프로필 이미지
한설
질문자

네 그래서 vue3 문법대로 아래와 같이 해보았으나 결과가 나오지 않아서요

import steem from 'steem' export default { setup() { const avle = () => { steem.api.getDiscussionsByBlog({ tag: 'section-1', limit: 20 }, function (err, result) { console.log(result[0].title) }) } return { avle } } }

메소드에 뭐가 틀렸나 하는 생각이 드는데 잘 모르겠습니다

짐코딩님의 프로필 이미지
짐코딩
지식공유자

  1. 개발자도구 > 콘솔에 에러가 있는지 확인해 봐야할 것 같아요.

  2. function (err, result) 코드에서 err 객체에 에러가 발생되었는지 확인

  3. function (err, result) 코드에서 result 객체에 원하는 결과가 있는지 확인

그리고 Vue3 문법과 해당 라이브어리 사용법을 계속 연관지어서 공부하시면 많이 헷갈리실 거에요. 그냥 자바스크립트 파일 하나 만드셔서 해당 라이브러리 사용법을 숙지하신 후 코드(with vue3)적용 하시는 것은 어떨까요? 해당 라이브러리는 Vue3에 의존된 라이브러리가 아닌데 질문에서 느껴져서요. 분리해서 사고하시면 더 좋은 공부법이라 생각듭니다.

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

steem 라이브러리 사용법에 대한 질문인데요.

steem 라이브러리 사용법은 Vue3를 사용하냐 React를 사용하느냐 또는 일반 자바스크립트로 개발하냐에 따라 달라지지 않습니다.

제가 steem 라이브러리를 사용해보지 않았지만 깃헙 공식문서에 설치부터 사용법까지 자세히 나와있는걸 확인할 수 있습니다.

한설님의 프로필 이미지
한설
질문자

답글 감사합니다.

제가 스팀 블록체인을 이용하여 웹앱을 하나 만들어 보려고 강의를 신청했습니다. 일단 자바스크립트로 구현하는것은 되었는데 vue3에서 구현하는 것이 안되어서 마음이 조급한가 봅니다. 몇년전의 vue로 만든 사람이 있었는데 지금과는 환경이 많이 바뀐 것 같습니다.

짐코딩님의 프로필 이미지
짐코딩
지식공유자

몇 년전의 Vue(v2)는 Vue 2 기반으로 개발되었을거에요 🙂

현재 Vue3의 코드가 많이 다를 거에요(관련 라이브러리도요). 전체적인 비즈니스 로직 흐름(flow)을 참고하시고 자세한 코드는 배운내용을 활용하면 좋을 것 같아요.

한 번에 구현하려고 하면 오히려 더 돌아갈 수 있어요. 작게 쪼개서 생각하는 공부법을 권장드려요. 자바스크립트로 모듈로 구현하고 이러한 모듈을 통해 Vue3를 활용해서 UI에 보여주고 이렇게 작은 단위부터 만드시는 연습을 하시면 앞으로도 많은 도움이 되실거에요.

화이팅 💪

 

한설님의 프로필 이미지
한설

작성한 질문수

질문하기