어느날 우연치않게 오름캠프 k디지털 교육과정을 알게되었습니다. 물론 제가 IT교육을 배울 수 있는 국비,부캠 등 온.오프 창구가 많이 포진되어있다는 것을 알고있었지만 신빙성(과연될까)과 강사진의 신뢰도로 인해 수강할생각을 안하였는데 오름캠프 플러터교육은 비전공자인 제가 이름한번은 들어봤던 훌륭한 강사진으로 포진되어있고 과정퀄리티도 훌륭했고,

온라인 강좌가 트랜드에 맞춰 다양하며 정말 필요한 교육들로 편성되어있으며 더군다나 비용도 전액무료 그래서 안할 이유가 전혀 없는 오름캠프 k디지털 플러터 교육에 문을 두드리게됩니다.

2. 온라인이지만 오프라인같은 다정함

온라인 이지만 줌과 게더타운을 통해 최대한의 온라인의 단점을 극복하여 마치 오프라인느낌의 수업을 진행하며 학습분위기도 열정적이고 확실히 하나하나 제대로 가르쳐준다?!오프라인보다 더 꼼꼼히 알려주신다 라는 강사분들의 의지와 친절함 보였어요.

무료교육도 모자라 수업이 없는 시간에 한하여 특강을 통해 몰랐던 개발지식을 한층 업그레이드 시켜주었고 긴밀한 소통을 통해 취업에 실질적으로 도움을주어 취업희망자들에게 취업성공률도 높여주었고 주말 스터디그룹을 장려하여 오름캠프 강남점을 공간으로 제공해주어 오롯이 공부에만 전념할 수 있는 컨디션을 만들어주는 세심함에 여러번 감동을 받았습니다

3. 찐 개발자 양성소

소수의 인원이다 보니 거의 개인교습받는 수준으로 질의응답에대한 피드백이 바로바로 나와 좋았고 정규수업이 끝나도 팀원을 편성해주어 팀원간 서로 의견을 주고받으며 공부하니 혼자할때보다 함께성장하는 시너지를 받으며 한주한주 성장하는 나자신을 보게되었던것같아요.

수강 마지막쯤에는 팀or혼자서 앱을 완성하는 경험까지 하고 그 결과물을 가지고 발표도 직접하며 첨엔 과연될까라는 물음표에서 이젠 내가 정말 개발자가 될수있겠구나 라는 느낌표로 내자신이 변화되었고, 비전공자인 제가 이번교육을 마치니 “개발이라는 거 나도 할수있네?” 라고 할수있다는 확신이 생겼습니다.

물론 아직도 많이 헤매이고 덤벙거리지만 중요한건 하나씩 나스스로 해결할수있다는 용기와 자신감이 생겨났습니다. 그리고 실제로 같이 공부한 비전공자 수강생들이 취업하는모습을 보며 나뿐아니라 이 교육이 수강생들에게 많은 도움이 되었구나 라며 다시한번 교육듣길 잘했다라고 생각했습니다.

4. 고민중이신 예비 수강생분들께..

이번기회에 오름캠프 k디지털 플러터 과정을 통해서 제2의 도전, 한걸음 더 도약의 계기가 되셨으면 좋겠습니다. 막연했던 개발자의 길을 정말로 걸을수있게 해줍니다.

도전을 해야 성공을 할 수 있다잖아요. 실패할것같다고 포기한다면 성공또한 못합니다 실패를 생각하지마시고 도전하시다보시면 언젠간 여러분들이 원하는 성공에 가까이 있을거라 생각합니다.

오름캠프를 통해 성공적인 개발자가 되시기 바랍니다 화이팅.

주요 특징:

다양한 데이터 소스 지원: List, SliverList, FutureBuilder 등 다양한 데이터 소스와 함께 사용 가능. 맞춤 설정 가능: 아이템 위젯을 완전히 커스터마이징하여 원하는 모습을 만들 수 있음. 효과 지원: 스크롤 시 애니메이션 효과 추가 가능. 효율성: 화면에 보이는 항목만 렌더링하여 성능 최적화. 다양한 빌더 유형: ListView.builder, ListView.separated, ListView.custom 등 다양한 빌더 유형 제공되어 데이터 표시에 유연성 제공.

사용 예시:

// 간단한 리스트뷰

ListView(
              children: const [
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),
                Center(child: Text('스크롤', style: TextStyle(fontSize: 30))),         
              ],
            ),         

flutter ListView 사용 시 고려해야 할 점:

성능: 항목 수가 많을 경우 렌더링 성능 문제가 발생할 수 있으니 데이터를 효율적으로 다루는 방법 검토 필요. 아이템 크기: 동적 아이템 크기 사용 시 ListView 성능 저하 가능. 스크롤 이벤트 처리: 필요한 경우 스크롤 이벤트 처리 코드 추가. flutter ListView는 다양한 상황에서 유용한 위젯이며 기본적인 리스트뷰 구현부터 복잡한 데이터 표시까지 활용.

