전체 글 390

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초

LLM에서 단어와 단어, 문장과 문장 사이의 유사도는 3차원 Vector상의 점들로 표현된다. 거리가 가까울 수록 더 관련성이 높은 단어. https://projector.tensorflow.org/ Embedding projector - visualization of high-dimensional dataVisualize high dimensional data.projector.tensorflow.org 1. Claude Code 설치 및 실행https://code.claude.com/docs/en/overview#native-install-recommended\ 역슬러시가 줄바꿈 엔터다. 2. claude code model 셋팅Opus 가 가장 좋은 모델이긴한데 토큰도 가장 많이 먹음... cla..

🤖 AI/Claude 2026.02.27

[코드팩토리][Flutter][중급] 7. Flutter Provider(Riverpod) 실습

Provider 란?https://i-believe-in-me.tistory.com/492 [코드팩토리][Flutter][중급] Flutter Provider 란? Riverpod 란?(feat. 상태관리)1. Provider 란?특정 값의 상태를 전역에서 공유 및 관리하기 위한 도구. setState 보다 간결.데이터가 바뀌면 UI를 자동으로 다시 그려주기 위해 주로 사용. 2. Riverpod 란?Provider의 문제점을 해결한 버전i-believe-in-me.tistory.com 0. 기본 세팅Flutter_riverpod 설치https://pub.dev/packages/flutter_riverpod flutter_riverpod | Flutter packageA reactive caching a..

[코드팩토리][Flutter][중급] Flutter Provider 란? Riverpod 란?(feat. 상태관리)

1. Provider 란?특정 값의 상태를 전역에서 공유 및 관리하기 위한 도구. setState 보다 간결.데이터가 바뀌면 UI를 자동으로 다시 그려주기 위해 주로 사용. 2. Riverpod 란?Provider의 문제점을 해결한 버전.ProviderRiverpodBuildContext에 의존함위젯 트리 안에서만 사용 가능테스트가 불편함BuildContext 필요없음위젯 트리 밖에서도 사용 가능테스트하기 쉬움. 코드깔끔. 3. Provider의 종류Provider 종류return 값용도Provider아무 타입데이터 캐싱StateProvider아무 타입간단한 상태값 관리StateNotifierProviderStateNotifier를 상속한 값 반환복잡한 상태값 관리FutureProviderFuture 타..

[코드팩토리][Flutter][중급] 6. JsonSerializable, Retrofit, Dio interceptor

1. RestaurantModel 에 JsonSerializable 적용하기데이터 모델에서 json string 을 객체로 변환하는 부분을 JsonSerializable를 이용해서 간단하게 구현해보자. https://pub.dev/packages/json_serializable json_serializable | Dart packageAutomatically generate code for converting to and from JSON by annotating Dart classes.pub.devdependencies: json_annotation: ^4.9.0dev_dependencies: build_runner: ^2.10.4 json_serializable: ^6.10.0pubspec.ya..

[코드팩토리][Flutter][중급] 5. RestaurantDetailScreen 작업하기

1. Detail 스크린 클래스 만들기import 'package:flutter/material.dart';import '../../common/layout/default_layout.dart';import '../component/restaurant_card.dart';class RestaurantDetailScreen extends StatelessWidget { const RestaurantDetailScreen({super.key}); @override Widget build(BuildContext context) { return DefaultLayout( title: '불타는 떡볶이', child: Column( children: [ Re..

[코드팩토리][Flutter][중급] 3. Pagination 페이지네이션

로그인 후 배달 리스트가 나오는 화면 만들기.App bar, 리스트, 하단 Tab 버튼 만들기 1. App bar 만들기import 'package:flutter/material.dart';// 모든 Screen에 공통적으로 적용할 속성을 정의해주기 위해class DefaultLayout extends StatelessWidget { final Widget child; final Color? backgroundColor; final String? title; final Widget? bottomNavigationBar; const DefaultLayout({ required this.child, this.backgroundColor, this.title, this.bott..

[코드팩토리][Flutter][중급] 2. Authentication 인증 시스템

1. Token vs Session 1) Session: 유저의 정보를 데이터베이스에 저장하고 상태를 유지하는 도구.- Session은 특수한 ID 값으로 구성되어 있다.- 서버에서 생성되며 클라이언트에서 쿠키를 통해 저장된다.- 클라이언트에서 요청을 보낼 때 Session ID를 같이 보내면 현재 요청을 보내는 사용자가 누구인지 서버에서 알 수 있다. (요청때 마다 아이디와 비밀번호를 물어볼 필요가 없다)- Session ID는 데이터베이스에 저장되기 때문에 요청이 있을 때마다 매번 데이터베이스를 확인해야 한다.- 서버에서 데이터가 저장되기 때문에 클라이언트에 사용자 정보가 노출될 위험이 없다.- 데이터베이스에 Session을 저장해야 하기 때문에 Horizontal Scaling이 어렵다. 2) To..

[코드팩토리][Flutter][중급] 1. 기본 UI 작업하기

1. Color 값 선언해두기color.dartimport 'package:flutter/material.dart';// 주 색상const PRIMARY_COLOR = Color(0xFF22A45D);// 글자 색상const BODY_TEXT_COLOR = Color(0xFF868686);// 텍스트필드 배경 색상const INPUT_BG_COLOR = Color(0xFFFBFBFB);// 텍스트필드 테두리 색상const INPUT_BORDER_COLOR = Color(0xFFF3F2F2); 2. custom textform filed 위젯 만들기custom_text_form_field.dartimport 'package:flutter/material.dart';import '../const/color..

[Flutter] 미세먼지 앱 만들기(HTTP, JSON)

인프런 코드팩토리님의 Flutter 강의를 정리한 내용입니다.인프런 파트너스 활동의 일환으로, 판매 발생 시 수수료를 제공 받습니다. * 출처: https://inf.run/bGFy4 [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!| 코드팩토리 - 인프런현재 평점 4.9점 수강생 5,388명인 강의를 만나보세요. iOS 앱과 Android 앱을 코드 한번만 작성해서 모두 제작한다! 코드팩토리의 Flutter 초보 탈출 강의! 디테일한 이론과 흥미로운 프로젝트를 진행www.inflearn.com1. Font, Color 정의하기import 'package:dusty_dust/screen/home_screen.dart';import 'package:flutte..