코딩, 독서, 여행, 영화, 맛집

안녕하세요. @anpigon입니다.

마스터 이더리움(Mastering Ethereum) 책을 보면서 정리한 글입니다. 아직 전체 내용을 다 보지는 못하였습니다. 하지만 궁금한 사항을 댓글로 문의하면, 최대한 답변해드리도록 노력하겠습니다.

책 전체 내용은 깃허브에서 볼 수 있습니다.
https://github.com/ethereumbook/ethereumbook

한강 길을 걷다가 달빛이 강물에 반사된 영동대교가 이뻐서 찍었습니다.

멀리 보이는 롯데타워가 구름에 가려졌어요.

안녕하세요. @anpigon입니다.

마스터 이더리움(Mastering Ethereum) 책을 보면서 정리한 글입니다. 아직 전체 내용을 다 보지는 못하였습니다. 하지만 궁금한 사항을 댓글로 문의하면, 최대한 답변해드리도록 노력하겠습니다.

책 전체 내용은 깃허브에서 볼 수 있습니다.
https://github.com/ethereumbook/ethereumbook

안녕하세요. @anpigon입니다.

이 포스팅은 제가 스팀잇과 프론트엔드 기술을 공부하고 앱을 구현하는 과정을 정리한 글입니다. 그래서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다.

이번에는 아래와 같이 보팅 내역을 볼 수 있는 페이지를 구현하였습니다.

안녕하세요. @anpigon입니다.

스팀잇은 허용한 HTML 태그와 속성만 입력할 수 있도록 되어있습니다. 그래서 스팀잇 소스를 분석하여 사용 가능한 HTML 태그와 속성을 파악하여 정리하였습니다.

스팀잇에서 사용가능한 HTML 태그는 아래와 같다. 아래에 포함되지 않은 HTML 태그는 사용할 수 없다.

한강 공원에서 기분 좋은 하늘 구름~

마인드풀니스 소개

피곤을 해소하는 방법 중 하나인 마인드풀니스를 소개합니다. 마인드풀니스는 뇌를 휴식하는 방법입니다. 마음 챙김 명상이라고도 합니다.

2007년 구글에서 SIY(Search Inside Yourself) 프로그램을 도입했는데, 이것이 마인드풀니스(Mindfuless) 의 시작이다. 지금은 구글뿐만 아니라 애플, 페이스북, 인텔 등 유명한 기업에서도 마인드풀니스를 운영하고 있다.

안녕하세요. @anpigon입니다.

이 포스팅은 제가 스팀잇과 프론트엔드 기술을 공부면서 앱을 구현하는 과정을 정리한 글입니다. 그래서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다.

이번에는 사용자 프로필을 보여주는 패널을 구현하였습니다. 아래 화면을 보시면 왼쪽 상단에 사용자 프로필을 보여주는 영역이 추가되었습니다.

안녕하세요. @anpigon입니다.

스팀잇은 UI 디자인이나 기능에서 불편한 점이 있습니다. 그래서 @armandocat님이 만든 Steemit More Info(한글 소개자료)와 @kyunga님, @yjiq150님, @bramd님이 만든 Steemit.com Enhancer을 사용합니다. 둘 다 크롬브라우저에서 작동하는 확장 프로그램입니다.

"한 번의 성공이 반드시 ‘영원한 성공’으로 귀결되지는 않는다!"

더글라스 케네디의 소설 《빅 픽처》를 시작으로 《파리5구의 여인》, 《모멘트》 다음으로 읽은 소설 《템테이션》이다. 초반에 약간 지루했지만, 중반을 이후에는 완전 몰입해서 읽었다. 이 책은 로스앤젤레스 할리우드를 배경으로 한 시나리오 작가의 파란만장한 삶을 그리고 있다. 그리고 그 과정에서 인생의 가치를 다시 생각하게 만든다.

안녕하세요. @anpigon 입니다.

뉴비분들을 위한 보팅 금액 계산기를 만들었습니다.

이 계산기는 보팅 금액을 소숫점 3자리까지 표시해줍니다.

https://anpigon.github.io/steemit/

아래는 보팅 계산기를 만들게 된 계기(?)입니다.

자신의 보팅 금액은 steemnow에서 제공하는 보팅 계산기로 계산 할 수 있습니다. 하지만 스팀 파워가 낮아서 보팅 금액이 $0.01 이하면 $0으로 표시됩니다.