Spacer의 주요 특징 : Flex 값 지정 가능: Spacer 생성자에 flex 속성을 지정할 수 있습니다. 이 값은 Spacer와 다른 위젯 사이의 크기 비율을 결정합니다. 예를 들어, Spacer(flex: 2)는 다른 위젯보다 두 배 큰 공간을 차지합니다. 유연한 공간: Spacer는 컨테이너의 남은 공간을 비율에 따라 분배합니다. 즉, 컨테이너 크기가 변경되면 Spacer의 크기도 변경되어 여백 유지됩니다. 간단한 사용: 코드가 간결하고 직관적이며 기존의 Padding이나 SizedBox 대신 사용할 수 있습니다. 사용 예시:

Spacer 변경 전

Spacer 변경 후

// Column 위젯에서 Spacer 사용
Column(
  children: [
    Spacer(), Row 위 공간을 모두 채워준다
    Row(...),
    const SizedBox(height: 30),
  ],
)

Spacer vs. SizedBox:

Spacer는 Flex 컨테이너에서 유연한 공간을 만들기 위해 사용되며 위젯 크기에 따라 자동으로 조정

SizedBox는 고정 크기의 공간을 만들기 위해 사용되며 크기 설정이 필요.

Spacer는 간편하게 Flex 컨테이너 내에서 위젯 간의 여백 정렬에 유용하며, SizedBox는 보다 정교한 크기 조정이 필요한 경우 사용.

Flutter-Toolkit

빌드를 자동으로 할수있게 해준다

flutter enhancement suite

라이브러리 설치 & 업데이트를 쉽게해주고

선언된 변수 및 클래스가 어디서 쓰이는지 쉽게확인

타입 힌트

라이브 템플릿의 위치

상단 가장 왼쪽 android studio > setting > find > live templates

사용할 언어로 이동후 오른쪽 "+" 버튼으로 추가가능

Live Template 클릭

Abbreviation:

live template 이름을 설정

Description:

템플릿의 내용 입력(입력안해도 가능)

Template text:

자동 입력될 코드 작성

Edit Variables... :

커서위치, 스킵, 연산자 설정

Edit Template Variables 설정

NAMP과 커서위치 변경 CAP_NAME의 위치를 변경했다.

앞뒤에$ $ 붙는것은 변수인데 불러오자마자의 커서위치를

CAP_NAME이 위에있으면 커서가 해당 위치로 가게하기위해

스킵

작업을 수행하지 않도록 한다

연산자 설정

해당 명령어에 부가기능을 부여한다

flutter create . : 최신버전의 플랫폼(macos, window 등) 폴더를 만들어준다

plugin

control + enter 시 Named argument constructor 로 만들어준다

단축키

안드로이드스튜디오 메뉴중 가장끝 Help > Find Action에서 해당 단축키 이름을 확인할수있다

띄어쓰기된 공간을 시각화하여 보여지게 할수있다 (on/off로 설정)

shift +F6 이름수정

control + enter or control + N 툴가이드

command + delete 한줄 지우기

코드 정리

shift + option + 화살표 위, 아래 = 해당줄을 위,아래로 이동

command + E 이전에 열어보았던 file 탐색

command + B 해당 문장이 인용되어 만들어준 코드로 이동

command + [ 뒤로가기 command + ] 앞으로가기

왼쪽 탭으로 이동 command + shift + [

오른쪽 탭으로 이동 command + shift + ]

전체검색 shift + command + F

파일내 같은 이름을 한번에 모두 지정 command + control G

파일내 같은 이름을 순차적으로 지정 control + G

해당줄의 코드를 아래줄로 그대로 복사 command + D

타입의 상속 도표 확인 control + H

해당 페이지내 선언된 구조 확인 command + F12

플러터 위젯의 파라미터 목록확인

control + space bar

한줄 지우기

command + 백스페이스

void main() {

String? name;

String age = '25';

print(name.length);

print(age.length); }

inheritance : extends로 해당 클래스를 이어받아 양산을 한다

polymorphism : extends로 해당 클래스를 이어받아 양산하되 기능 추가가 필요할때

class IronMan { String name; int powerLevel;

IronMan(this.name, this.powerLevel);

this : 해당 클래스내 상위에 선언한 변수를 가르킨다

void shoot() { print('$name is shooting guns!');}}

class IronManMK3 extends IronMan { int flyhigh; IronManMK3(String name, Int powerLevel, this.flyhigh):super(name, powerLevel)

super:extends한 클래스의 변수를 그대로 가져온다

@override

@override extends한 클래스의 함수의 내용을 재설정한다.

void shoot() { print('$name is shooting Laser!');} void fly(){ print("$name is $flyhigh");}}

Interface : 계획단계 청사진 클래스 설정

Abstract Class : 추상클래스(미완성클래스). 추후 완성을 위해 미리 선언만해놓은상태 (가져와 활용시 추상클래스 함수를 모두 사용해야 한다)

