[React Native] WHAN APP 개발 이야기 #2

avatar
(Edited)

whan_dapp_dev.png


안녕하세요. 안피곤입니다.

SCOT 등장 이전에는 스팀잇글을 태그별로 볼 수 있는 앱이 필요하다고 생각했었습니다. 하지만 요즘 SCOT 기반 Nitrous 사이트가 계속 생겨나고 있습니다. 그래서 해당 사이트의 글을 모아 볼 수 있는 앱이 필요하다고 생각하고 있습니다. 물론 각 서비스의 특성을 지닌 앱도 필요하다고 생각하고 있습니다. 예를 들면 왓차같은 영화 리뷰앱, 비블리(Bibly)같은 독서 리뷰앱, 아하 같은 QnA앱 이런 앱들도 만들어 보고 싶습니다.

스팀잇 블록기반의 댑(Dapp)의 장점은 크게 2가지라고 생각합니다. 첫번째는 사용자가 컨텐츠를 생산하면 보상(STEEM)이 주어집니다. 두번째는 해당 서비스 앱이 없어지더라도 데이터는 블록체인에 남아있습니다. 그래서 다른 앱이 그자리를 대신할 수가 있습니다.


이전글
SNAX토큰 에어드랍받기 위한 글 : WHAN APP 기획 개발 이야기


뉴비존님께서 예전에 한 장의 기획서를 저에게 전달해주셨습니다. 이게 벌써 한 달전이네요. 시간이 참 빠르다고 느껴졌습니다. 먼 미래에는 이 기획서를 AI에 입력하면 앱이 자동으로 생성되는 날이 왔으면 좋겠습니다. 그럼 앱개발자는 할일이 없어지겠지요? ㅎㅎ


이전에 올렸던 글 "WHAN APP 기획 개발 이야기"에 이어서 개발을 조금 더 진행했습니다. 우선 앱의 첫 화면은 피드 화면입니다. 그리고 각 SCOT 전환은 탭 스크롤링으로 바꿔봤습니다.

사실 개발은 조금 더 많이 진행했습니다. 하지만 조금씩 보여드리곘습니다. 왜냐하면 개발 시리즈를 써야하기 때문입니다. 한번에 다 보여주면 글쓸 분량이 없어지기 때문에... ㅎㅎㅎ



개발 내용

우선 SCOT 사이트 정보를 정리해서 config.js을 생성했습니다. SCOT 서비스 정보는 https://scot-api.steem-engine.com 에서 조회해서 확인했습니다.


그리고 StackNavigator를 생성합니다. 여기서 SCOT 토큰명이 탭 이름이 됩니다. 그리고 각 토큰에 해당하는 <FeedScreen> 컴포넌트를 생성합니다.


그 다음 TopTabNavigator 를 생성합니다. lazy: true 옵션을 사용하여 우선 렌더링을 하지 않습니다. 그리고 scrollEnabled: true 옵션으로 탭이 스크롤이 되도록 합니다. 나머지는 style 코드 내용은 탭 style에 대한 내용입니다.


댓글, 팔로우, 업보팅해 주시는 모든 분들 감사합니다.

항상 행복한 하루 보내시길 바랍니다.


vote, reblog, follow @anpigon



0
0
0.000
11 comments
avatar

네 ~ 조금씩 보여주세요? 전 잘 모르니 결과물만 주시구요!! ㅎㅎ
즐거운 한주 되세요~~

0
0
0.000
avatar

독거님은 댓글 가뭄에 단비 같은 존재입니다. 감사합니다.

0
0
0.000
avatar

Thank you for your continued support towards JJM. For each 1000 JJM you are holding, you can get an additional 1% of upvote. 10,000JJM would give you a 11% daily voting from the 700K SP virus707 account.

0
0
0.000
avatar

오옷 리엑트 네이티브로 하시는군요~리엑트 네이티브 재미있어요~!! 근데 개발해 갈수록 라이브러리가 꼬이는 현상이....ㅜㅠ(아직도 불안정한 부분이 꽤 있더라구요~)

0
0
0.000
avatar

맞습니다. 리액트 네이티브는 무척 재미있습니다. 그리고 버전업 하면서 점점 안정화되고 있습니다. 가끔 라이브러리 꼬이는 문제만 빼면 ㅠㅠ

0
0
0.000
avatar

스팀잇 안엔 어찌 이리도 능력자 분들이 많으신지ㅎㅎㅎ
신기하고 대단하십니다!! ^-^

0
0
0.000
avatar

감사합니다. 그리고 재미있게 봐주셔서 감사합니다. ㅎㅎ

0
0
0.000
avatar

codingman님이 anpigon님을 멘션하셨습니당. 아래 링크를 누르시면 연결되용~ ^^
codingman님의 [구글애드센스] 구글애드센서 후기

... 스티미언분이 티스토리를 운영한다고 하셔서 호기심이 생겼지만 귀찮아서 해보진 안했습니다. 오래 전이긴 하지만 anpigon이 스팀잇 글에다가 구글애드센스 광고를 단 github 블로그 글을 보고 나도 구글애드센스 광고를 외부에서 붙...

0
0
0.000
avatar

Hi @anpigon!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 2.614 which ranks you at #15952 across all Steem accounts.
Your rank has improved 208 places in the last three days (old rank 16160).

In our last Algorithmic Curation Round, consisting of 151 contributions, your post is ranked at #100.

Evaluation of your UA score:
  • Only a few people are following you, try to convince more people with good work.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

0
0
0.000