스팀잇(Steemit)기반 앱 만들기 #8 - 보팅 내역 보여주기

안녕하세요. @anpigon입니다. 이 포스팅은 제가 스팀잇과 프론트엔드 기술을 공부하고 앱을 구현하는 과정을 정리한 글입니다. 그래서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다. 이번에는 아래와 같이 보팅 내역을 볼 수 있는 페이지를 구현하였습니다. 구현된 앱은 steemlog.github.io...

Read

스팀잇(Steemit)기반 앱 만들기 #7 - 사용자 프로필 패널 구현하기

안녕하세요. @anpigon입니다. 이 포스팅은 제가 스팀잇과 프론트엔드 기술을 공부면서 앱을 구현하는 과정을 정리한 글입니다. 그래서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다. 이번에는 사용자 프로필을 보여주는 패널을 구현하였습니다. 아래 화면을 보시면 왼쪽 상단에 사용자 프로필을 보여주는 영...

Read

스팀잇(Steemit)기반 앱 만들기 #6 - 로그인 기능

이번 시간에는 스팀잇 로그인 기능을 구현해봅니다. 현재까지 구현된 전체 소스는 깃허브에서 확인 가능합니다. 저도 공부하면서 구현하는 중이라서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다. 이번 시간에는 vuex를 사용하여 로그인 기능을 구현합니다. Vuex의 중심에는 저장소(store)가 있습니다...

Read

스팀잇(Steemit)기반 앱 만들기 #5 - 댓글 보여주기

이번 시간에는 스팀잇 본문의 댓글을 가져와서 하단에 보여주는 기능을 구현해봅니다. 현재까지 구현된 전체 소스 내용은 깃허브(PostView.vue)에서 확인 가능합니다. 저도 공부하면서 구현하는 중이라서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변 해드리도록 노력하겠습니다. 이전글 스팀잇(Steemit)기반 앱 만들기...

Read

스팀잇(Steemit)기반 앱 만들기 #4 - 상세화면 구현하기

이번 시간에는 아래 화면과 같이 글 상세 내용을 볼 수 있는 화면을 구현해보도록 하겠습니다. 그리고 구현하고 있는 앱 이름을 Steemit 과 Blog를 합쳐서 Steemlog 라고 지었습니다.^^Steemit + Blog = Steemlog 이전글 스팀잇(Steemit)기반 앱 만들기 #1 스팀잇(Steemit)기반 앱 만들기 #2 - 최근글 가져오기...

Read

스팀잇(Steemit)기반 앱 만들기 #3 - 무한 스크롤 구현하기

이번 시간에는 스크롤을 내렸을때 글 목록을 자동으로 가져오는 기능을 구현해보도록 하겠습니다. 이런 기능을 인피니티 스크롤(Infinite Scroll) 또는 무한 스크롤이라고 합니다. 아래는 무한 스크롤이 구현된 화면입니다. 이전글 스팀잇(Steemit)기반 앱 만들기 #1 스팀잇(Steemit)기반 앱 만들기 #2 - 최근글 가져오기 무한 스크롤(I...

Read

스팀잇(Steemit)기반 앱 만들기 #2 - 최근글 가져오기

이번 시간에는 스팀잇에 등록된 글을 가져와서 출력하는 화면을 구현하겠습니다. 저도 학습하면서 구현하는 중이기 때문에 설명이 부족할 수 있습니다. 양해부탁드립니다. 이전글 스팀잇(Steemit)기반 앱 만들기 #1 스팀잇 최신글을 가져와서 출력하는 화면 만들기 앱을 실행했을 때 처음에 보여질 메인화면를 생성하고 라우터(router)에 추가할 것입니다....

Read

스팀잇(Steemit)기반 앱 만들기 #1

스터디 목적으로 스팀잇 기반 서비스 앱을 자바스크립트(JS)로 구현해보려고 합니다. 그리고 모든 개발 과정들을 일지 쓰듯이 스팀잇에 남겨보려고 합니다. 구현하기 위해서는 HTML과 자바스크립트에 대한 기본적인 지식이 필요합니다. 그리고 다음 준비물이 필요합니다. NodeJS Visual Studio Code vuetifyjs vue.js steem-js...

Read