Mixin : 각각의 다른 클래스간 필요한 기능들만 가져와 새로운 클래스를 만든다(다중상속과 같은 효과를 만들어줌)

추상클래스 실습

Abstract Class Abs{ run() jump() }

Class ABS extends Abs{ run(){(print("dsf");df)} junm(){(print("dsf"))} } 무조건 추상클래스의 함수를 가져와야 함

mixin 실습

Class animal{ String name; animal(this.name){}}

mixin A on animal{ on으로 클래스를 가져오고 애니멀의 클래스를 A가 섞어 쓸수있다 fly(){}}

Class bird extends animal with A{ with로 활용한다 버드 클래스는 애니멀과 A를 상속과 같은 효과를 받는다 }

비동기 : 순서대로 작업을 안하고 동시작업 해주는것

키워드 : Async await

타입 : future(미래값 딱한번만 돌아온다) stream(데이터가 꾸준히 들어온다(실시간채팅))

비동기 예시

future a down(String url) Async{ ** future 비동기 타입의 함수를 Async를 넣으므로 비동기상태이다 ** var response=await http.get(url); ** await뒤에있는 미래 언젠간 받을 url을 받을때까지 기다리지말고 다른작업도 가능하도록 비동기로 명령** }

void main() { int i = 1; List players = ["player1", "player2", "player3", 'player4']; 플레이어 4명을 리스트화 int currentPlayerIndex = 0; 선언 및 초기화 int clapCount = 0; int roolCount = 0; int ahhCount = 0; List clapCountsByPlayer = [0,0,0,0]; 플레이어 카운트할 리스트화

for (int i = 1; i <= 100; i++) { 1부터 100까지 숫자 하나씩 올리는 for 문 String currentPlayer = players[currentPlayerIndex];

if (i % 30 == 0) {
  print('$currentPlayer: ahh');
  ahhCount++; (총 갯수 카운트)
                      30배수
} else if (i % 3 == 0) {
  print('$currentPlayer: clap');
  clapCount++; (총 갯수 카운트)
                      3배수
  clapCountsByPlayer[currentPlayerIndex]++;
} else if (i % 10 == 0) {
  print('$currentPlayer: rool');
  roolCount++; (총 갯수 카운트)
                      10배수
} else {
  print('$currentPlayer: $i');
                      나머지 프린트
}

currentPlayerIndex = (currentPlayerIndex + 1) % players.length;
                      모름

}

int maxClapCount = 0; 최대값 선언 초기화 String playerWithMaxClap = ""; 가장많이 출력플레이어 선언 초기화

for(int i = 0; i< players.length; i++){ 가장많이 출력플레이어 for문 int count = clapCountsByPlayer[i]; 모름(카운트 = 0,1,2) print("${players[i]}:$count"); 프린트 if(count > maxClapCount){ 모름 maxClapCount = count; 선언 playerWithMaxClap = players[i]; 선언 } } print("\n가장 많은 clap을 출력한 플레이어: $playerWithMaxClap "); 프린트 }

힌트 :

변수는 프로그램에서 값을 저장하고 참조할때 사용하는 중요 개념 변수는 선언(var name;)과 초기화(var name = 2;)와 타입(int name;)이 필요하다

final, const : 변경이 불가능하게 값을 할당한다

다트의 함수는 일급객체이다(다른객체들에 연산을 모두 지원) 함수를 변수처럼 활용가능

객체지향 각각의 객체를 모듈화 object : 데이터 혹은 기능이 정의되어있으며 프로그래밍상으로 활용가능한것 class : object의 데이터와 기능이 정의되어있는 설계도(class의 최종결과물은 object) instance : 클래스를 복제하여 활용

타입 지정된 함수

int add(int a, int b){ return a+b; }

화살표 함수

int add2(int a, int b) => a+b;

String(첫글자 대문자)

String add3 = "string"; bool YES or NO bool add4 = false;

var 시스템 알아서 타입 찾아줌

var add5 = "sstr";

리스트

List add6=[1,2,3,4,5]; if-else int ifa = 23;

if문

if(ifa < 50){ print("object"); }else{ print("oddbject"); }

switch 조건문

String add7 = "show"; Switch(add7){ case "ssow" : print('dsf'); break; case "show": print("df"); break; default : print("df");}

for - in 문

List aLss = [1,2,3,4,5]; for(int aLs in aLss){ print(aLs);}

while 문

int while1 = 1 ; while(count < 5) { print('object'); while1++;}

do 문

int do1 = 1; do{ print('object'); do1++; }while(1<10);

late 키워드(계산기 처럼 선언후 값이 뒤에 입력이 될때 미리 선언한다)

late String name; print("my name is $name"); name = alice;

instance 실습

Class Person{ String name; int age; Person(this.name, this.age); printInfo(){ print("name $name"); print("age $age"); }} var person = Person('john do, 30'); person.printInfo();