이번 시간에는 스팀잇 로그인 기능을 구현해봅니다. 현재까지 구현된 전체 소스는 깃허브에서 확인 가능합니다.

저도 공부하면서 구현하는 중이라서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변해드리도록 노력하겠습니다.

이번 시간에는 vuex를 사용하여 로그인 기능을 구현합니다. Vuex의 중심에는 **저장소(store)**가 있습니다. 그리고 저장소는 애플리케이션 상태를 저장하고 있습니다. Vuex에 대한 자세한 설명은 가이드 문서의 링크로 대신합니다.

이번 시간에는 스팀잇 본문의 댓글을 가져와서 하단에 보여주는 기능을 구현해봅니다. 현재까지 구현된 전체 소스 내용은 깃허브(PostView.vue)에서 확인 가능합니다.

저도 공부하면서 구현하는 중이라서 설명이 많이 부족할 수 있습니다. 궁금한 사항은 댓글로 문의하시면, 최대한 답변 해드리도록 노력하겠습니다.

이번 시간에는 아래 화면과 같이 글 상세 내용을 볼 수 있는 화면을 구현해보도록 하겠습니다.

그리고 구현하고 있는 앱 이름을 Steemit 과 Blog를 합쳐서 Steemlog 라고 지었습니다.^^

이전글

• 스팀잇(Steemit)기반 앱 만들기 #1
• 스팀잇(Steemit)기반 앱 만들기 #2 - 최근글 가져오기
• 스팀잇(Steemit)기반 앱 만들기 #3 - 무한 스크롤 구현하기

이번 시간에는 스크롤을 내렸을때 글 목록을 자동으로 가져오는 기능을 구현해보도록 하겠습니다. 이런 기능을 인피니티 스크롤(Infinite Scroll) 또는 무한 스크롤이라고 합니다.

아래는 무한 스크롤이 구현된 화면입니다.

이전글

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

내 보팅 가치를 계산하는 공식이 궁금하여 자료를 찾아보았습니다.

다행히 @yoonsg님이 계산 공식을 잘 정리해 놓은 글이 있어서 참고하였습니다.

• [스팀잇 이야기] #2. 보팅의 가치는 어떻게 산출될까?

계산 공식을 100％ 이해하기는 어려웠습니다. 자바스크립트로 구현하면서 정리한 내용을 공유합니다.

이번 시간에는 스팀잇에 등록된 글을 가져와서 출력하는 화면을 구현하겠습니다.
저도 학습하면서 구현하는 중이기 때문에 설명이 부족할 수 있습니다.
양해부탁드립니다.

이전글

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

스팀잇 최신글을 가져와서 출력하는 화면 만들기

앱을 실행했을 때 처음에 보여질 메인화면를 생성하고 라우터(router)에 추가할 것입니다. 라우터에 대한 설명은 여기를 참고하세요.

스터디 목적으로 스팀잇 기반 서비스 앱을 자바스크립트(JS)로 구현해보려고 합니다. 그리고 모든 개발 과정들을 일지 쓰듯이 스팀잇에 남겨보려고 합니다.

구현하기 위해서는 HTML과 자바스크립트에 대한 기본적인 지식이 필요합니다. 그리고 다음 준비물이 필요합니다.

• NodeJS
• Visual Studio Code
• vuetifyjs
• vue.js
• steem-js

스팀잇을 공부하고 있는 스팀잇 초보입니다.
보상에 대해서는 많은 분들이 아는 내용이지만, 제가 이해한 방식으로 다시 정리하였습니다.

포스트_post을 작성하는 사람을 저자_author라고 하며, 포스트에 대해 보팅_voting하고 댓글_comment을 다는 사람들을 큐레이터_curator라고 합니다.
포스트에 대한 총 보상금_rewards 중 75％는 저자에게 전달되고, 25％는 큐레이터들에게 분배됩니다.

최근에 스팀잇에 관심을 가지고 스터디하고 있는 뉴비입니다.

하나 하나 차근 차근 공부하면서 블로그에 정리할 계획입니다.

보팅파워과 재생시간

보팅파워_{Voting Power}와 재생시간이 어떤 공식으로 계산 되는지 궁금하여 분석하여 보았습니다.

https://steemd.com/@아이디 에 접속하면 자신의 보팅파워를 쉽게 확인 할 수 있습니다.