본문 바로가기

분류 전체보기51

[TIL] Flutter - RiverPod 사용법 복습 1. MVVM : Model + View + ViewModel1) 모델: 데이터를 서버에서 가지고 오는 계층, 데이터 클래스, 각 모델 별로 repository 가지고 와서 json을 객체로 변환해서 반환2) 뷰: 화면 구현하는 계층3) 뷰모델: 모델 계층(레파지토리)에서 데이터(모델 클래스) 가지고 와서 가공하는 계층- StatefulWidget에서 많은 역할을 수행하면 코드가 지저분해짐.- 동작원리ViewModel 구독하여 변경되는지 확인 -> 로직처리 -> 데이터 요청해서 받음 -> 받은 데이터 가공, 상태 업데이트 -> 자신의 상태가 바뀌었다고 알림 -> 뷰가 뷰모델을 구독하고 있으므로 상태 바뀌었다는 것을 감지하여 화면 업데이트- Flutter에서 RiverPod이라는 상태 관리 라이브러리.. 2024. 12. 5.
[TIL] Swagger Swagger백엔드에서 API 문서화 할때 자주 쓰이는 도구. 요청테스트도 가능사용방법1.Swagger 문서 확인API 명세서(Swagger)를 확인하여 요청 URL, HTTP 메서드, 요청/응답 데이터 구조를 파악2.Dart 코드 생성3. Dio 패키지 설치4. 읽기 작업(GET)// 클라이언트 코드: 서버 API 호출 및 데이터 처리Future> fetchUsers() async { final dio = Dio(); // HTTP 클라이언트 생성 final response = await dio.get(url); // 서버 요청 return (response.data as List).map((e) => User.fromJson(e)).toList(); // 데이터 변환}5.쓰기 작업(POST)Fu.. 2024. 12. 4.
[TIL] REST API Representational State Transfer- 서버의 DB 자원을 URL로 구분지어서 설계한 API- 요청 시 CRUD는 요청 메서드로 구분GET: 조회 - 서버에서 데이터를 가져올 때 사용POST: 생성 - 새로운 데이터를 만들 때 사용PUT: 수정 - 기존 데이터를 전체 수정할 때 사용PATCH: 부분 수정 - 데이터의 일부만 수정할 때 사용DELETE: 삭제 - 데이터를 삭제할 때 사용 tip)변수명에 오타가 있었을 때 잘못 선언한 변수 위에 커서를 위치시키고 F2를 누르면 그 변수를 사용하고 있는 모든 부분을 수정할 수 있다. 2024. 12. 3.
[TIL] market app 만들기 1.GestureDetector에서 context 사용할 때 builder로 감싸주면 따로 전달 받지 않아도 사용할 수 있음return Builder( builder: (context) { return GestureDetector( onTap: (){ SnackbarUtil.showSnackBar(context, '준비중입니다.'); }, 2024. 12. 2.
[TIL] openAPI 데이터 활용 프로젝트 폴더의 구조 및 역할- data : 모델 계층의 역할- repository: 데이터를 서버에서 가지고 와서 모델 클래스로 변환하는 레포지토리 클래스들이 들어감- ui: 페이지, ui, 뷰 모델이 각각 들어감사진하고 컨테이너가 겹쳐져 있을 때 스택 사용한다. 2024. 11. 29.
[TIL] Dart에서 Json 데이터 사용하기 통신할 때 보통 Json 형태의 String 데이터를 주고 받는다{ "name": "오상구", "age": 7}dart에서 사용해주기 위해 역직렬화를 해줘야 한다. (발음도 어려움ㅡㅡ;)역직렬화: json 형태의 문자열을 객체로 변환하는 것String -> Map -> 객체* String -> Map [jsondecode 함수]* Map -> 객체 [객체에 fromJson 네임드 생성자를 구현해서 사용]순서1. jsonDecode 이용해서 Map 형태로 변환2. 객체에 fromJson 네임드 생성자를 구현해서 사용 void main() {//이런 형태의 json 데이터를 dart에서 사용하고자 함. String petData = """{ "name": "오상구", "age": 7, "isMale" : .. 2024. 11. 28.

티스토리툴바