seong

자동 로그인은 디바이스에 토큰 값이 있다면 서버에 유저 정보를 한번 초기화 시켜준다. 그리고 mainPaged에서 isLogin을 통해서 어디로 이동 할지 정해주었다. Controller - 로그인이 성공하면 서버에서 토큰 값을 주는데, 이 값을 디바이스 토큰에 저장해야한다 , 이 부분은 토큰 및 세션은 전역에서 사용해야 하기 때문에 UserServcie로 안적고 LocalService에서 처리 해준다. - 로그인 이후 Navigator에서 페이지 이동의 Stack관리를 해주어야 하는데 로그인을 하면 이전 페이지에 대한 정보는 어차피 필요 없기 때문에 RemoveUntil를 사용했다. LocalService - 디바이스에 토큰을 저장하기 위한 라이브러리 사용 : https://pub.dev/package..

아키텍처 - View : 클라이언트에게 보여지는 화면 - ViewModel : 화면이 가지고 있어야할 데이터들 - Controller : 비즈니스 로직을 담당 - Service : 서버와 통신, 파싱을 담당 - HttpConnector : 실질적인 서버와 통신을 하고 Response 를 돌려준다. 1. Controller 작성 - Service는 ref를 가지면 이후 ref때문에 모두 생성자로 넘겨주는 일이 발생 할 수 있다고 해서, 싱글톤 디자인 패턴을 사용했다. - 회원가입 페이지로 이동할 때 role값을 넘겨주어야하는데, 원래는 rout에 설계를 했었지만, 값을 넘겨주기위해서 MaterialPageRoute를 사용해서 argument로 넘겨주었다. - join메서드에서는 응답받은 ResponseDt..

그려야할 페이지는 아래와 같다. 1. TextField를 사용해서 클라이언트의 텍스트를 입력 받는다. 2. Form을 사용해서 상태 관리 3. 관심사는 Dialog를 사용해서 선택 기본 구조는 Scaffold -> Form -> FormField 이렇게 된다. 그리고 만들때 ScrollerController를 사용해서 TextField를 클릭시 키보드가 올라가게 해준다. 1. JoinPage 큰 구조 - 서버에 요청할 객체는 싱글톤으로 만들어서 계속 값을 입력할때 마다 Set해주었다. import 'package:finalproject_front/dto/request/auth_req_dto.dart'; import 'package:finalproject_front/pages/auth/components/..

이전 테스트에 이어서 진행 - https://seong9566.tistory.com/270 카카오 페이 pg사 연결 하고 결제 테스트 까지 진행해보기 1. 아임포트 가입 및 가맹점 번호 확인 (가맹점 번호 = 나) iamport홈페이지 -> 회원가입 -> 로그인 -> 왼쪽 패널에서 상점 * 계정 관리 -> 내 식별코드 확인을 해보면 , 내 가맹점 식별코드, REST API Key가 있다. REST API Key는 결제 이후 iamport 서버에 정보가 필요할때 사용된다. Ex)내 서버에 저장된 정보 iamport서버 정보 비교 2. 테스트 연동 하기 실 결제가 아닌 테스트만 할 것 이기때문에 테스트 연동을 해야한다. 카카오 페이지를 테스트 하기 위해서 테스트 -> 카카오페이 -> 카카오페이 -> 추가 만..

import를 사용해서 결제 기능을 개발 및 테스트 진행. 1. 아래 코드를 pubspec.yaml에 추가 dependencies: iamport_flutter: ^0.10.0 2. 프로젝트 -> ios -> Runner.xcworkspace -> finder에서 찾기 -> 열기 -> Runner -> info 에서 몇가지 설정 필요하다. 2-1. 외부에서 결제 이후 다시 돌아올 url 설정 3. 3rd party앱(예) 카드사 앱, 간편결제 앱 등)을 실행할 수 있도록 외부 앱 리스트를 등록 의존성 url_launcher 추가 url_launcher: ^6.1.7 필요한 값들 하나 씩 추가 4. App Transport Security설정 4-1. Android 설정하기 예제 코드를 이용해 실행 * 에..

ImagePick 라이브러리 사용했는데 이미지 선택 하려고 하면 에뮬레이터 연결이 끊키고 바로 꺼진다. ios는 이미지 선택 권한을 주어야 한다. 아래 코드를 ios -> Info.plist추가해주면 된다. NSCameraUsageDescription Access to take a photo by camera NSAppleMusicUsageDescription Access to pick a photo NSPhotoLibraryUsageDescription Access to pick a photo

Provider를 사용해 구현할 기본적인 아키텍처 구조 Store를 만들어서 로그인 이후 세션, 토큰에 대한 관리를 진행할 것이다. 1. View ->Controller로 요청 2. Controller -> Repository 요청 3. Repository -> Server 요청 -------------------------------- 요청하고 돌아온 응답은 Controller가 ViewModel(화면을 위한 Model)에 데이터를 갱신 시켜준다. 그럼 View는 ViewModel를 watch를 하고 있다가 데이터 변동이 일어난다면 다시 그림을 그려주는 방식으로 진행된다. 현재 회원가입 UI String username, password, email, phunNum, Category 이렇게 전달한다. ..

Spread 연산자 - 리스트 데이터를 나열된 상태로 명시해준다. (흩뿌린다고 생각하면 편하다). - 보통 기존의 리스트에 값을 추가하거나 변형할 때 사용한다. 깊은 복사 : 기존의 리스트를 그대로 복사해서 새로운 리스트를 만든다. 얕은 복사 : 기존의 리스트 주소값만 복사를 한다. 아래 예시를 보면 hashCode값으로 주소를 확인할 수 있다. Map의 List를 깊은 복사해보기 복사 하고 수정 해보기 삼항 연산자를 사용해 id가 1이라면 username값을 hyeon으로 바꾼다.