패스트 캠퍼스 챌린지 13일차

실제 완성된 어플 (숫자 카운트 어플)

 

배운 기능들을 종합해서 어플 만들기

 

수강 강의명: 

복습) CH01_09. 기능 종합해서 간단한 어플 만들어보기_숫자 카운트 어플 

 

 

강의 내용 :

프로그램 코드

body: Column(

children: [

Container(height: 50),

Text("탁구 대회", style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold)),

Container(height: 50),

Row(

mainAxisAlignmnet: MainAxisAlignment.spaceAround

children: [

Text("패스트 대학"),

Text("패스트 대학"),

],

),

Container(height: 10),

Row(

mainAxisAlignmnet: MainAxisAlignment.spaceAround

children: [

Text("$count1점",style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)),

Text("$count2점",style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)),

],

),

Container(height: 30),

 Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
    )
        children: [
          Row(
        children: [
    IconButton(icon: Icon(Icons.add),
      onPressed: (){
      setState(() {
      count1 = count1 + 1;
if(count1 >10){
  vicTeam = "패스트 대학 승리 !!!";
    }
      }),
    IconButton(icon: Icon(Icons.remove),
    onPressed: (){
  setState(() {
    count1 = count1 - 1;

  IconButton(icon: Icon(Icons.add),
  onPressed: (){
setState(() {
}
  count1 = count2 + 1;
  if(count2 >10){
  vicTeam = "캠퍼스 대학 승리 !!!";

  }),
  IconButton(icon: Icon(Icons.remove),
  onPressed: (){
setState(() {
}
  count1 = count2 - 1;

 

위의 코드랑 동일하고 count1 대신 count2를 기입함 .

복사 붙여 놓기가 많은 형태임.

★ setState 를 넣어야 상태가 적용되어 점수가 올라갑니다.

★Container(Height:30)의 숫자를 조절하면 위 아래 간격을 조절해서 가독성을 높일 수 있습니다.

★Row을 사용하여 세로(열)을 작성해줍니다.

★mainAxisAlignmnet: MainAxisAlignment.spaceAround을 이용하여 열간격을 일정하게 조절해줍니다.

★style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)을 이용하여 글자 모양과 높이를 조절해줍니다.

ㅇ강의 요약 :

숫자 카운트 어플 실습 

---

 

 

---

후기 
숫자 카운트 어플을 실제 작성해봄으로써 어플을 작성하는데 자신감이 생기고 새로운 어플을 만들 수 있다는 자신감이 생겼습니다.

 

---

#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.