매일 땡기는 마라 코딩

요구사항 과제 1. 다음 조건을 확인하고, 첨부된 3가지의 이미지 화면과 같은 결과를 만드세요. TextField를 두 개 사용하여 변수에 저장합니다. 사칙연산이 가능하도록 버튼을 4개 만듭니다. 각각의 버튼(+,-,*,/)를 누르면 해당 연산자에 맞는 결과값을 출력합니다. 이 때, 결과값은 **다이얼로그(Dialog)**로 출력합니다. Dialog란, 앱에서 팝업창처럼 화면위에 화면을 띄우는것을 말합니다. 일반적으로 showDialog가 있고, AlertDialog를 주로 사용합니다. 계산 결과를 result로 넣으면, 다이얼로그를 출력하는 예시코드가 제공됩니다. 해당 코드를 활용하여 결과를 화면에 출력하세요. 사전 지식 "Dialog" showDialog barrierDismissible : 바깥 영..

요구사항 음악명은 최대 2줄까지만 가능하다. 가수명과 플레이시간은 최대 1줄까지만 가능하며 필요한 경우 가수명을 줄인다. 음악의 정보를 보여주는 위젯을 만들고, 이름은 MusicTile로 한다. 사전 지식 "theme" MaterialApp의 theme 속성을 사용하면 앱 전체의 테마를 지정해 줄 수 있다. theme: ThemeData.from(colorScheme: ColorScheme.dart()) "shape" 모서리의 형태를 지정해 줄 수 있다. "ClipRRect" 모서리를 둥글게 만들 때 사용한다. borderRadius 속성을 사용하여 borderRadius: BorderRadius.circular(4)와 같이 작성한다. "Axis" mainAxis는 위젯의 기본 방향, crossAxis는..

요구사항 음료 이미지는 CircleAvatar를 사용하며 48의 반지름크기를 갖는다. 음료 영문명의 font size는 14pt이며 회색으로 w200의 굵기를 가진다. 음료의 정보를 보여주는 위젯을 만들고, 이름은 DrinkTile로 한다. 사전 지식 "bottomSheet" 하단 메뉴나 액션을 표시하기 위해 사용한다. 스크롤에 따라 위치가 변하지 않는다. 항상 볼 수 있는 Persistent BottomSheet와 일시적으로 사용하는 Modal BottomSheet로 나눌 수 있다. 높이, 색상 등을 지정할 수 있다. "mainAxisAlignment, crossAxisAlignment" Row, Column을 정렬하기 위해 사용한다. Row(행)은 가로가 main이 된다. Column(열)은 세로가 ..

요구사항 기분을 나타내는 위젯을 3가지 이상 만들고, 페이징이 가능하게 해야 한다. (gradient, radius 필수) ListTile 위젯을 사용하지 않고, 동일한 결과물을 만들어야 한다. (위아래 구분하는 구분선은 Divider로) 내가 해야 하는 건? gradient, Radius, Divider에 대해 자세히 찾아 본다. margin, padding 등의 속성값에 대해 알아 본다. 사전 지식 "EdgeInsets" paddig, margin의 값을 조정할 때 사용한다. all, only 등 여러 옵션이 있다. all: 전체 영역 여백 지정 margin: EdgeInsets.all(8) only: 특정 영역 여백 지정 margin: EdgeInsets.only(top: 230) fromLTRB:..

요구사항 1일차 과제 제공된 예문을 사용해 예시와 동일한 결과물 만들기 RichText 위젯 사용 Text, Column 위젯 사용불가 style을 지정한 위젯은 4가지 이상 문단은 3문단 이상 그럼 내가 해야 하는 건? RichText 문법 알아보기 RichText와 Center 같이 쓴 예시 찾아보기 글자 색 지정/글자 크기 지정/취소선/볼드체/배경 색 지정 관련 Style 알아보기 사전 지식 "RichText" RichText는 위 사진과 같이 트리 구조로 이루어져 있다. 여러 스타일을 혼합해 표현할 때 사용하는 위젯이다. Center로 배치하고 싶다면, body를 Center로 설정하고, children으로 RichText 위젯을 사용한다. 적용한 Style textAlign: TextAlign...

요즘 프로젝트를 하면서 깃허브에 대해 좀 제대로 배워야겠다고 생각하던 차, 이게 웬 떡이야 하고 들은 강의들. VSCode에 Git을 연결하면 굉장히 편리하게 사용할 수 있는데 그 내용에 대해 학습할 수 있었다. 이게 인터넷에 검색하면 생각보다 잘 안 나오거등. 거기다 뭐만 하면 오류 천지. 이번 기회에 확실히 배워 보기로. Git과 Github란 "Git" Git은 파일의 히스토리를 관리해 주는 시스템이다. 서비스 장애 발생 시 이전 코드로 복구가 가능하게 해 준다. 파일의 변경 사항을 날짜, 수정자 등의 정보와 함께 기록해 준다. Git 설치 링크: https://git-scm.com/downloads "Github" 클라우드 기반의 Git 저장소 호스팅 서비스 컴퓨터 고장 시에 백업이 가능하다. 여..

문제 과정 1. 배열 arr와 배열 delete_list의 요소를 하나씩 비교 1-1. 배열 arr의 0번 인덱스와 배열 delete_list의 0번부터 끝까지 비교하는 방식으로 2. 비교해서 같다면 배열 arr의 해당 인덱스 삭제 여기서 출력할 값을 넣을 배열의 크기를 판단할 수 없는 상태이기 때문에, 동적으로 크기를 할당해 주어야 한다. "ArrayList" Collection 프레임워크의 일부이며 java.util 패키지에 소속. 일반 배열과 다르게 크기가 가변적이다. -> 동적 할당 배열은 빈 공간을 허용하지만, ArrayList는 빈 공간을 허용하지 않는다. .add()로 추가, .remove()로 삭제가 가능하다. 배열과 동일하게 인덱스가 사용 가능하다. ex) arr[0] //선언하는 방법 ..

문제 과정 1. arr1, arr2의 길이를 비교하여 배열이 같을 때, arr1이 클 때, arr2가 클 때로 조건을 나눠 준다. 1-1. 같으면 2번 진행, arr1이 크면 1 출력, arr2가 크면 -1 출력 2. 배열이 같을 때 변수 one에 배열 arr1의 모든 요소를 더해 준 값을 대입하고, two에 배열 arr2의 모든 요소를 더해 준 값을 대입한다. 3. 배열이 같을 때, one과 two의 값을 비교하여 값이 같을 때, one이 클 때, two가 클 때로 조건을 나눠 준다. 3-1. 같으면 0 출력, one이 크면 1 출력, two가 크면 -1 출력 이렇게 정상적으로 짜 놓고 원하는 결과가 안 나오길래 2번을 조건문 밖으로 옮겼다가 컴파일 에러 떴다. 원인은 이거였음 for문 돌릴 때 int..