Dev 309

[Flutter] Riverpod 사용해보기 -강의-

Riverpod 패키지 (pub.dev) RiverpodRiverpod 은 상태 관리를 도와주는 패키지(라이브러리) 이며, Provider 패키지를 만든 곳에서 Provider 의 한계를 개선해서 만든 패키지 입니다. 상태 관리그런데 여기서 상태 관리 라는건 무엇일까요?상태관리는 애플리케이션에서 데이터나 UI 의 상태(state)를 효과적으로 관리하고 유지하는 방법을 의미합니다. Flutter와 같은 프레임워크에서는 사용자의 상호작용이나 데이터 변경에 따라 화면이 갱신되어야 하기 때문에 상태관리가 매우 중요한 역할을 합니다.요약하자면, 화면상의 정보에 영향을 미치는 변수를 업데이트, 삭제하는 등의 화면에 표현하는 것을 상태 관리라고 합니다. 1. State 상태  : 애플리케이션에서 상태는 다음을 포함다..

Dev/Flutter 2024.12.08

[Flutter] Json 데이터를 객체로 변환하는 방법

class Human { String name; int age; Human({required this.name, required this.age}); factory Human.fromJson(Map json) : this( name: json['name'], age: json['age'] );} fromJson() 는 JSON 데이터를 객체로 변환하기 위해 만들었습니다. 일반적으로, API 호출이나 파일 읽기 등의 작업에서 데이터를 JSON 형식으로 받는 경우가 많습니다.JSON 데이터는 Dart에서 Map 형태로 표현됩니다.하지만 JSON 데이터만으로는 객체지향 프로그래밍의 장점을 살리기 어렵습니다. 따라서, 이 데이터를 우리가 정의한 클래스 객체로 변환해야 할 필요가 있습니다..

Dev/Flutter 2024.12.03

함수형 위젯 vs 클래스형 위젯, 어떻게 하는게 좋을까?

Flutter 에서 함수형 위젯과 클래스형 위젯 선택을 어떻게 하면 좋을지에 대해서 공부한 내용을 공유합니다. 기본적으로 공식(?) 영상을 봤습니다만 생각보다 궁금한 부분들이 잘 해소되진 않았습니다.https://youtu.be/IOyq-eTRhvo?si=VSz-YpbZeAghi6kS   해당 유튜브 영상을 바탕으로 블로그, Medium 글들을 여럿 읽고 GPT와 열심히 대화를 하면서 학습을 했습니다. 학습을 통해서 얻은 내용을 요약하면 다음 4가지 입니다. 클래스형 위젯 vs 함수형 위젯, 4가지 결론1. UI 가 복잡하면 클래스형 위젯, 복잡하지 않으면 함수형 위젯2. 재사용을 할것이면 클래스형 위젯, 재사용하지 않을꺼면 함수형 위젯3. DevTools 로 디버깅 잘하고 싶으면 클래스형 위젯, 디버깅..

Dev/Flutter 2024.12.02

[Flutter] 버튼 Radius 주는 방법은 Style 로!!!

여러가지 버튼 위젯으로 BorderRadius(테두리) 를 변경하는 방법을 설명하고자 한다. 설명에는 ElevatedButton, TextButton, OutlinedButton 을 활용한 변경과 기본적인 Container 를 사용한 방법을 소개한다.1. ElevatedButton 테두리 변경하기ElevatedButton( onPressed: () { // 버튼 클릭 시 동작 }, style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), ), child: Text("Rounded Button"),)1.1 ElevatedButton 에서 ..

Dev/Flutter 2024.11.18

간만의 알고리즘 공부 - 23 (가장 가까운 같은 글자)

문제 설명문자열 s가 주어졌을 때, s의 각 위치마다 자신보다 앞에 나왔으면서, 자신과 가장 가까운 곳에 있는 같은 글자가 어디 있는지 알고 싶습니다.예를 들어, s="banana"라고 할 때,  각 글자들을 왼쪽부터 오른쪽으로 읽어 나가면서 다음과 같이 진행할 수 있습니다.b는 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다.a는 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다.n은 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다.a는 자신보다 두 칸 앞에 a가 있습니다. 이는 2로 표현합니다.n도 자신보다 두 칸 앞에 n이 있습니다. 이는 2로 표현합니다.a는 자신보다 두 칸, 네 칸 앞에 a가 있습니다. 이 ..

Dev/Algorithm 2024.07.29

간만의 알고리즘 공부 - 22 (크기가 작은 부분문자열)

문제 설명숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요.예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다.제한사항- 1 ≤ p의 길이 ≤ 18- p의 길이 ≤ t의 길이 ≤ 10,000- t와 p는 숫자로만 이루어진 문자열이며, 0으로 시작하지 않습니다.입출력 예 설명입출력 예 #1- 본문과 같습니다.입출력 예 #2- p의 길이가 1이므로 t의 부분문..

Dev/Algorithm 2024.07.28

간만의 알고리즘 공부 - 21 (문자열 다루기 기본)

문제 설명문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다.제한 사항s는 길이 1 이상, 길이 8 이하인 문자열입니다.s는 영문 알파벳 대소문자 또는 0부터 9까지 숫자로 이루어져 있습니다. 입출력 예 처음 내가 푼 방법class Solution { fun solution(s: String): Boolean { val strList = s.toList() for (item in strList) { if (!item.isDigit()) { return false ..

Dev/Algorithm 2024.07.26

간만의 알고리즘 공부 - 20 (부족한 금액 계산하기)

문제 설명새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다.놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요.단, 금액이 부족하지 않으면 0을 return 하세요.제한 조건- 놀이기구의 이용료 price : 1 ≤ price ≤ 2,500, price는 자연수- 처음 가지고 있던 금액 money : 1 ≤ money ≤ 1,000,000,000, money는 자연수- 놀이기구의 이용 횟수 c..

Dev/Algorithm 2024.07.23

간만의 알고리즘 공부 - 19 (직사각형 별찍기)

문제 설명이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다.별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요.제한 조건- n과 m은 각각 1000 이하인 자연수입니다. 입출력 예시  내가 푼 방법fun main(args: Array) { val (a, b) = readLine()!!.split(' ').map(String::toInt) val strBuild = StringBuilder() for (i in 0 until b) { for (j in 0 until a) { strBuild.append('*') } println(strBuild.toString()) ..

Dev/Algorithm 2024.07.21

간만의 알고리즘 공부 - 18 (내적)

문제 설명길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요.이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이)제한사항- a, b의 길이는 1 이상 1,000 이하입니다.- a, b의 모든 수는 -1,000 이상 1,000 이하입니다.입출력 예내가 푼 방법fun solution(a: IntArray, b: IntArray): Int { return a.foldIndexed(0) {index, sum, item -> sum + item * b[index]}}  이전에 풀었던 음양 더하기 문제가 생각났고 똑같다고 판단되어서 fol..

Dev/Algorithm 2024.07.17