Data Makes Our Future

| REST API 문서화? FE 개발자의 경우 화면과 로직에 집중하고,BE 개발자가 만든 무서 API를 보며 데이터 처리를 하게 되는데... 이때 개발 상황의 변화에 따른 API의 추가 or 변경할 때마다문서에 적용하는 불편함을 해결하기 위해 Swagger를 사용 Swagger ??는 API 목록을 웹에서 확인 및 테스트할 수 있게 도와주는 Library이다.Controller에 정의된 모든 URL을 확인할 뿐만 아니라목록, 명세 및 설명, 테스트까지 가능하다. || Swagger 적용 Swagger를 사용하기 위해먼저 pom.xml 에 springfox-swagger2springfox-swagger-uidependency를 추가해주어야 한다. /pom.xml123456789101112 io.sprin..

| REST API ? API : Application Programming Interface- 개방 interface- OPEN API와 함께 거론되는 기술이 REST이며, 대부분의 OPEN API는 REST 방식 지원 REST : Representational State Transfer- 하나의 URI는 하나의 고유한 리소스를 대표하도록 설계- Resource + HTTP Method (CRUD 처리)- URI + GET / POST / PUT / DELETE * 기존 Service에서는 적합한 View를 Client에 전달했다면, REST Service는 JSON/XML 형식의 data만 전달 * 암묵적인 표준- 하이픈(-)은 사용 가능하지만 언더바(_)는 사용 X- 특별한 경우를 제외하고 대문자 ..

.API Connection API Connection을 위한 예제를 살펴보려고 한다.예제에서는 request 후 response로 JSON Object를 받는 형태이다. JSON Object 사용을 위해 JSON.simple import 가 필요하다.plugin으로 사용 시 "여기"를,jar 파일을 사용할 경우 "여기"를 참고해보면 좋을 것 같다. JSON Parser 관련 정보는 아래 글을 참고해보자![API] Java JSONParser .example01 (GET) API 정보curl -X GET {BASE_URL}/example01 -H 'Authorization: {AUTH_KEY}' -H 'Content-Type: application/json' 1234567891011121314151617..

.계좌 QR코드 생성 사용자 계좌 목록을 보여주는 화면에서 QR생성 버튼을 누르면 QR코드를 생성시켜주도록 만들어보자. QR생성 버튼을 누르면 /qrcode page 로 이동하게 되고, qrcode.ejs 파일을 호출해준다.1234567/*Server.js*/ app.get('/qrcode', function(req, res){ res.render('qrcode');})Colored by Color Scriptercs 우선 qrcode 를 생성시켜주는 코드가 필요한데이미 잘 만들어진 코드들이 많아서 검색해서 사용해도 좋고 직접 만들어서 사용해도 무방하다. 나는.. 나중에 만들어보는걸로 하고 일단 잘 만들어진 코드를 이용해 볼 것이다."qrcode generator javascript" 로 검색해보면 왠만..

.거래내역조회 API 이번에는 거래내역조회 API 를 활용해보자.마찬가지로 명세서를 잘 읽어보자.사용자가 등록한 계좌의 거래내역을 조회할 수 있고, GET 방식으로 request 를 해주면 되겠다.그런데.. 요청 메시지에 포함할 항목이 전보다 좀 많다..ㅋㅋㅋ 입력해야하는 항목을 먼저 살펴보면, Header 부분에Authorization 은 Bearer(token type) + 자신의 access_token 을 입력하면 된다.access_token 은 사용자 토큰 발급 단계에서 받은 것이다. Paramater 부분에bank_tran_id 는 이용기관코드 + 'U' + 이용기관 부여번호 로 만들어진다.더 자세한 설명은 잔액조회 API 를 참고하면 좋을 것 같다. fintech_use_num 는 사용자정보조..

.잔액조회 API- 명세서를 읽어보자. 사용자 계좌의 잔액을 조회하는 API 요청 메시지 URL 형태와 요청 메시지 명세를 읽어보자. Header 부분에 Authorization 은 Bearer(token type) + 자신의 access_token 을 입력하면 된다.access_token 은 사용자 토큰 발급 단계에서 받은 것이다. bank_tran_id 인 은행거래고유번호는 주석에 링크가 있는데 생성 안내를 보면 아래와 같다. 즉, bank_tran_id 는 이용기관코드 + 'U' + 이용기관 부여번호 로 만들어진다.이용기관 부여번호는 위 설명대로 유일성을 보장해야하므로 값이 계속 변경되어야 한다.TESTBED 에서는 그냥 순차증가나 난수를 사용하는게 편리하다.무튼, 이용기관 코드는 금융결제원 테스트..

.사용자정보조회 API- 마찬가지로 명세서를 꼼꼼히 읽어보는게 좋다. 사용자의 고객정보 및 계좌목록을 조회하는 API 이다. 요청 메시지에서 Authorization 은 Bearer(token type) + 인데이 access_token 은 사용자 토큰 발급과정에서 받은 토큰 정보다.access_token 을 받으면서 user_seq_no 을 같이 받았는데 그 정보를 입력해주면 된다. 바로 코드를 작성하는 것 보다 postman 을 통해 request 과정에서 데이터가 잘 전달되었는지, 그리고 그에 대응하는 response 가 잘 오는지확인해주는게 코드 작성에 편리하다. 요청 메시지 명세에 따라 Header 와 Parameter 를 적절하게 채워보자.여기서 출력되는 계좌목록은 가입 시 등록한 계좌 정보다..

.Install JSON Web Token from npm - 웹표준 (RFC 7519) 으로서 두 개체에서 JSON 객체를 사용하여 가볍고 자가수용적인 (self-contained) 방식으로 정보를 안전성 있게 전달 (링크에서 자세한 설명을 볼 수 있었다)- install jsonwebtoken npm i jsonwebtoken - 여기서 jsonwebtoken을 decoding 할 수 있다. .Login 과정 1. 로그인- 로그인 페이지에서 로그인을 하게 되면 login.ejs 를 호출하게 된다.1234567/*Server.js*/ app.get('/login', function(req, res){ res.render('login');})Colored by Color Scriptercs login.e..