본문 바로가기

전체 글

(8)
[GoToLearn] Flutter Riverpod을 사용한 BMI 계산기 GoToLearn 7주차GoToLearn 7주차는 Riverpod을 활용하여 BMI 계산기를 만들어보는 과제입니다. 간단하게 한 번 만들어보도록 하겠습니다. BMI란 ?BMI 계산기를 만들기 전에 BMI가 어떤것인지 먼저 알아보고 진행하도록 하겠습니다. BMI(Body Mass Index)로 체질량 지수를 뜻하고 근육량과 상관없는 키와 몸무게 가지고 계산하는 지수입니다.BMI의 계산식은 몸무게(kg)을 키(m)의 제곱을 나눈 값으로 식으로 나타내면 bmi = 몸무게 / (키^2)으로 나타낼 수 있습니다.대한 비만 학회 기준으로 BMI가 18.5 미만이면 저체중, 18.5 ~ 22.9는 정상, 23 ~ 24.9는 비만 전 단계, 25 ~ 29.9는 1단계 비만, 30 ~ 34.9는 2단계 비만, ..
[GoToLearn] Flutter Riverpod을 사용한 CounterApp 만들기 GoToLearn 6주차GoToLearn 6주차 과제는 Codelab을 학습하는것이 아닌 상태 관리 패키지인 Riverpod을 활용하는 과제입니다. Riverpod을 사용하여 Counter App을 만들어보겠습니다. Riverpod ?Riverpod이란 무엇일까?공식문서에 따르면 Riverpod이란 Fluuter/Dart를 위한 반응형 캐싱 프레임워크라고 합니다.  반응형 캐싱 프레임워크 하는 이유를 찾아보니 Rivierpod은 1. 자동 캐싱(상태를 자동으로 캐싱하여 동일한 상태를 여러 번 생성할 필요 없어 효율적으로 재사용할 수 있고, 상태나 데이터를 요청할 때 이미 존재하는 데이터가 있다면 계산하지 않고 캐싱된 데이터를 사용)과 2. 반응형 업데이트(상태가 변경될 때 감지하고 자동으로 UI..
[GoToLearn] Flutter CodeLab - MDC-104 Flutter:Material Advanced Components GoToLearn 5주차GoToLearn 5주차 CodeLab과제인  MDC-104 Flutter:Material Advanced Components을 진행해보겠습니다. 이번에는 고급 머터리얼 컴포넌트를 사용해보는 것 같습니다. 그럼 시작해보겠습니다. MDC-104 Flutter:Material Advanced Componentshttps://codelabs.developers.google.com/codelabs/mdc-104-flutter?hl=en#0 MDC-104 Flutter: 머티리얼 고급 구성요소  |  Google Codelabs디자인을 개선하고 Flutter의 고급 구성요소 배경화면 메뉴를 사용하는 방법을 알아보세요.codelabs.developers.google.com 소개이번 코드랩..
[GoToLearn] Flutter CodeLab - MDC-103 Flutter:Material Theming with Color, Shape, Elevation, and Type GoToLearn 4주차GoToLearn 4주차 CodeLab과제인  MDC-103 Flutter:Material Theming with Color, Shape, Elevation, and Type을 진행해보겠습니다. 코드랩 제목을 보니 머터리얼 테마 관련 설정을 배워보는 시간인 것 같습니다. 그럼 시작해보도록 하겠습니다.MDC-103 Flutter:Material Theming with Color, Shape, Elevation, and Typehttps://codelabs.developers.google.com/codelabs/mdc-103-flutter#0 MDC-103 Flutter: 색상, 형태, 고도, 활자를 사용한 Material Theming  |  Google CodelabsFlutt..
[GoToLearn] Flutter CodeLab - MDC-102 Flutter:Material Structure and Layout GoToLearn 3주차GoToLearn 3주차 CodeLab과제인  MDC-102 Flutter:Material Structure and Layout을 진행해보겠습니다. 제목을 보니 머터리얼의 구조와 레이아웃에 대해 학습하는 것 같습니다. MDC-102 Flutter:Material Structure and Layouthttps://codelabs.developers.google.com/codelabs/mdc-102-flutter?hl=en#0 MDC-102 Flutter: 머티리얼 구조 및 레이아웃  |  Google CodelabsMaterial을 사용하여 Flutter 앱의 구조와 레이아웃을 만드는 방법을 알아봅니다.codelabs.developers.google.com 소개이번 코드랩에서 빌드..
[GoToLearn] Flutter CodeLab - MDC-101 Flutter:Material Components Basics GoToLearn 2주차GoToLearn 2주차 CodeLab과제인 MDC-101 Flutter:Material Components Basics을 진행해보겠습니다 !MDC-101 Flutter:Material Components Basicshttps://codelabs.developers.google.com/codelabs/mdc-101-flutter?hl=en#0 MDC-101 Flutter: 머티리얼 구성요소 기본사항  |  Google Codelabs간단한 Flutter 앱의 로그인 페이지를 만들어 Material 구성요소 사용에 관한 기본사항을 알아봅니다.codelabs.developers.google.com 1. 소개Material Design 이란 ?머터리얼 디자인이란 대담하고 멋진 디지털..
[GoToLearn] Flutter CodeLab - First Flutter App Go To Leran이란?K-DevCon에서 주최하는 멘토링 프로그램으로 Flutter, BackEnd 등 각 분야의 전문가들의 멘토링을 통해 성장할 수 있도록 도움을 주는 프로그램입니다. 현업에서 Flutter를 사용하고 있기 때문에 Flutter로 지원을 하였고, 운이좋게 멘토링에 참가할 수 있게 되어 감사하게 생각하고 있습니다. Flutter 멘토링 방식은 1주일에 1개의 Flutter CodeLab을 과제로하고 과제를 하면서 막힌 부분이나 이외 궁금한것 무엇이든 자유롭게 질문하는 방식입니다. 5주동안 총 5개의 코드랩을 진행하는데 짧은 시간 같지만 주어진 시간동안 많이 질문하고 배워가야겠습니다.First Flutter App1. 소개First flutter App의 주제는 Next 버튼을 통..
[Flutter] Flutter 버전 업그레이드 다운그레이드 방법 1 //1. 터미널에서 flutter sdk 경로로 이동 cd //cd ~/development/flutter //2. 바꾸고 싶은 flutter 버전 checkout git checkout //git checkout 3.3.0 //3. 관련항목 다운로드 flutter doctor -v //4. 변경 버전 확인 flutter --version 해당 방법으로 버전 다운그레이드시 flutter channel이 unknown으로 나타남 방법 2 Flutter SDK release를 다운받아서 flutter sdk 경로에 파일 설치 변경할 버전 다운로드 (https://docs.flutter.dev/development/tools/sdk/releases) 다운받은 파일 기존 sdk 경로에 압축 해제 flu..