seong

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

UserReqDto의 구조이다. 아래 보면 category는 오브젝트List형태이다. 단순 toJson을 해줄순 없기 때문에 따로 처리해줘야한다. 먼저 Category도 toJson,fromJson작성 Nested Structure toJson, fromJson하기 CategoryReqDto는 List로 감싸져있기 때문에 Map 으로 한번에 처리를 해준다. fromJson toJson 오브젝트 리스트 들을 map타입으로 하나하나 json으로 바꾼 후 다시 toList로 리스트로 만들어준다

LessonDetail 작성 Lesson을 만들었지만 Dto를 쓴다 엔티티는 리턴 하지 않는다. 페이지 별로 데이터가 각각 다르고 언제든지 변해도 상관 없게 하기 위해 Dto를 쓴다 import 'dart:ffi'; import 'review_resp_dto.dart'; class LessonRespDto { String lessonName; Int lessonPrice; Int lessonTime; Int lessonCount; String lessonPlace; String possibleDays; String lessonPolicy; String masterName; String masterImg; String masterIntroduction; List lessonReviewList; Lesson..

1. 백엔드 코드 레포 code 복사 해서 실행 2. 백엔드 DB 생성하기 순서대로 실행 - 이후 테이블은 따로 만들지 않음 -> JPA 사용중 CREATE USER 'green'@'%' IDENTIFIED BY 'green1234'; USER root; GRANT ALL PRIVILEGES ON finaldb.* TO 'green'@'%'; CREATE DATABASE finaldb; 3. .git삭제 -> 안하면 백엔드 본 코드에 푸시 된다. 내 git으로 다시 연결 해준다. 삭제 후 터미널에서 git remote - v로 끊켰는지 꼭 확인 4. 내 Git Repository 만들어서 연결 git init git remote add origin 깃주소 여기 까지 하면 완료 , 커밋 남기고 푸시 하면 ..

리뷰 작성 페이지는 생각보다 간단하지만 보통 앱을 사용해보면 리뷰 별점 주기는 색깔 없는 별 에서 사용자가 직접 별 아이콘을 눌러 색깔을 채워지는 형식으로 진행된다. 이 부분은 pub.dev에 있는 라이브러리를 활용할것이다. 그리고 아래 리뷰 작성 부분에 글을 작성 할 경우 키보드 버튼이 올라오는데 이부분은 이전에 사용했던 scrollAnimate를 사용해서 키보드가 올라오면 해당 작성 부분이 함께 올라오게 만든다. 별점으로 리뷰 주기 https://seong9566.tistory.com/254 실행 화면 전체 코드 import 'package:finalproject_front/constants.dart'; import 'package:finalproject_front/pages/components/cu..

별점 리뷰 RatingBar 사용하기 https://pub.dev/packages/flutter_rating_bar 1. pub.dev에서 RatingBar검색 2. pubspec.yml에 아래 처럼 추가 3.아래 코드 추가 import 'package:flutter/material.dart'; import 'package:flutter_rating_bar/flutter_rating_bar.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( h..

스와이프 만들기 https://seong9566.tistory.com/252 스와이프 위젯의 확인창 띄우기 그중 확인창을 띄우고 싶다면 confirmDismiss를 사용하면된다. 사용 방법은 DismissDirection 매개변수를 한개 받아 Future로 true,flase를 검증해 삭제 및 취소를 하는 방식이다. confirmDismiss 코드 주의할점 - onDismissed이전에 실행 되어야 한다. 내부 설명을 보면 ConfirmDismissCallback 함수는 Future의 bool값을 반환받기 때문에 async,await를 사용해주었다. confirmDismiss: (DismissDirection direction) async { return await showDialog( context: ..

Dismissible은 스와이프 위젯으로 대표적인 예로 채팅방에서 아이콘을 클릭해서 채팅방을 나가지만 Dismissible위젯을 사용하면 스와이프 효과로 나갈 수 있게 된다. 코드로 확인 Scaffold( appBar: _buildAppber(), body: ListView.builder( itemCount: 20, itemBuilder: (context, index) => Dismissible( background: Container( color: Colors.red, ), key: ValueKey(index.toString()), child: ListTile( title: Text("제목${index}"), ), ), ), ); 주의 사항 Dismissible이 필수로 받아야할 값 1. Key 2. ..