boxfox619 / linkbit-application Goto Github PK

송금시 0으로 시작하는 값을 입력하지 못해 소수점단위의 코인을 전송하지 못함.

Agenda

헤더를 App.js에서 구현할 수는 없을까?
-> react-native-navigation에서 자동으로 네이티브 스타일의 헤더를 만들어줌
-> 와우왕우 ㅇ,ㅇ bbbb~!
커밋 메세지를 영어로 쓰는 이유가 있나요?
-> 영어 공부할겸 저 스스로 하고있습니다..! ㅋㅋㅋ(문법 파괴를 밥먹듯이..)
-> 좋네요~!

~ 12.26

김성래
Transaction, Wallet API 수정
Transaction, Wallet 데이터 캐싱 API (StorageAPI) 구현
백엔드 API 수정

20181222,23

유미림
잠금 프로세스 적용중. 자세한 내용은 20번 이슈 확인

20181207

유미림
세팅뷰 네비게이션 적용
전체 메뉴 언어 적용
김성래
Transaction, Coin 조회 API 수정

20181206

유미림
eslint적용, 머지 오류 해결

20181205

유미림
eslint적용
김성래
Address 관리 API 구현

20181204

유미림
핀코드 확인 후 보안 설정 변경 가능
eslint적용
김성래
Address 관리 db 설계 및 구현

20181203

유미림
보안뷰에서 핀코드뷰로 들어가면 확인 로직 실행

20181129

유미림
보안뷰 컨테이너 컴포넌트 생성
김성래
react-navigation 적용 완료
주소관리뷰 구현 완료

20181127

유미림
세팅뷰에 i18n-js 적용

20181125

김성래
Mobx Store 구조 수정

20181126

김성래
address buy view 구현 완료

20181123

김성래
address buy view 구현
react-native-navigation 적용

20181122

김성래
address buy view 구현
React-native-navigation 적용

20181121

김성래
address management view 구현

20181118

김성래
component, container 구조 수정
address list view 구현

20181114

유미림
react-native-languages를 이용한 언어 변경 기능 구현 시도
expo eject 후 환경 설정

20181113

유미림
세팅뷰 컨테이너에서 구현하는 것으로 복원

20181111

유미림
설정 항목 TouchableOpacity로 감싸기
세팅뷰 컴포넌트로 분리
김성래
주소 목록 관리 뷰 구현

20181110

유미림
설정 화면 목 데이터로 구현
김성래
Topbar, Navbar 컴포넌트 구현

20181107

윤여환
react native navigation 적용해보기

목표

거래 내역 페이지 UI 개발

• 내 지갑을 누르면 거래 목록으로 이동 (이번 목표에서 삭제)
• 지갑의 자산 정보와 거래 내역을 보여주는 UI 제작
  • 
  • 

최초 실행시 Linkbit의 컨셉과 사용법을 안내하는 페이지를 표시할 필요가 있다고 생각됨

송금시 지갑 비밀번호 입력UI 누락

송금 완료 UI 개발 필요

외부 지갑을 앱에 import 하거나 외부에서 사용할 수 있게 export 하는 기능이 필요하다고 생각됩니다.
해당 기능이 없다면 기존에 다른 지갑을 사용하던 사람들의 진입장벽이 될가능성이 높습니다.

주소 구매 완료 디자인 수정 필요

address에 연결된 지갑 balance가 0인 현상

private key는 로컬을 떠나면 보안에 문제가 발생할 수 있기 때문에 현재 구조를 수정해야함

송금시 수수료설정하는 UI가 누락됨 개발 필요

트랜젝션을 전송하여 처리중일 때 (아직 block이 채굴되지 않았을 때)
송금 목록에서 전시되지 않는 현상 있음

• 출금액 0은 placeholder로 합니다. 금액을 입력할 때 0을 지우고 입력해야합니다.
• 출금액이 0으로 시작하는 금액은 입력하지 못하게 합니다.
• 출금액을 입력하고 다른 곳을 터치해도 숫자 패드가 없어지지 않아 불편합니다. (ETH제외)
• 송금하기를 터치하고 노티나 변화가 없습니다.
• 주소 00이 다음줄로 넘어가는것보다 자간, 글씨를 줄이면 좋을 것 같습니다!
  

