[React Native] 영화 리뷰 모바일 앱 개발 이야기 #3

in #sct • 5 years ago (edited)

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

이 시리즈는 리액트 네이티브로 영화 리뷰 모바일 앱을 만드는 과정입니다.

코딩 마법사는 마법으로 앱을 금방 만들지만, 저는 한 땀 한 땀 노가다(삽질?)를 하면서 만들고 있습니다. 그리고 제가 속해 있는 Whan 개발팀에도 마법사가 여럿분 계십니다. 아직 Whan 개발팀의 존재를 모르시는 분은 뉴비존님이 작성한 "[출범식] WDT(WHAN DEV TEAM) 공식 활동 개시" 글을 읽어보세요.

어제 @nhj12311님이 Whan 개발팀에 합류하였습니다. 축하해주세요. 그래서 기념으로 Whan 개발팀을 삼국지 인물에 매칭 시켜 보았습니다. 이것은 순전히 저의 개인적인 의견입니다. nhj12311님은 제갈공명, 뉴비존님은 유비, 원사마님은 관우, 햄뽀이님은 장비, 그리고 제이콥님은 조운. 마지막으로 부기님은 마초입니다. 죄송합니다. ㅠ_ㅜ

댓글로 많은 분들이 응원해주셨습니다. 그래서 다시 코딩 의욕이 살아나고 있습니다. 제이콥님, 토크잇님, 독거노인님 모두 감사합니다.


이번에는 스팀커넥트를 이용한 로그인을 구현했어요. "[React Native] 스팀커넥트(Steemconnect) 로그인 만들기"에서 작성했던 코드를 재활용했습니다. 덕분에 금방 구현했습니다.


로그인 화면

로그인 화면에는 스팀 커넥션 로그인 버튼과 회원가입 링크가 보입니다. 나중에 포스팅 키로 로그인할 수 있는 기능도 넣을 생각입니다. 그리고 앱 로고 텍스트는 Sweet Sensations Personal Use 폰트를 사용했습니다. 개인적인 용도로는 무료로 사용할 수 있다고 명시되어 있습니다.


회원가입

회원가입 링크를 누르면 스팀 피플 사이트로 연결됩니다. 한국 사용자는 이곳에서 스팀잇 계정을 생성하는 것이 매우 간편하다고 생각합니다. 하지만 스팀 피플에서 회원가입할 때는 개인 정보를 입력해야 하기 때문에 이용약관을 잘 읽어보셔야 합니다.


스팀커넥션 로그인

스팀 커넥션 로그인은 모달 컴포넌트와 웹뷰를 사용하였습니다. 아직 스팀 커넥션 계정을 생성하지 않아서 eSteem-app 계정을 무단으로 잠깐 빌렸습니다.


다음은 스팀 커넥션 로그인 모달 컴포넌트를 구현한 코드의 일부입니다. 웹뷰에서 제공하는 onNavigationStateChange 이벤트 옵션을 사용하여 URL 변화를 캐치하여 accessToken을 취득합니다.


완성 화면

로그인 기능이 잘 동작하네요.


해피 코딩하세요~!

vote, reblog, follow @anpigon

#kr #kr-dev #jjm #thegivingtree #busy
5 years ago in #sct by
$2.24
  • Past Payouts $2.24, 0.00 TRX
  • - Author $1.76, 0.00 TRX
  • - Curators $0.48, 0.00 TRX
147 votes
Reply 11
Sort:  
  • Trending
    • [-]
     5 years ago 

    wonsama님이 anpigon님을 멘션하셨습니당. 아래 링크를 누르시면 연결되용~ ^^
    wonsama님의 [스팀] 모니터링 시스템 개발중

    ...pyberrysboy
    • 스팀툴즈 - 크롬웹스토어 / 스팀툴즈 - 메뉴얼
    anpigon
    • 스팀잇 업보팅 계산기
    jacobyu
    • JJM 홀더

      [-]
       5 years ago 

      부럽습니다~
      리스팀합니다

      [-]
       5 years ago 

      jungjunghoon님 리스팀 감사합니다.

      $0.00
        Reply
        [-]
         5 years ago 

        멋집니다~

        $0.00
          Reply
          [-]
           5 years ago 

          감사합니다~!

          $0.00
            Reply
            [-]
             5 years ago 

            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.00
              Reply
              [-]
               5 years ago 

              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.742 which ranks you at #13268 across all Steem accounts.
              Your rank has improved 96 places in the last three days (old rank 13364).

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

              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!
              • You have already shown user engagement, try to improve it further.

              Feel free to join our @steem-ua Discord server

              $0.00
                Reply
                [-]
                 5 years ago 

                big-tree-3443533_960_720.jpg

                아낌없이 주는 나무 후원으로 왔습니다:)

                $0.00
                  Reply
                  [-]
                   5 years ago 

                  항상 감사합니다.

                  $0.00
                    Reply

                    Coin Marketplace

                    STEEM 0.28
                    TRX 0.11
                    JST 0.031
                    BTC 68034.95
                    ETH 3846.82
                    USDT 1.00
                    SBD 3.66