Bull

결과물https://www.youtube.com/shorts/GuZz_DxAfIs(이전엔 안그랬는데 지금 시간대에 뭔가 오류가 났는 지 제대로 업로드 안되서 하이퍼 링크로만 보류합니다.)  Flutter를 활용하여 Git 잔디밭을 만들어 보겠습니다. 이걸 어디에 활용할까요? 저는 최근에 앱을 둘러보던 중 많은 앱들에 이러한 기록 서비스가 들어가는 것을 확인했습니다.저 또한 그렇듯이 깃허브나 백준처럼 일일 기록지처럼 무언가 했다는 느낌이 드는 표가 있으면 기분이 좋아집니다.부끄럽지만 제 백준과 깃허브의 스트릭(잔디밭)입니다. 사실 백준은 풀면 자동으로 깃허브에 커밋 푸시가 되기 때문에 하나는 거의 의미가 없긴합니다. 그냥 기분이 좋아서 이중 등록해놨습니다 ㅎㅎ..Codeimport 'package:flut..

https://codcost.tistory.com/169 Feed:아무 생각이나 적기 (24-07-16)버스를 타다가...창의력. 거창한 걸 말하는 것이 아니다. 이미 있는 것을 얼마나 활용도 높게 사용할 수 있고 적절히 사용할 수 있는지. 그리고 자신감. 표현해내는 능력.젊었을 때 한 줌이라도codcost.tistory.com그냥 글 쓰다가 어차피 혼자 적을 거, 나 같은 사람 있을까봐 앱으로 만들면 괜찮겠다고 생각했다.SNS는 안하는데 트위터나 링크드인 과는 다르게 혼자 사색의 시간 보내는 글을 쓰면 재밌을 거 같았다.근데 평소에도 그러한 아이디어 종종 나오는데 계획으로 옮기질 않아서...이번에 만들 거는 디자인만 대충 머릿속에 있는 거 끄집어내서 해보았다.결과물https://www.youtube.c..

글은 공식문서를 정리하는 형식으로 작성했습니다.BloC Widget의 종류를 먼저 정리해보겠습니다.BloC Widget의 종류BlocBuilderBlocSelector------------------BlocProviderMultiBlocProvider------------------BlocListenerMultiBlocListener------------------BlocConsumer------------------RepositoryProviderMultiRepositoryProvider구분선을 나눌 이유는 없지만 Multi가 있는 Widget과 없는 Widget으로 나눴습니다.하지만 Consumer는 Bulider와 Listener의 개념이 함께 쓰이므로 따로 나눴습니다. 각 BloC Widget의 ..

Flutter에서 폰트를 적용하는 기본적인 내용을 정리해보겠습니다.무료 폰트 다운로드https://fonts.google.com/?subset=korean&noto.script=Kore Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com저는 위 사이트에서 무료 폰트를 다운받아 적용하였습니다.한글은 적용안되는 영어폰트만 있을 수 있으므로 필터를 통해 한글 폰트를 찾아줍니다. 저는 아래와 같이 Dongle font를 사용하였습니다.https://fonts.google.com/selection/embed Google FontsMaking the web more..

Bloc이란?Bloc은 Business Logic Component의 약자로, 복잡한 상태 관리를 위한 강력한 패턴입니다. 이벤트 기반의 상태 관리 방식으로, 대규모 애플리케이션에서 효과적입니다.설계 철학: Provider는 간단함과 유연성을 중시하며, Bloc은 명확한 구조와 테스트 용이성을 강조합니다.상태 관리 방식: Provider는 ChangeNotifier를 통해 상태를 관리하고, Bloc은 이벤트와 상태를 구독하고 전송하는 방식으로 관리합니다.복잡도: Provider는 비교적 배우기 쉽고 간단한 반면, Bloc은 학습 곡선이 더 가파릅니다.성능: 두 솔루션 모두 성능이 우수하지만, Bloc은 더 큰 규모의 상태 관리에 적합합니다.Bloc 실전 적용해보기bloc으로 상태관리를 하기 위해 카운트 ..

Next 디렉터리 구조my-next-app/├── node_modules/├── public/├── src/│ ├── app/│ │ ├── loading/│ │ │ └── page.js│ │ ├── result/│ │ │ └── page.js│ ├── api/│ │ ├── receive/│ │ │ └── route.js│ ├── globals.css│ ├── layout.js│ └── page.js├── .gitignore├── package.json메인화면 코드는 생략.localhost:3000/loading'use client';import { useEffect } from 'react';import { useRouter } fr..

series of 3GNG강의 보는 게 귀찮아서, GPT로 능동적인 공부하기: 어차피 강의는 머리에 잘 안 남아.. 결과https://chun-bae.github.io/Base64onNext.js/ Base64 chun-bae.github.io언젠가 한 번 계속 만들어야지... 만들어야지... 하다가 조만간 공공데이터 활용 대회로 Nextjs 쓸 거 같아서 겸사겸사 만들었다. 간단한 홈페이지이기 때문에 소요시간은 3~4시간 걸린 것 같다. Next를 처음 다뤄봐서 환경설정이나 SSR, CSR 개념에 대해 숙지가 잘 안 되어 있었다. 프로젝트 생성npx create-next-app@latest .Typescript : NoESLink : YesTailwind CSS : Yessrc/ directory : ..

Icon을 속성없이 단독으로 사용하는 경우 ExpansionTile( title: Text('Icon'), ... iconColor: themeColors[1], ... leading: Icon(Icons.folder), ), ExpansionTile 아니라도 leading 속성에 사용하면 보통 앞부분에 아이콘으로 꾸며줄 때 사용한다. 대충 이런 식으로. Icon을 속성적용하여 사용하는 경우 : Button Container( ... child: IconButton( onPressed: () { // }, icon: Icon( Icons.library_add, color: const Color.fromARGB(255, 65, 65, 65), ), ), ), 매우 직관적이고 좋다. IconButton 위젯..

main.dart import 'package:flutter/material.dart'; import './request_api.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Trading Dashboard', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: DashboardScreen(), ); } } class DashboardScr..

사용 이유 만들고 있는 앱 중, 데이터를 로컬에 저장시키기 위해 인스턴스를 JSON 형태로 직렬화 하고 이를 문자열로 변환하여 shared_preferences 패키지의 클래스에 저장한다. 이를 다시 데이터로 읽을 때, 문자열을 JSON형태로 변환하고 다시 객체로 역직렬화를 시킨다. 그 중, 문자열을 JSON 형태로 변환된 상태를 객체로 역질렬화 시킬 때 factory 키워드 중 (객체).fromJson이 사용된다. 적용 예시 (.fromJson) import 'dart:convert'; class SongInfo { String song; String artist; String number; bool isTJ; bool isKY; SongInfo({required this.song, required t..

정렬 방법 이전 글인 야매 방법으로 어쩔 수 없이 써야겠다는 생각이 자꾸 신경 쓰이다가 옆에 저 눈금은 뭐지하고 눌러봤는데 이런식으로 간격을 맞추어서 배치할 수 있다! ㅎㅎ 눈금 삭제 지금은 마우스커서가 안나오지만 눈금을 잡고 옆으로 당기면 저렇게 점으로 표시되어 사라지게 된다.

이렇게 한 쪽으로 몰아넣은 후 원하는 위치에 배열하면 된다.... 사실 이것도 높이는 제대로 정렬이 안되어 있는 거라 불편하다. 제대로된 정렬방법은 모르겠다....