에러메세지 포매팅하여 보여줌

Navigation하여 이동한 페이지의 헤더가 디자인 시안과 다름
라이브러리에의해서 안드로이드, IOS각각 다른 헤더 디자인이 사용되는 상황
디자인의 일관성을 위해 커스텀한 헤더 필요

출시후 유지보수할 필요가 없도록 서버를 제거하는 작업.
이더리움 API -> web3.js 로 클라이언트에 내장
가격정보 API -> 직접 API 요청
주소 연결 -> Firebase

• 송금 파트 UI 구현
  • 지갑을 통해서 송금하는 파트를 먼저 진행
  • 위 사항이 완료되면 친구에게 보내는 UI까지 구현

로컬에 저장되는 데이터 암호화

address create하는 부분에 SafeAreaView가 적용되지 않음

IOS에서 Expo를 이용해 터치아이디 동작을 확인했습니다. AOS는 프로세스 작업 후 도움 요청하겠습니다.
잠금 프로세스는 아래와 같이 구현 예정입니다. 현재 MobX에 설정 정보 세팅하였고 잠금 프로세스 구현중입니다. 커밋 정리하여 PR 생성하겠습니다.

관련 링크:
https://snack.expo.io/@adamjnav/fingerprint-example
https://docs.expo.io/versions/v25.0.0/sdk/fingerprint

[용어]
Pin Code => Passcode

[앱 잠금 프로세스]
잠금 사용하지 않는 것이 기본
설정 > 보안 > 암호잠금 off (토글) > 암호 설정 작업 후 > 암호잠금 on, Touch ID on
Touch ID만 off 가능
암호잠금 off > 암호잠금, Touch ID 모두 off

[MobX]
UserStore: language, currency, passcode, fingerprint
설정과 관련된 정보 저장
전체 메뉴에 화폐 통일

네비게이터와 핀 코드뷰인데 위에 여백이 다릅니다. 이정도는 괜찮을까요..?

@boxfox619 fyi

store 배포 방법 탐구

시안과 동일하지 않아서 수정필요함

지갑 생성뷰에서 생성하기 버튼을 누를 때 API 응답이 올 때 까지 로딩처리가 필요

@boxfox619 @firepunch fyi

Jest? Enzyme?

• 송금 요청은 전송되어 컨트렉트는 생성되지만 블록체인에 올라가지 않는것으로 판단됨
• 송금기능 백엔드 수정후 마무리

2019.02.03

boxfox 면접으로 인해 회의 한주 딜레이

다음 작업
김성래 : 보안 점검, 송금 기능 점검 및 수정
윤여환 : 지갑 검색 UI 수정, 송금 UI 수정 마무리
유미림 : language, currency 통합작업

2019.01.21

미림님 장염 ㅠㅠ

다음 작업
김성래 : HTTPS 적용, 송금기능 구현, Import 백엔드 기능 마무리, 앱 데이터 암호화
유미림 : 앱 잠금 기능 마무리
윤여환 : SafeArea 적용, i18n 누락된 부분 수정, 송금 비밀번호 입력 기능 마무리

2019.01.11

전체 트랜젝션탭 -> 주소 관리로 수정
핀번호 설정화면 -> 별도 액티비티로
다음 작업
김성래 : data management PR 마무리, wallet import 기능, 트랜젝션탭 수정
유미림 : 잠금프로세스 마무리, 남은 이슈 처리
윤여환 : 네비게이션바 마무리, 이슈 2개 해결 진행

2018.12.10

다음회의 : 12월 17일
송금, 지갑생성 뷰 마무리
eslint 적용됨
다음 작업
김성래 : 서버 연동
유미림 : QA, BugFix, 지문인식 기능 구현
윤여환 : Header 컴포넌트 구현, 디자인 통일 작업

2018.11.28

다음 회의 : 12월 10일
12.03 송금 뷰 마무리
12.04 셋팅 뷰 마무리
기능 분배
김성래 : 백엔드 개발, 서버 연동
유미림 : QA, BugFix
윤여환 : 지갑생성 페이지 구현

