@su-record/vibe 2.4.17 โ†’ 2.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/.claude/settings.json +48 -48
  2. package/.claude/settings.local.json +28 -28
  3. package/.claude/vibe/constitution.md +184 -184
  4. package/.claude/vibe/rules/core/communication-guide.md +104 -104
  5. package/.claude/vibe/rules/core/development-philosophy.md +52 -52
  6. package/.claude/vibe/rules/core/quick-start.md +120 -120
  7. package/.claude/vibe/rules/languages/dart-flutter.md +509 -509
  8. package/.claude/vibe/rules/languages/go.md +396 -396
  9. package/.claude/vibe/rules/languages/java-spring.md +586 -586
  10. package/.claude/vibe/rules/languages/kotlin-android.md +491 -491
  11. package/.claude/vibe/rules/languages/python-django.md +371 -371
  12. package/.claude/vibe/rules/languages/python-fastapi.md +386 -386
  13. package/.claude/vibe/rules/languages/rust.md +425 -425
  14. package/.claude/vibe/rules/languages/swift-ios.md +516 -516
  15. package/.claude/vibe/rules/languages/typescript-nextjs.md +441 -441
  16. package/.claude/vibe/rules/languages/typescript-node.md +375 -375
  17. package/.claude/vibe/rules/languages/typescript-nuxt.md +521 -521
  18. package/.claude/vibe/rules/languages/typescript-react-native.md +446 -446
  19. package/.claude/vibe/rules/languages/typescript-react.md +525 -525
  20. package/.claude/vibe/rules/languages/typescript-vue.md +353 -353
  21. package/.claude/vibe/rules/quality/bdd-contract-testing.md +388 -388
  22. package/.claude/vibe/rules/quality/checklist.md +276 -276
  23. package/.claude/vibe/rules/quality/testing-strategy.md +437 -437
  24. package/.claude/vibe/rules/standards/anti-patterns.md +369 -369
  25. package/.claude/vibe/rules/standards/code-structure.md +291 -291
  26. package/.claude/vibe/rules/standards/complexity-metrics.md +312 -312
  27. package/.claude/vibe/rules/standards/naming-conventions.md +198 -198
  28. package/.claude/vibe/setup.sh +31 -31
  29. package/.claude/vibe/templates/constitution-template.md +184 -184
  30. package/.claude/vibe/templates/contract-backend-template.md +517 -517
  31. package/.claude/vibe/templates/contract-frontend-template.md +594 -594
  32. package/.claude/vibe/templates/feature-template.md +96 -96
  33. package/.claude/vibe/templates/spec-template.md +199 -199
  34. package/CLAUDE.md +333 -333
  35. package/LICENSE +21 -21
  36. package/README.md +205 -205
  37. package/agents/compounder.md +261 -261
  38. package/agents/diagrammer.md +178 -178
  39. package/agents/e2e-tester.md +266 -266
  40. package/agents/explorer.md +48 -48
  41. package/agents/implementer.md +53 -53
  42. package/agents/research/best-practices-agent.md +139 -139
  43. package/agents/research/codebase-patterns-agent.md +147 -147
  44. package/agents/research/framework-docs-agent.md +181 -181
  45. package/agents/research/security-advisory-agent.md +167 -167
  46. package/agents/review/architecture-reviewer.md +107 -107
  47. package/agents/review/complexity-reviewer.md +116 -116
  48. package/agents/review/data-integrity-reviewer.md +88 -88
  49. package/agents/review/git-history-reviewer.md +103 -103
  50. package/agents/review/performance-reviewer.md +86 -86
  51. package/agents/review/python-reviewer.md +152 -152
  52. package/agents/review/rails-reviewer.md +139 -139
  53. package/agents/review/react-reviewer.md +144 -144
  54. package/agents/review/security-reviewer.md +80 -80
  55. package/agents/review/simplicity-reviewer.md +140 -140
  56. package/agents/review/test-coverage-reviewer.md +116 -116
  57. package/agents/review/typescript-reviewer.md +127 -127
  58. package/agents/searcher.md +54 -54
  59. package/agents/simplifier.md +119 -119
  60. package/agents/tester.md +49 -49
  61. package/agents/ui-previewer.md +137 -137
  62. package/commands/vibe.analyze.md +260 -260
  63. package/commands/vibe.reason.md +223 -223
  64. package/commands/vibe.review.md +213 -213
  65. package/commands/vibe.run.md +935 -935
  66. package/commands/vibe.spec.md +442 -442
  67. package/commands/vibe.utils.md +101 -101
  68. package/commands/vibe.verify.md +282 -282
  69. package/dist/cli/collaborator.js +52 -52
  70. package/dist/cli/detect.js +32 -32
  71. package/dist/cli/index.js +0 -0
  72. package/dist/cli/llm.js +144 -144
  73. package/hooks/hooks.json +195 -195
  74. package/package.json +87 -87
  75. package/skills/context7-usage.md +82 -82
  76. package/skills/git-worktree.md +181 -181
  77. package/skills/multi-llm-orchestration.md +97 -97
  78. package/skills/parallel-research.md +77 -77
  79. package/skills/priority-todos.md +239 -239
  80. package/skills/tool-fallback.md +126 -126
  81. package/skills/vibe-capabilities.md +127 -127
