호짱의 개발 블로그

[Next.js] Next.js with nestjs 우선 Next.js로 프로젝트 생성npx create-next-app@latest nestjs 수동 설치# 개발도구 nestjs/cli 설치npm i -g @nestjs/cli# 필수 패키지 수동 설치npm i @nestjs/core @nestjs/common @nestjs/config @nestjs/platform-express rxjs reflect-metadatanpm i -D @types/express cross-env   nestjs 기본 코드 생성src/server/app.module.tsimport { Module } from '@nestjs/common';import { AppController } from './controllers/a..

[Flutter] Container 넓이 100% ...@override Widget build(BuildContext context) { return Scaffold( body: Container( width: double.infinity,...

[Flutter] Container 넓이 최대값 설정 ...@override Widget build(BuildContext context) { return Scaffold( body: Container( constraints: const BoxConstraints(maxWidth: 300, maxHeight: 300),...

[Flutter] Container 가운데 정렬하기 넓이가 지정된 Container를 디스플레이하면 좌측정렬된 상태로 나온다. ...@override Widget build(BuildContext context) { return Scaffold( body: Container( width: 300, height: 300, decoration: const BoxDecoration( color: Colors.lightBlueAccent, ), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ..

[Flutter] getApplicationCacheDirectory 폴더 위치 안드로이드  - /data/user/0/{패키지명}/cache 윈도우즈 - C:\Users\{유저명}\AppData\Local\{CompanyName}\{ProjectName}

[Flutter] Windows App getApplicationCacheDirectory 경로 변경 %프로젝트폴더%\windows\runner\Runner.rc 파일을 열면 80~100 줄 사이에 아래와 같은 내용이 보인다.CompanyName에 해당 하는 부분을 원하는 이름으로 바꿔주면 된다. CompanyName은 path_provider패키지의 getApplicationCacheDirectory 함수를 사용할 때 캐시폴더 경로에 영향을 준다.getApplicationCacheDirectory 함수는 C:\User\UserName\AppData\Local\CompanyName\ProjectName 경로를 반환한다....BEGIN BLOCK "StringFileInfo" BEGIN ..

[Flutter] Yaml 파일 Decode/DeSerialize(Yaml 객체화) 아래 코드는 yaml 파일로부터 읽어온 데이터를 GetIt ServiceLocator에 저장 하는 과정까지의 코드이다.http 통신에 사용할 서버 정보를 yaml파일로 설정하기 위한 예시이다.import 'package:get_it/get_it.dart';import 'package:hello_world/services/config_service.dart';import "package:flutter/services.dart" as services;import "package:yaml/yaml.dart";Future serviceConfig() async { final String data = await services...

[Flutter] Splash Screen(앱 시작 화면) 만들기 우선 flutter_native_splash 패키지를 설치한다. flutter pub add flutter_native_splash 패키지 설치 후 pubspec.yaml 파일에 설정값을 입력하거나flutter_native_splash.yaml 파일을 만들어서 설정값을 입력해도 된다. flutter_native_splash: color: "#ffffff" image: assets/images/logo.png # 안드로이드12버전 이상은 따로 설정 해줘야 한다. android_12: image: assets/images/android12_log.png # 그 외에 빌드 환경별로 설정 할 수 있다. ..

[Flutter] GetIt 패키지를 이용한 Service Locator 전역 상태 관리 class UserService extends ChangeNotifier { UserService(); User? get user => _user; User? _user; set user(User? user) { _user = user; // 값 변경을 알려주는 notifyListeners 추가. notifyListeners(); }}void main() { // GetIt을 이용해서 전역상태 관리를 할 객체 Service Locator 등록 GetIt.I.registerSingleton(UserService()); runApp(const MyApp());}class MyApp exte..

[Flutter] JsonSerialize(encode / decode) 클래스 맴버로 toJson, fromJson 메서드를 만들어 준 후dart:convert 라이브러리의 jsonEncode, jsonDecode 함수로 변환해준다. https://api.flutter.dev/flutter/dart-convert/jsonEncode.html jsonEncode function - dart:convert library - Dart APIjsonEncode function String jsonEncode(Object? object, {Object? toEncodable(Object? nonEncodable )?} ) Converts object to a JSON string. If value contain..