2024 캡스톤
1.[캡스톤_front] 시나리오 구성_1 exchange flow chart
요구사항을 정리했으니 이제 시나리오를 구성해야 한다.시나리오 작성은 완전 처음 해보는 거라, 시나리오 작성시 유의사항은 다음의 글을 참고했다.https://an-onymous.tistory.com/entry/%F0%9F%93%9D-UI-%EC%84%A4%EA%
2.[캡스톤_front] 시나리오 구성_2 전체 시나리오 정리
앞에서 요구사항에 대해 어떤 해결책을 사용하여 해결할지를 정리해보았다. 이제 해결책들을 바탕으로 전체적인 시나리오를 정리해보려고 한다. 앞에서 봤던 큰 분류대로, Account와 Exchange로 분류를 나누어 살펴보도록 하겠다.(Audit는 송금 내용에 포함시켜 설
3.[캡스톤_front] 개발_1. lottie 적용하기
사실 화면 명세는 피그마로 전부 완성이 되긴 되었는데..시간이 없어서 우선 개발이 끝난 후에 올리려고 한다ㅠ우선 lottie 적용법부터 알아보자!https://pub.dev/packages/lottie사실 플러터의 경우는 공식문서에 사용법이 잘 나와있는 편이라
4.[캡스톤 프론트] BLE 뽀개기_1 안드로이드에서 BLE 사용하기 기본개념
이번 캡스톤에서는 BLE 기술을 도입해서 사용하기로 하였다.단순히 블루투스를 이용해서 패킷을 주고 받는 것으로만 알고 있었는데, 생각보다 복잡한 내용이 많아서 정리를 해두려고 한다.우선 BLE의 기본 개념에 대해서 정리를 하고, 우리팀에서 사용하는 방식과 연관지어보려고
5.[캡스톤_front] BLE 뽀개기_2 BLE Protocol Stack 이해하기
안드로이드에서 BLE가 어떤 방식으로 구현되어 있는지를 보았으니, 이제 본격적으로 BLE 동작 과정을 이해해 보려고 한다. (생각해보니 나는 flutter로 구현할 것이긴 하지만..짜피 기본적인 개념은 같으니, 안드로이드나 flutter나 거기서 거기지 않을까? 하는
6.[캡스톤_front] BLE 적용하기_클론코딩 1
이제 BLE 개념에 대해 빠삭하게 알았으니 코드를 이용해서 BLE를 적용하는 방법을 낱낱이 알아보겠다.이 단계에서의 목표는, 우선 잘 정리 되어 있는 블로그 글을 클론코딩으로 따라해 본 뒤에 코드를 분석하면서 왜 이런 기능이 들어갔는지를 익히고, 코드를 클래스 단위로
7.[캡스톤_front] BLE 적용하기_내 custom uuid를 advertising 하도록 구성하기(with. method channel)
⚠️ 문제가 생겼다!원래 flutter_ble_plus에는 advertising 기능이 없어서 flutter_ble_peripheral을 이용하려고 했는데, flutter_ble_peripheral이 나온지 얼마 안된 플러그인이라 ios의 경우 불가능한게 너무 많고,
8.[캡스톤_front] Method Channel로 andriod native와 통신하기2_error 해결
모든 코드를 다 구현하고, 화면까지 띄웠는데 배터리 결과가 나오지 않는 것이다!!버튼을 누르면 이런 로그들만 뜨고, 결과는 실행되지 않았다ㅠㅠ이럴 경우 andriod native 통신이 안 되고 있다는 것인데, 뭔가 이상해서 andriod에 들어가보니이렇게 전체가 다
9.[캡스톤_front] QR_flutter를 이용해서 qr 생성하기
이제 qr_flutter를 생성해서 qr을 만들어보자! 이것도 공식 문서를 보니, 파고들자면 더 복잡하게 만들 수도 있겠지만 일단 시간이 급한지라...기본적인 생성 방법을 이용해서 생성하는걸 해보겠다! https://yj95.tistory.com/212#google_
10.[캡스톤_front] flutter custom keyboard 생성하기
은행 어플을 만들기 위해선, 숫자만 입력할 수 있는 간단한 형태의 custom keyboard가 필요하다.다행히 좋은 레퍼런스가 있어서 정말 많은 도움을 받으며 구현에 성공했다.https://www.youtube.com/watch?v=dfaFK561PAo정말
11.[캡스톤_front] GIT 브랜치 관리법
이번에 팀 프로젝트를 처음으로 하게 되면서, 깃 레포 관리가 매우 중요해졌다.우선 우리 팀의 경우 FRONT에서 진행하고 있기에
12.[캡스톤_front] flutter에서 api 요청해서 db 데이터 가져오기_main에서 진행
qr 코드 안에 db에 있는 데이터를 조회해서 넣기 위해서는, 우선 flutter에서 스프링으로 데이터를 요청하는 과정이 필요하다.이를 test 하기 위해서 일단 스프링으로 간단한 crud rest api를 생성해둔 상태이다.(원래 스프링만 했었어서 할때는 익숙했는데
13.[캡스톤_front] qr_flutter로 생성한 qr에 rest api로 호출한 데이터 넣기
이제 qr을 생성하는 방법, api로 데이터를 불러오는 방법도 알았으니, 불러온 데이터를 qr에 넣는 작업을 진행해보자.작업은 현재 진행했던 qr에 rest api 실습때 얻어왔던 데이터 정보들을 넣는 방식으로 진행할 것이다.가져올 예시 데이터의 형태를 보자.우리는 여
14.[캡스톤_front] qr_code_scanner 사용해서 생성한 qr에서 json data 받아오기
이제 api에서 요청한 정보를 담은 qr 코드를 생성하는 것까지 완료하였으니, qr을 scan하는 기능을 만들어야 한다.여기서 중요한 것은, qr을 스캔한 다음 그 안에 있는 data를 scanner가 잘 가져오는지를 test하는 것이다.Terminal에 다음을 입력해
15.[캡스톤_front] json 데이터 받아서 다음 화면으로 연결하기 + json 데이터 분리
future를 사용해야 하는가 아니면 navigator인가의 문제
16.[캡스톤_front] flutter custom keyboard 분석 & 이해하고 적용하기
https://velog.io/@sunj_0120/%EC%BA%A1%EC%8A%A4%ED%86%A4front-flutter-custom-keyboard-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0저번 시간에 이렇게 커스텀 키보드를 완성했다
17.[캡스톤_front] flutter custom keyboard 입력값을 더한 json 데이터를 다음 화면으로 넘기기
이제 입력받은 숫자 값을 더해서 다음 화면으로 넘기는 작업을 해볼것이다.목표는 입력 받은 숫자값을 더한 json을 생성해서 다음 화면인 송금 확인 화면으로 넘기는것!우선 이를 위해, 먼저 숫자 값을 json에 더하고, 다음 화면에서 데이터들이 잘 도착했는지를 검사해보도
18.[캡스톤_front] flutter api 값을 넘기고, request 받아서 화면 navigator 하기
귀찮아서 정리는 아직 안했지만..사실 어제까지 화면 전체적으로 다듬기 및 qr 가운데에 이미지 넣기 등전체적인 꾸밈요소 넣기는 전부 끝났다!그래서 오늘은, api로 보내기 위한 새로운 싱글톤 클래스를 생성하고그 클래스의 data 정보를 api로 보내서, 성공 요청을 받
19.[캡스톤_front] 지금까지의 구현 사항 흐름 정리하기_MainAccount(& api 요청으로 값 get 하기)
MainAccount는 워낙 Navigate되는 부분이 많아서 우선 단일 분석으로 구성했다. 흐름과 핵심 기능을 위주로 설명할 예정이다.여기는 내용이 상당시 길어서, 기능별로 잘라서 보도록 한다.우선 초기화와 관련된 부분이다. 이 화면에서는 로그인 세션을 통해 유져 정