![Screen Shot 2018-04-21 at 02.58.17.png](https://steemitimages.com/DQmUg1GpJv6omvFYrBY5p5XaEBYGpc8fsiJHfMuwdUEXUsH/Screen%20Shot%202018-04-21%20at%2002.58.17.png)

안녕하세요 @asbear입니다. 한주가 정말 빨리 지나갔네요. 벌써 주말입니다. 주말을 맞이하여 주중에 틈틈히 작업한 스팀페이 개발 진행상황을 알려드립니다. 이 글 대문은 제가 만든 캐치프레이즈인데요, 실물거래를 하는 실제 화폐라는 느낌을 주려는 의도가 담겨있습니다. 잘 다듬어서 앱 첫페이지를 만들때 사용해 보려고 합니다.


# Sell Real, Buy Real, Pay Real.
<br/>


# 첫 페이지
기능구현이 우선이라 첫페이지는 아무것도 없습니다. 
![Screen Shot 2018-04-21 at 02.43.28.png](https://steemitimages.com/DQmQTHqzJs4DzqGaPnjEtAeS5YHFuWTyQn5rMtzFbYRHTkD/Screen%20Shot%202018-04-21%20at%2002.43.28.png)

# 메뉴 서랍
왼쪽 위의  버튼을 누르면 메뉴 서랍을 엽니다. 
![Screen Shot 2018-04-21 at 02.43.35.png](https://steemitimages.com/DQmfTS5VZQb7pBuig1GLfabB4e7TeXV74DDiAi6TGkDR4U2/Screen%20Shot%202018-04-21%20at%2002.43.35.png)

# 설정
사용자 설정을 할 수 있습니다.
![Screen Shot 2018-04-21 at 02.52.23.png](https://steemitimages.com/DQmU8PAAT4fjNt7SfvHBieG4Jn7U5Xd7Y4dUt1qzXHMdnob/Screen%20Shot%202018-04-21%20at%2002.52.23.png)

계정명을 입력하여 스팀잇 계정을 추가할 수 있습니다.
![Screen Shot 2018-04-21 at 02.44.16.png](https://steemitimages.com/DQmTwTLUj5h1sqEjZN8VLvTSeX8pHVVkozsL3fwTU8WBKCt/Screen%20Shot%202018-04-21%20at%2002.44.16.png)

거래소 이름을 선택하고, 거래소 지갑 코드를 입력하면 거래소로 송금받을 수 있습니다.
![Screen Shot 2018-04-21 at 03.24.58.png](https://steemitimages.com/DQmTDSuekyKe5YEoBvhoq36RnU7zqWuyMSDVscD38NhdN1t/Screen%20Shot%202018-04-21%20at%2003.24.58.png)

여러 스팀 계정과 거래소 계정을 등록할수 있습니다.

![Screen Shot 2018-04-21 at 02.54.20.png](https://steemitimages.com/DQmRQgmihpgwddNFD1oGkHVMFmV3qkG9d6fn2d3VYKKuZS4/Screen%20Shot%202018-04-21%20at%2002.54.20.png)

# 계산서 만들기
미리 만들어놓은 계정을 선택하여 편리하게 계산서를 만들 수 있습니다.
![Screen Shot 2018-04-21 at 02.46.59.png](https://steemitimages.com/DQmZ3GQPYfvTDQp3Q6bjx2cQtrbLFi77XgzKPQS6yFDzhe6/Screen%20Shot%202018-04-21%20at%2002.46.59.png)

![Screen Shot 2018-04-21 at 02.48.10.png](https://steemitimages.com/DQmdiCihuuMRzZkhA4C5o7PnzkSCQ7i19qfDRmxBdx926U7/Screen%20Shot%202018-04-21%20at%2002.48.10.png)

계산서를 생성하면 QR 코드가 생성됩니다.
![Screen Shot 2018-04-21 at 02.48.21.png](https://steemitimages.com/DQmV7WWK35FQPkQmdVWndqroJCj1sNJS7cz9nvqZGydqjgk/Screen%20Shot%202018-04-21%20at%2002.48.21.png)

# 결제하기
앱에 내장된 QR 코드 스캐너로 직접 코드를 스캔 할 수 있습니다.
내장 스캐너는 꼭 사용할 필요는 없고, 원하는 스캐너 앱으로 스캔하면 됩니다.
현재 아이폰에서는 작동되지 않습니다만, 아이폰에서는 기본 카메라로 촬영하면 바로 스캔이 되므로 내장 스캐너보다 더 편리할듯 합니다.

![1.jpeg](https://steemitimages.com/400x0/https://steemitimages.com/DQmcMkdbzYn1PLgGmoJrpBTdVbwM3CNqwa83eFW3vFvHGuL/1.jpeg)

스캔이 완료되면 다음과같은 상세 정보가 출력됩니다.

![2.jpeg](https://steemitimages.com/400x0/https://steemitimages.com/DQmXMZ8sYuhQaLWmwK6YZwFUfzNXG25xP12tTxtaAYFjA6e/2.jpeg)

스팀커넥트로 결제합니다.

![3.jpeg](https://steemitimages.com/400x0/https://steemitimages.com/DQmSkBrbVKbR7vh6bYF52j2LrpkNzXHeiowSGmpDUiPyPmZ/3.jpeg)

# 기타 사항들
- 지난번의 프로토타입은 버리고 React App으로 새로 구현하고 있습니다.
- 백엔드는 AWS API GW와 Lambda, DynamoDB로 구현중입니다.
- 일주일 내에 첫 정식 버젼이 나올수 있을듯 합니다.
- 로그인 없이 사용할 수 있는 마지막 버젼이 될듯 합니다. 
- 먹스팀과의 직접적인 연동은 이번 버젼에서는 불가능하며 그 다음 버젼부터는 가능해질것입니다.
- Android App으로 출시하는것도 그 다음 버전에서 고려할 계획입니다.

아직 코딩할 부분도 많고 그래픽 작업도 필요해서 일주일안에 못낼지도 모르겠습니다만.. 요즘 스팀페이 사용하시는 분들이 계시다는 소문을 듣고나니 기운이 납니다. ^^

다음에 또 소식 전하겠습니다.

감사합니다.

---
증인투표 혹은 프록시 설정을 통해 저의 활동을 지지해 주실 수 있습니다.
https://steemit.com/~witnesses