@@ -1,509 +1,509 @@
1
- # ๐ŸŽฏ Dart + Flutter ํ’ˆ์งˆ ๊ทœ์น™
2
-
3
- ## ํ•ต์‹ฌ ์›์น™ (core์—์„œ ์ƒ์†)
4
-
5
- ```markdown
6
- โœ… ๋‹จ์ผ ์ฑ…์ž„ (SRP)
7
- โœ… ์ค‘๋ณต ์ œ๊ฑฐ (DRY)
8
- โœ… ์žฌ์‚ฌ์šฉ์„ฑ
9
- โœ… ๋‚ฎ์€ ๋ณต์žก๋„
10
- โœ… ํ•จ์ˆ˜ โ‰ค 30์ค„, build() โ‰ค 50์ค„
11
- โœ… ์ค‘์ฒฉ โ‰ค 3๋‹จ๊ณ„
12
- โœ… Cyclomatic complexity โ‰ค 10
13
- ```
14
-
15
- ## Dart/Flutter ํŠนํ™” ๊ทœ์น™
16
-
17
- ### 1. Immutability ์šฐ์„  (@immutable)
18
-
19
- ```dart
20
- // โŒ Mutable ํด๋ž˜์Šค
21
- class User {
22
- String name;
23
- int age;
24
-
25
- User({required this.name, required this.age});
26
- }
27
-
28
- // โœ… Immutable ํด๋ž˜์Šค + copyWith
29
- @immutable
30
- class User {
31
- const User({
32
- required this.name,
33
- required this.age,
34
- });
35
-
36
- final String name;
37
- final int age;
38
-
39
- User copyWith({
40
- String? name,
41
- int? age,
42
- }) {
43
- return User(
44
- name: name ?? this.name,
45
- age: age ?? this.age,
46
- );
47
- }
48
-
49
- @override
50
- bool operator ==(Object other) =>
51
- identical(this, other) ||
52
- other is User && name == other.name && age == other.age;
53
-
54
- @override
55
- int get hashCode => name.hashCode ^ age.hashCode;
56
- }
57
- ```
58
-
59
- ### 2. StatelessWidget ์„ ํ˜ธ
60
-
61
- ```dart
62
- // โœ… StatelessWidget (์ˆœ์ˆ˜ ์œ„์ ฏ)
63
- class UserAvatar extends StatelessWidget {
64
- const UserAvatar({
65
- super.key,
66
- required this.imageUrl,
67
- this.size = 40.0,
68
- this.onTap,
69
- });
70
-
71
- final String imageUrl;
72
- final double size;
73
- final VoidCallback? onTap;
74
-
75
- @override
76
- Widget build(BuildContext context) {
77
- return GestureDetector(
78
- onTap: onTap,
79
- child: CircleAvatar(
80
- radius: size / 2,
81
- backgroundImage: NetworkImage(imageUrl),
82
- ),
83
- );
84
- }
85
- }
86
-
87
- // โŒ StatefulWidget ๋‚จ์šฉ (์ƒํƒœ๊ฐ€ ์—†๋Š”๋ฐ ์‚ฌ์šฉ)
88
- class UserAvatar extends StatefulWidget {
89
- // ์ƒํƒœ ๊ด€๋ฆฌ ๋ถˆํ•„์š”
90
- }
91
- ```
92
-
93
- ### 3. Provider ํŒจํ„ด (์ƒํƒœ ๊ด€๋ฆฌ)
94
-
95
- ```dart
96
- // โœ… Immutable State + ChangeNotifier
97
- @immutable
98
- class FeedState {
99
- const FeedState({
100
- this.feeds = const [],
101
- this.isLoading = false,
102
- this.error,
103
- });
104
-
105
- final List<Feed> feeds;
106
- final bool isLoading;
107
- final String? error;
108
-
109
- FeedState copyWith({
110
- List<Feed>? feeds,
111
- bool? isLoading,
112
- String? error,
113
- }) {
114
- return FeedState(
115
- feeds: feeds ?? this.feeds,
116
- isLoading: isLoading ?? this.isLoading,
117
- error: error ?? this.error,
118
- );
119
- }
120
- }
121
-
122
- class FeedProvider extends ChangeNotifier {
123
- FeedState _state = const FeedState();
124
- FeedState get state => _state;
125
-
126
- final FeedService _feedService;
127
-
128
- FeedProvider(this._feedService);
129
-
130
- Future<void> loadFeeds() async {
131
- _state = _state.copyWith(isLoading: true, error: null);
132
- notifyListeners();
133
-
134
- try {
135
- final feeds = await _feedService.getFeeds();
136
- _state = _state.copyWith(feeds: feeds, isLoading: false);
137
- } catch (e) {
138
- _state = _state.copyWith(error: e.toString(), isLoading: false);
139
- }
140
- notifyListeners();
141
- }
142
- }
143
-
144
- // ์‚ฌ์šฉ
145
- class FeedScreen extends StatelessWidget {
146
- @override
147
- Widget build(BuildContext context) {
148
- final feedState = context.watch<FeedProvider>().state;
149
-
150
- if (feedState.isLoading) return const CircularProgressIndicator();
151
- if (feedState.error != null) return ErrorWidget(feedState.error!);
152
-
153
- return FeedList(feeds: feedState.feeds);
154
- }
155
- }
156
- ```
157
-
158
- ### 4. Null Safety ๋ช…ํ™•ํžˆ
159
-
160
- ```dart
161
- // โœ… Null safety ํ™œ์šฉ
162
- class User {
163
- User({
164
- required this.id, // Non-nullable (ํ•„์ˆ˜)
165
- required this.name,
166
- this.bio, // Nullable (์„ ํƒ)
167
- });
168
-
169
- final String id;
170
- final String name;
171
- final String? bio; // ? ๋ช…์‹œ
172
-
173
- String getBioOrDefault() {
174
- return bio ?? 'No bio'; // ?? ์—ฐ์‚ฐ์ž
175
- }
176
-
177
- void printBio() {
178
- bio?.length; // ?. ์•ˆ์ „ ํ˜ธ์ถœ
179
- }
180
- }
181
-
182
- // โœ… Late ๋ณ€์ˆ˜ (์ดˆ๊ธฐํ™” ์ง€์—ฐ)
183
- class MyWidget extends StatefulWidget {
184
- @override
185
- State<MyWidget> createState() => _MyWidgetState();
186
- }
187
-
188
- class _MyWidgetState extends State<MyWidget> {
189
- late AnimationController _controller; // initState์—์„œ ์ดˆ๊ธฐํ™”
190
-
191
- @override
192
- void initState() {
193
- super.initState();
194
- _controller = AnimationController(vsync: this);
195
- }
196
-
197
- @override
198
- void dispose() {
199
- _controller.dispose();
200
- super.dispose();
201
- }
202
- }
203
- ```
204
-
205
- ### 5. ์œ„์ ฏ ๋ถ„๋ฆฌ (Extract Widget)
206
-
207
- ```dart
208
- // โŒ ๊ธด build ๋ฉ”์„œ๋“œ (80์ค„)
209
- class UserProfile extends StatelessWidget {
210
- @override
211
- Widget build(BuildContext context) {
212
- return Column(
213
- children: [
214
- // 30์ค„: ํ—ค๋”
215
- Container(...),
216
- // 25์ค„: ํ†ต๊ณ„
217
- Row(...),
218
- // 25์ค„: ํ”ผ๋“œ ๋ฆฌ์ŠคํŠธ
219
- ListView(...),
220
- ],
221
- );
222
- }
223
- }
224
-
225
- // โœ… ์„œ๋ธŒ ์œ„์ ฏ์œผ๋กœ ๋ถ„๋ฆฌ
226
- class UserProfile extends StatelessWidget {
227
- @override
228
- Widget build(BuildContext context) {
229
- return Column(
230
- children: [
231
- const ProfileHeader(),
232
- const ProfileStats(),
233
- const ProfileFeedList(),
234
- ],
235
- );
236
- }
237
- }
238
-
239
- class ProfileHeader extends StatelessWidget {
240
- const ProfileHeader({super.key});
241
-
242
- @override
243
- Widget build(BuildContext context) {
244
- // ํ—ค๋”๋งŒ
245
- }
246
- }
247
-
248
- class ProfileStats extends StatelessWidget {
249
- const ProfileStats({super.key});
250
-
251
- @override
252
- Widget build(BuildContext context) {
253
- // ํ†ต๊ณ„๋งŒ
254
- }
255
- }
256
- ```
257
-
258
- ### 6. ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (Static Methods)
259
-
260
- ```dart
261
- // โœ… ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (์ƒํƒœ ์—†์Œ)
262
- class DateUtils {
263
- // Private constructor (์ธ์Šคํ„ด์Šค ์ƒ์„ฑ ๋ฐฉ์ง€)
264
- DateUtils._();
265
-
266
- static String formatRelativeTime(DateTime dateTime) {
267
- final now = DateTime.now();
268
- final difference = now.difference(dateTime);
269
-
270
- if (difference.inDays > 0) return '${difference.inDays}์ผ ์ „';
271
- if (difference.inHours > 0) return '${difference.inHours}์‹œ๊ฐ„ ์ „';
272
- return '${difference.inMinutes}๋ถ„ ์ „';
273
- }
274
-
275
- static bool isToday(DateTime dateTime) {
276
- final now = DateTime.now();
277
- return dateTime.year == now.year &&
278
- dateTime.month == now.month &&
279
- dateTime.day == now.day;
280
- }
281
- }
282
-
283
- // ์‚ฌ์šฉ
284
- final formatted = DateUtils.formatRelativeTime(feed.createdAt);
285
- ```
286
-
287
- ### 7. ์—๋Ÿฌ ์ฒ˜๋ฆฌ (Result/Either ํŒจํ„ด)
288
-
289
- ```dart
290
- // โœ… Result ํƒ€์ž…์œผ๋กœ ์—๋Ÿฌ ์ฒ˜๋ฆฌ
291
- sealed class Result<T> {
292
- const Result();
293
- }
294
-
295
- class Success<T> extends Result<T> {
296
- const Success(this.value);
297
- final T value;
298
- }
299
-
300
- class Failure<T> extends Result<T> {
301
- const Failure(this.error);
302
- final String error;
303
- }
304
-
305
- // ์‚ฌ์šฉ
306
- Future<Result<User>> login(String email, String password) async {
307
- try {
308
- final user = await _authService.login(email, password);
309
- return Success(user);
310
- } catch (e) {
311
- return Failure(e.toString());
312
- }
313
- }
314
-
315
- // ํ˜ธ์ถœ๋ถ€ (Pattern matching)
316
- final result = await login(email, password);
317
- switch (result) {
318
- case Success(:final value):
319
- Navigator.pushReplacement(context, HomePage(user: value));
320
- case Failure(:final error):
321
- showErrorDialog(context, error);
322
- }
323
- ```
324
-
325
- ### 8. Extension Methods
326
-
327
- ```dart
328
- // โœ… Extension์œผ๋กœ ๊ธฐ๋Šฅ ํ™•์žฅ
329
- extension StringExtension on String {
330
- String capitalize() {
331
- if (isEmpty) return this;
332
- return '${this[0].toUpperCase()}${substring(1)}';
333
- }
334
-
335
- bool get isEmail {
336
- final emailRegex = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
337
- return emailRegex.hasMatch(this);
338
- }
339
- }
340
-
341
- extension ListExtension<T> on List<T> {
342
- List<T> distinctBy<K>(K Function(T) keySelector) {
343
- final seen = <K>{};
344
- return where((item) => seen.add(keySelector(item))).toList();
345
- }
346
- }
347
-
348
- // ์‚ฌ์šฉ
349
- final name = 'john'.capitalize(); // 'John'
350
- final isValid = 'test@example.com'.isEmail; // true
351
- ```
352
-
353
- ### 9. const Constructor ํ™œ์šฉ
354
-
355
- ```dart
356
- // โœ… const constructor (์ปดํŒŒ์ผ ํƒ€์ž„ ์ƒ์ˆ˜)
357
- class AppColors {
358
- const AppColors._();
359
-
360
- static const primary = Color(0xFF6200EE);
361
- static const secondary = Color(0xFF03DAC6);
362
- static const error = Color(0xFFB00020);
363
- }
364
-
365
- class Spacing {
366
- const Spacing._();
367
-
368
- static const xs = 4.0;
369
- static const sm = 8.0;
370
- static const md = 16.0;
371
- static const lg = 24.0;
372
- static const xl = 32.0;
373
- }
374
-
375
- // โœ… const ์œ„์ ฏ (์žฌ์‚ฌ์šฉ ์‹œ ์„ฑ๋Šฅ ํ–ฅ์ƒ)
376
- class LoadingIndicator extends StatelessWidget {
377
- const LoadingIndicator({super.key});
378
-
379
- @override
380
- Widget build(BuildContext context) {
381
- return const Center(
382
- child: CircularProgressIndicator(),
383
- );
384
- }
385
- }
386
-
387
- // ์‚ฌ์šฉ
388
- const LoadingIndicator() // const๋กœ ์ƒ์„ฑ
389
- ```
390
-
391
- ### 10. ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ (Future/Stream)
392
-
393
- ```dart
394
- // โœ… Future (๋‹จ์ผ ๋น„๋™๊ธฐ ์ž‘์—…)
395
- Future<List<Feed>> fetchFeeds() async {
396
- final response = await dio.get('/api/feeds');
397
- return (response.data as List)
398
- .map((json) => Feed.fromJson(json))
399
- .toList();
400
- }
401
-
402
- // โœ… Stream (์—ฐ์† ๋น„๋™๊ธฐ ์ด๋ฒคํŠธ)
403
- Stream<List<Feed>> watchFeeds() {
404
- return Stream.periodic(
405
- const Duration(seconds: 30),
406
- (_) => fetchFeeds(),
407
- ).asyncMap((future) => future);
408
- }
409
-
410
- // โœ… StreamBuilder ์‚ฌ์šฉ
411
- class FeedStream extends StatelessWidget {
412
- @override
413
- Widget build(BuildContext context) {
414
- return StreamBuilder<List<Feed>>(
415
- stream: watchFeeds(),
416
- builder: (context, snapshot) {
417
- if (snapshot.connectionState == ConnectionState.waiting) {
418
- return const LoadingIndicator();
419
- }
420
- if (snapshot.hasError) {
421
- return ErrorWidget(snapshot.error.toString());
422
- }
423
- if (!snapshot.hasData) {
424
- return const EmptyState();
425
- }
426
-
427
- return FeedList(feeds: snapshot.data!);
428
- },
429
- );
430
- }
431
- }
432
- ```
433
-
434
- ## ์•ˆํ‹ฐํŒจํ„ด
435
-
436
- ```dart
437
- // โŒ Mutable state
438
- class BadCounter extends StatefulWidget {
439
- int count = 0; // ์œ„ํ—˜! StatefulWidget์€ ์žฌ์ƒ์„ฑ๋  ์ˆ˜ ์žˆ์Œ
440
-
441
- @override
442
- State<BadCounter> createState() => _BadCounterState();
443
- }
444
-
445
- // โŒ BuildContext๋ฅผ async gap ๋„ˆ๋จธ์—์„œ ์‚ฌ์šฉ
446
- Future<void> badNavigate() async {
447
- await Future.delayed(Duration(seconds: 1));
448
- Navigator.push(context, ...); // โŒ context๊ฐ€ ๋ฌดํšจํ™”๋์„ ์ˆ˜ ์žˆ์Œ
449
- }
450
-
451
- // โœ… mounted ์ฒดํฌ
452
- Future<void> goodNavigate() async {
453
- await Future.delayed(Duration(seconds: 1));
454
- if (!mounted) return;
455
- Navigator.push(context, ...);
456
- }
457
-
458
- // โŒ setState์—์„œ ๊ธด ์ž‘์—…
459
- setState(() {
460
- // 10์ค„์˜ ๋ณต์žกํ•œ ๊ณ„์‚ฐ โŒ
461
- });
462
-
463
- // โœ… ๊ณ„์‚ฐ ํ›„ setState
464
- final newValue = expensiveCalculation();
465
- setState(() {
466
- _value = newValue; // ๊ฐ„๋‹จํ•œ ํ• ๋‹น๋งŒ
467
- });
468
-
469
- // โŒ GlobalKey ๋‚จ์šฉ
470
- final GlobalKey<FormState> _formKey = GlobalKey();
471
-
472
- // โœ… Controller ์‚ฌ์šฉ
473
- final TextEditingController _controller = TextEditingController();
474
- ```
475
-
476
- ## ์ฝ”๋“œ ํ’ˆ์งˆ ๋„๊ตฌ
477
-
478
- ```bash
479
- # ๋ถ„์„
480
- flutter analyze
481
-
482
- # ํฌ๋งทํŒ…
483
- dart format .
484
-
485
- # ํ…Œ์ŠคํŠธ
486
- flutter test
487
- flutter test --coverage
488
-
489
- # ๋นŒ๋“œ
490
- flutter build apk --release
491
- flutter build ios --release
492
- flutter build web --release
493
- ```
494
-
495
- ## ์ฒดํฌ๋ฆฌ์ŠคํŠธ
496
-
497
- Dart/Flutter ์ฝ”๋“œ ์ž‘์„ฑ ์‹œ:
498
-
499
- - [ ] @immutable + copyWith ํŒจํ„ด
500
- - [ ] StatelessWidget ์šฐ์„  ์‚ฌ์šฉ
501
- - [ ] Provider๋กœ ์ƒํƒœ ๊ด€๋ฆฌ ๋ถ„๋ฆฌ
502
- - [ ] Null safety (?, ??, ?., !)
503
- - [ ] build() โ‰ค 50์ค„ (์œ„์ ฏ ๋ถ„๋ฆฌ)
504
- - [ ] ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (static methods)
505
- - [ ] Result ํƒ€์ž…์œผ๋กœ ์—๋Ÿฌ ์ฒ˜๋ฆฌ
506
- - [ ] Extension methods ํ™œ์šฉ
507
- - [ ] const constructor ์‚ฌ์šฉ
508
- - [ ] Future/Stream ์ ์ ˆํžˆ ์„ ํƒ
509
- - [ ] ๋ณต์žก๋„ โ‰ค 10
1
+ # ๐ŸŽฏ Dart + Flutter ํ’ˆ์งˆ ๊ทœ์น™
2
+
3
+ ## ํ•ต์‹ฌ ์›์น™ (core์—์„œ ์ƒ์†)
4
+
5
+ ```markdown
6
+ โœ… ๋‹จ์ผ ์ฑ…์ž„ (SRP)
7
+ โœ… ์ค‘๋ณต ์ œ๊ฑฐ (DRY)
8
+ โœ… ์žฌ์‚ฌ์šฉ์„ฑ
9
+ โœ… ๋‚ฎ์€ ๋ณต์žก๋„
10
+ โœ… ํ•จ์ˆ˜ โ‰ค 30์ค„, build() โ‰ค 50์ค„
11
+ โœ… ์ค‘์ฒฉ โ‰ค 3๋‹จ๊ณ„
12
+ โœ… Cyclomatic complexity โ‰ค 10
13
+ ```
14
+
15
+ ## Dart/Flutter ํŠนํ™” ๊ทœ์น™
16
+
17
+ ### 1. Immutability ์šฐ์„  (@immutable)
18
+
19
+ ```dart
20
+ // โŒ Mutable ํด๋ž˜์Šค
21
+ class User {
22
+ String name;
23
+ int age;
24
+
25
+ User({required this.name, required this.age});
26
+ }
27
+
28
+ // โœ… Immutable ํด๋ž˜์Šค + copyWith
29
+ @immutable
30
+ class User {
31
+ const User({
32
+ required this.name,
33
+ required this.age,
34
+ });
35
+
36
+ final String name;
37
+ final int age;
38
+
39
+ User copyWith({
40
+ String? name,
41
+ int? age,
42
+ }) {
43
+ return User(
44
+ name: name ?? this.name,
45
+ age: age ?? this.age,
46
+ );
47
+ }
48
+
49
+ @override
50
+ bool operator ==(Object other) =>
51
+ identical(this, other) ||
52
+ other is User && name == other.name && age == other.age;
53
+
54
+ @override
55
+ int get hashCode => name.hashCode ^ age.hashCode;
56
+ }
57
+ ```
58
+
59
+ ### 2. StatelessWidget ์„ ํ˜ธ
60
+
61
+ ```dart
62
+ // โœ… StatelessWidget (์ˆœ์ˆ˜ ์œ„์ ฏ)
63
+ class UserAvatar extends StatelessWidget {
64
+ const UserAvatar({
65
+ super.key,
66
+ required this.imageUrl,
67
+ this.size = 40.0,
68
+ this.onTap,
69
+ });
70
+
71
+ final String imageUrl;
72
+ final double size;
73
+ final VoidCallback? onTap;
74
+
75
+ @override
76
+ Widget build(BuildContext context) {
77
+ return GestureDetector(
78
+ onTap: onTap,
79
+ child: CircleAvatar(
80
+ radius: size / 2,
81
+ backgroundImage: NetworkImage(imageUrl),
82
+ ),
83
+ );
84
+ }
85
+ }
86
+
87
+ // โŒ StatefulWidget ๋‚จ์šฉ (์ƒํƒœ๊ฐ€ ์—†๋Š”๋ฐ ์‚ฌ์šฉ)
88
+ class UserAvatar extends StatefulWidget {
89
+ // ์ƒํƒœ ๊ด€๋ฆฌ ๋ถˆํ•„์š”
90
+ }
91
+ ```
92
+
93
+ ### 3. Provider ํŒจํ„ด (์ƒํƒœ ๊ด€๋ฆฌ)
94
+
95
+ ```dart
96
+ // โœ… Immutable State + ChangeNotifier
97
+ @immutable
98
+ class FeedState {
99
+ const FeedState({
100
+ this.feeds = const [],
101
+ this.isLoading = false,
102
+ this.error,
103
+ });
104
+
105
+ final List<Feed> feeds;
106
+ final bool isLoading;
107
+ final String? error;
108
+
109
+ FeedState copyWith({
110
+ List<Feed>? feeds,
111
+ bool? isLoading,
112
+ String? error,
113
+ }) {
114
+ return FeedState(
115
+ feeds: feeds ?? this.feeds,
116
+ isLoading: isLoading ?? this.isLoading,
117
+ error: error ?? this.error,
118
+ );
119
+ }
120
+ }
121
+
122
+ class FeedProvider extends ChangeNotifier {
123
+ FeedState _state = const FeedState();
124
+ FeedState get state => _state;
125
+
126
+ final FeedService _feedService;
127
+
128
+ FeedProvider(this._feedService);
129
+
130
+ Future<void> loadFeeds() async {
131
+ _state = _state.copyWith(isLoading: true, error: null);
132
+ notifyListeners();
133
+
134
+ try {
135
+ final feeds = await _feedService.getFeeds();
136
+ _state = _state.copyWith(feeds: feeds, isLoading: false);
137
+ } catch (e) {
138
+ _state = _state.copyWith(error: e.toString(), isLoading: false);
139
+ }
140
+ notifyListeners();
141
+ }
142
+ }
143
+
144
+ // ์‚ฌ์šฉ
145
+ class FeedScreen extends StatelessWidget {
146
+ @override
147
+ Widget build(BuildContext context) {
148
+ final feedState = context.watch<FeedProvider>().state;
149
+
150
+ if (feedState.isLoading) return const CircularProgressIndicator();
151
+ if (feedState.error != null) return ErrorWidget(feedState.error!);
152
+
153
+ return FeedList(feeds: feedState.feeds);
154
+ }
155
+ }
156
+ ```
157
+
158
+ ### 4. Null Safety ๋ช…ํ™•ํžˆ
159
+
160
+ ```dart
161
+ // โœ… Null safety ํ™œ์šฉ
162
+ class User {
163
+ User({
164
+ required this.id, // Non-nullable (ํ•„์ˆ˜)
165
+ required this.name,
166
+ this.bio, // Nullable (์„ ํƒ)
167
+ });
168
+
169
+ final String id;
170
+ final String name;
171
+ final String? bio; // ? ๋ช…์‹œ
172
+
173
+ String getBioOrDefault() {
174
+ return bio ?? 'No bio'; // ?? ์—ฐ์‚ฐ์ž
175
+ }
176
+
177
+ void printBio() {
178
+ bio?.length; // ?. ์•ˆ์ „ ํ˜ธ์ถœ
179
+ }
180
+ }
181
+
182
+ // โœ… Late ๋ณ€์ˆ˜ (์ดˆ๊ธฐํ™” ์ง€์—ฐ)
183
+ class MyWidget extends StatefulWidget {
184
+ @override
185
+ State<MyWidget> createState() => _MyWidgetState();
186
+ }
187
+
188
+ class _MyWidgetState extends State<MyWidget> {
189
+ late AnimationController _controller; // initState์—์„œ ์ดˆ๊ธฐํ™”
190
+
191
+ @override
192
+ void initState() {
193
+ super.initState();
194
+ _controller = AnimationController(vsync: this);
195
+ }
196
+
197
+ @override
198
+ void dispose() {
199
+ _controller.dispose();
200
+ super.dispose();
201
+ }
202
+ }
203
+ ```
204
+
205
+ ### 5. ์œ„์ ฏ ๋ถ„๋ฆฌ (Extract Widget)
206
+
207
+ ```dart
208
+ // โŒ ๊ธด build ๋ฉ”์„œ๋“œ (80์ค„)
209
+ class UserProfile extends StatelessWidget {
210
+ @override
211
+ Widget build(BuildContext context) {
212
+ return Column(
213
+ children: [
214
+ // 30์ค„: ํ—ค๋”
215
+ Container(...),
216
+ // 25์ค„: ํ†ต๊ณ„
217
+ Row(...),
218
+ // 25์ค„: ํ”ผ๋“œ ๋ฆฌ์ŠคํŠธ
219
+ ListView(...),
220
+ ],
221
+ );
222
+ }
223
+ }
224
+
225
+ // โœ… ์„œ๋ธŒ ์œ„์ ฏ์œผ๋กœ ๋ถ„๋ฆฌ
226
+ class UserProfile extends StatelessWidget {
227
+ @override
228
+ Widget build(BuildContext context) {
229
+ return Column(
230
+ children: [
231
+ const ProfileHeader(),
232
+ const ProfileStats(),
233
+ const ProfileFeedList(),
234
+ ],
235
+ );
236
+ }
237
+ }
238
+
239
+ class ProfileHeader extends StatelessWidget {
240
+ const ProfileHeader({super.key});
241
+
242
+ @override
243
+ Widget build(BuildContext context) {
244
+ // ํ—ค๋”๋งŒ
245
+ }
246
+ }
247
+
248
+ class ProfileStats extends StatelessWidget {
249
+ const ProfileStats({super.key});
250
+
251
+ @override
252
+ Widget build(BuildContext context) {
253
+ // ํ†ต๊ณ„๋งŒ
254
+ }
255
+ }
256
+ ```
257
+
258
+ ### 6. ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (Static Methods)
259
+
260
+ ```dart
261
+ // โœ… ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (์ƒํƒœ ์—†์Œ)
262
+ class DateUtils {
263
+ // Private constructor (์ธ์Šคํ„ด์Šค ์ƒ์„ฑ ๋ฐฉ์ง€)
264
+ DateUtils._();
265
+
266
+ static String formatRelativeTime(DateTime dateTime) {
267
+ final now = DateTime.now();
268
+ final difference = now.difference(dateTime);
269
+
270
+ if (difference.inDays > 0) return '${difference.inDays}์ผ ์ „';
271
+ if (difference.inHours > 0) return '${difference.inHours}์‹œ๊ฐ„ ์ „';
272
+ return '${difference.inMinutes}๋ถ„ ์ „';
273
+ }
274
+
275
+ static bool isToday(DateTime dateTime) {
276
+ final now = DateTime.now();
277
+ return dateTime.year == now.year &&
278
+ dateTime.month == now.month &&
279
+ dateTime.day == now.day;
280
+ }
281
+ }
282
+
283
+ // ์‚ฌ์šฉ
284
+ final formatted = DateUtils.formatRelativeTime(feed.createdAt);
285
+ ```
286
+
287
+ ### 7. ์—๋Ÿฌ ์ฒ˜๋ฆฌ (Result/Either ํŒจํ„ด)
288
+
289
+ ```dart
290
+ // โœ… Result ํƒ€์ž…์œผ๋กœ ์—๋Ÿฌ ์ฒ˜๋ฆฌ
291
+ sealed class Result<T> {
292
+ const Result();
293
+ }
294
+
295
+ class Success<T> extends Result<T> {
296
+ const Success(this.value);
297
+ final T value;
298
+ }
299
+
300
+ class Failure<T> extends Result<T> {
301
+ const Failure(this.error);
302
+ final String error;
303
+ }
304
+
305
+ // ์‚ฌ์šฉ
306
+ Future<Result<User>> login(String email, String password) async {
307
+ try {
308
+ final user = await _authService.login(email, password);
309
+ return Success(user);
310
+ } catch (e) {
311
+ return Failure(e.toString());
312
+ }
313
+ }
314
+
315
+ // ํ˜ธ์ถœ๋ถ€ (Pattern matching)
316
+ final result = await login(email, password);
317
+ switch (result) {
318
+ case Success(:final value):
319
+ Navigator.pushReplacement(context, HomePage(user: value));
320
+ case Failure(:final error):
321
+ showErrorDialog(context, error);
322
+ }
323
+ ```
324
+
325
+ ### 8. Extension Methods
326
+
327
+ ```dart
328
+ // โœ… Extension์œผ๋กœ ๊ธฐ๋Šฅ ํ™•์žฅ
329
+ extension StringExtension on String {
330
+ String capitalize() {
331
+ if (isEmpty) return this;
332
+ return '${this[0].toUpperCase()}${substring(1)}';
333
+ }
334
+
335
+ bool get isEmail {
336
+ final emailRegex = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
337
+ return emailRegex.hasMatch(this);
338
+ }
339
+ }
340
+
341
+ extension ListExtension<T> on List<T> {
342
+ List<T> distinctBy<K>(K Function(T) keySelector) {
343
+ final seen = <K>{};
344
+ return where((item) => seen.add(keySelector(item))).toList();
345
+ }
346
+ }
347
+
348
+ // ์‚ฌ์šฉ
349
+ final name = 'john'.capitalize(); // 'John'
350
+ final isValid = 'test@example.com'.isEmail; // true
351
+ ```
352
+
353
+ ### 9. const Constructor ํ™œ์šฉ
354
+
355
+ ```dart
356
+ // โœ… const constructor (์ปดํŒŒ์ผ ํƒ€์ž„ ์ƒ์ˆ˜)
357
+ class AppColors {
358
+ const AppColors._();
359
+
360
+ static const primary = Color(0xFF6200EE);
361
+ static const secondary = Color(0xFF03DAC6);
362
+ static const error = Color(0xFFB00020);
363
+ }
364
+
365
+ class Spacing {
366
+ const Spacing._();
367
+
368
+ static const xs = 4.0;
369
+ static const sm = 8.0;
370
+ static const md = 16.0;
371
+ static const lg = 24.0;
372
+ static const xl = 32.0;
373
+ }
374
+
375
+ // โœ… const ์œ„์ ฏ (์žฌ์‚ฌ์šฉ ์‹œ ์„ฑ๋Šฅ ํ–ฅ์ƒ)
376
+ class LoadingIndicator extends StatelessWidget {
377
+ const LoadingIndicator({super.key});
378
+
379
+ @override
380
+ Widget build(BuildContext context) {
381
+ return const Center(
382
+ child: CircularProgressIndicator(),
383
+ );
384
+ }
385
+ }
386
+
387
+ // ์‚ฌ์šฉ
388
+ const LoadingIndicator() // const๋กœ ์ƒ์„ฑ
389
+ ```
390
+
391
+ ### 10. ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ (Future/Stream)
392
+
393
+ ```dart
394
+ // โœ… Future (๋‹จ์ผ ๋น„๋™๊ธฐ ์ž‘์—…)
395
+ Future<List<Feed>> fetchFeeds() async {
396
+ final response = await dio.get('/api/feeds');
397
+ return (response.data as List)
398
+ .map((json) => Feed.fromJson(json))
399
+ .toList();
400
+ }
401
+
402
+ // โœ… Stream (์—ฐ์† ๋น„๋™๊ธฐ ์ด๋ฒคํŠธ)
403
+ Stream<List<Feed>> watchFeeds() {
404
+ return Stream.periodic(
405
+ const Duration(seconds: 30),
406
+ (_) => fetchFeeds(),
407
+ ).asyncMap((future) => future);
408
+ }
409
+
410
+ // โœ… StreamBuilder ์‚ฌ์šฉ
411
+ class FeedStream extends StatelessWidget {
412
+ @override
413
+ Widget build(BuildContext context) {
414
+ return StreamBuilder<List<Feed>>(
415
+ stream: watchFeeds(),
416
+ builder: (context, snapshot) {
417
+ if (snapshot.connectionState == ConnectionState.waiting) {
418
+ return const LoadingIndicator();
419
+ }
420
+ if (snapshot.hasError) {
421
+ return ErrorWidget(snapshot.error.toString());
422
+ }
423
+ if (!snapshot.hasData) {
424
+ return const EmptyState();
425
+ }
426
+
427
+ return FeedList(feeds: snapshot.data!);
428
+ },
429
+ );
430
+ }
431
+ }
432
+ ```
433
+
434
+ ## ์•ˆํ‹ฐํŒจํ„ด
435
+
436
+ ```dart
437
+ // โŒ Mutable state
438
+ class BadCounter extends StatefulWidget {
439
+ int count = 0; // ์œ„ํ—˜! StatefulWidget์€ ์žฌ์ƒ์„ฑ๋  ์ˆ˜ ์žˆ์Œ
440
+
441
+ @override
442
+ State<BadCounter> createState() => _BadCounterState();
443
+ }
444
+
445
+ // โŒ BuildContext๋ฅผ async gap ๋„ˆ๋จธ์—์„œ ์‚ฌ์šฉ
446
+ Future<void> badNavigate() async {
447
+ await Future.delayed(Duration(seconds: 1));
448
+ Navigator.push(context, ...); // โŒ context๊ฐ€ ๋ฌดํšจํ™”๋์„ ์ˆ˜ ์žˆ์Œ
449
+ }
450
+
451
+ // โœ… mounted ์ฒดํฌ
452
+ Future<void> goodNavigate() async {
453
+ await Future.delayed(Duration(seconds: 1));
454
+ if (!mounted) return;
455
+ Navigator.push(context, ...);
456
+ }
457
+
458
+ // โŒ setState์—์„œ ๊ธด ์ž‘์—…
459
+ setState(() {
460
+ // 10์ค„์˜ ๋ณต์žกํ•œ ๊ณ„์‚ฐ โŒ
461
+ });
462
+
463
+ // โœ… ๊ณ„์‚ฐ ํ›„ setState
464
+ final newValue = expensiveCalculation();
465
+ setState(() {
466
+ _value = newValue; // ๊ฐ„๋‹จํ•œ ํ• ๋‹น๋งŒ
467
+ });
468
+
469
+ // โŒ GlobalKey ๋‚จ์šฉ
470
+ final GlobalKey<FormState> _formKey = GlobalKey();
471
+
472
+ // โœ… Controller ์‚ฌ์šฉ
473
+ final TextEditingController _controller = TextEditingController();
474
+ ```
475
+
476
+ ## ์ฝ”๋“œ ํ’ˆ์งˆ ๋„๊ตฌ
477
+
478
+ ```bash
479
+ # ๋ถ„์„
480
+ flutter analyze
481
+
482
+ # ํฌ๋งทํŒ…
483
+ dart format .
484
+
485
+ # ํ…Œ์ŠคํŠธ
486
+ flutter test
487
+ flutter test --coverage
488
+
489
+ # ๋นŒ๋“œ
490
+ flutter build apk --release
491
+ flutter build ios --release
492
+ flutter build web --release
493
+ ```
494
+
495
+ ## ์ฒดํฌ๋ฆฌ์ŠคํŠธ
496
+
497
+ Dart/Flutter ์ฝ”๋“œ ์ž‘์„ฑ ์‹œ:
498
+
499
+ - [ ] @immutable + copyWith ํŒจํ„ด
500
+ - [ ] StatelessWidget ์šฐ์„  ์‚ฌ์šฉ
501
+ - [ ] Provider๋กœ ์ƒํƒœ ๊ด€๋ฆฌ ๋ถ„๋ฆฌ
502
+ - [ ] Null safety (?, ??, ?., !)
503
+ - [ ] build() โ‰ค 50์ค„ (์œ„์ ฏ ๋ถ„๋ฆฌ)
504
+ - [ ] ์ˆœ์ˆ˜ ํ•จ์ˆ˜ (static methods)
505
+ - [ ] Result ํƒ€์ž…์œผ๋กœ ์—๋Ÿฌ ์ฒ˜๋ฆฌ
506
+ - [ ] Extension methods ํ™œ์šฉ
507
+ - [ ] const constructor ์‚ฌ์šฉ
508
+ - [ ] Future/Stream ์ ์ ˆํžˆ ์„ ํƒ
509
+ - [ ] ๋ณต์žก๋„ โ‰ค 10