2018.11.15

회의는 채팅으로 하자
슬랙에 깃헙 연동되어있으니 노티 안해도 된다
자세한 사항은 깃헙 이슈나 풀리퀘를 이용하자

24일 목표
김성래: 주소관리 기능 완료, 지갑 생성 기능 구현
유미림: 셋팅 뷰 마무리
윤여환: 지갑 주소로 송금 기능 구현, 지갑 주소 송금 완료시 친구 송금 구현

2018.11.05

기능 분배
김성래 : 메인 뷰
윤여환 : 거래내역 뷰, 테스트
유미림 : 설정 뷰, 언어 설정 기능

개발 방법
Gitflow. 기능별로 develop branch에 PR -> 해당 기능 개발자 외 두명이 리뷰 후 머지
이슈는 자유롭게, 논의 필요할 경우 코멘트
이슈를 통해 진행상황 업데이트
데이터관리 : Mobx store / Api Mocking

여러 페이지가 개발됨에 따라 화면 전환을 하는 네비게이션 라이브러리가 필요하다고 생각됩니다.
제가 찾은 라이브러리들은 아래 두 가지 입니다. 둘중 어느것이 더 좋을지 의견 부탁드립니다. 혹시 다른 의견이 있으시면 의견도 부탁드립니다.

• https://wix.github.io/react-native-navigation/#/
• https://reactnavigation.org/en/

React native 자체적으로 제공되는 fetch의 사용성이 너무 떨어져서 axios로 대채하고자함.

https://infura.io/docs/gettingStarted/authentication

React Native를 위한 Ant desing 라이브러리는 다음과 같습니다.
https://github.com/ant-design/ant-design-mobile-rn

일반적인 웹 어플리케이션에서 활용되는 것을 보고 사용하기로 결정했지만, RN버전의 Ant design은 컴포넌트 수도 적고, 각 컴포넌트가 어떻게 보여지는지 데모도 없어 개발에 효율성을 오히려 떨어트릴것 같다고 예상합니다.

이에 Ant Design 을 사용할지 여부를 결정하고자 합니다.
Ant design을 한번씩 보시고 의견 부탁드립니다.

송금 UI에서 받는 주소를 입력한 후에 실제로 유효한 주소인지 확인 절차가 필요함

Travis

현재 화면이 어떤 일을 하고있는지 알려주는 역할을 해야함

Enhancement
초기화면 지문인식 -> 핀 번호로 암호해제
설정에서 저장한 단위(KRW, USD)를 모든 메뉴에 적용
주소록 UI 통일 (리스트, 버튼)
주소 검색 안됨

Bug
지갑 목록: 처음에는 2개, 선택하니 테스트까지 4개 보임
지갑 목록: 4번째 지갑 선택했는데 2번째로 자리 이동됨

'이더링'이라는 지갑을 최초에 생성하였는데 중복되어 만들어집니다.

설정 변경을 원한다면 스레드 달아주세요~

목표 : 오프라인 환경에서도 구동될 수 있는 서비스 Like PWA

• React-Native의 AsyncStorage 성능 측정 필요
• 데이터 캐싱 기능 구현(Transaction, Address, Coin Price, Wallet)
• 트랜젝션 캐싱, 네트워크 연결시 전송
• 기기 로컬 데이터 암호화

Link new wallet 터치 후 지갑 리스트의 여부와 관계없이 검색하면 undefined is not an object (evaluting 'n.linkedAddress.toLowerCase') 에러가 발생합니다.

송금 기능 중 보내는 주소 입력 input
validation debounce를 적용하여
유효하지 않은 주소 입력시 다음단계로 넘어가는 현상

지갑 Detail 페이지의 공유기능 구현 필요
주소 복사 -> 주소 목록 다이얼로그 -> 선택시 클립보드에 카피

Transaction -> address
텍스트 및 아이콘 변경

ERC 20 토큰을 보여주는 UI 설계 및 구현

아이폰 X 시리즈 이상부터 하단 홈버튼 디자인 이슈

Etherscan webview로 transcation 상세 페이지 기능 구현