Flutter16 [Flutter] 코딩 스터디 10회차 | main.dart 뜯어보기 (4) ✨ 목표 책 '플러터 앱 프로그래밍' p.74~84 학습. ✨ 이해한 것 [ 버튼 생성하기 두번째 ] 엊그제 스위치가 클릭이 되도 안되더니, switchValue 변수의 위치를 Widget 밖으로 빼보니까 잘 작동한다. 이런...ㅋ 정말 신기하다. 마치 HTML에 인라인으로 자바스크립트 넣는 기분과 자바스크립트로 DOM 탐색후 innerHTML을 동시에 수행하는 느낌인데 이게 기본동작원리라니... child 안에도 child 선언이 가능하다. 느낌상 child > child 이런식으로 가능하다는 느낌같음. [ 위젯의 생명주기 ] 스테이트리스 위젯은 갱신불가로 생명주기가 없음. 화면 넘어가는 순간 꾀꼬닥. 그러나 10단계의 생명주기가 있음. 상태 생성, createState() 위젯을 화면에 장착, mou.. 2022. 9. 14. [Flutter] 코딩 스터디 9회차 | main.dart 뜯어보기 (3) ✨ 목표 책 '플러터 앱 프로그래밍' p.69~73 학습. ✨ 이해한 것 앱에 머터리얼 디자인을 적용하려면 Scaffold 클래스를 이용해야 함. 스위치를 생성하려면 Switch() 함수를... (계속 느끼는건데 함수를 선언한것만으로 DOM? 이 그려지는게 넘 신기하다) 스위치 클릭했을때의 상태값은 따로 코드로 구현하는 것이 아닌, Switch() 함수 내에서 onChanged 키값?을 이용해서 변환. 클래스 앞에 언더스코어(_)를 붙이는 것은 일종의 지역변수 느낌으로 내부에서만 사용할 수 있다는 것을 의미. 지금 작업에서는 main.dart 안에서만 사용할 수 있도록. 화면의 값을 바꾸려면 setState() 함수 안에서 조절해야 함. ✨ 이해 안되는 것 print 함수로 오류 확인이 정확하게 안되.. 2022. 9. 12. [Flutter] 코딩 스터디 8회차 | main.dart 뜯어보기(2) ✨ 목표 책 '플러터 앱 프로그래밍' p.63~68 학습 ✨ 이해한 것 플러터앱을 구성하는 위젯은 크게 2가지, 스테이트리스(stateless) | 스테이트풀(statefull)로 구분. stateless : 상태관리를 감시할 필요가 없는것, StatelessWidget 클래스 상속. statefull : 상태관리가 계속 이어져야 함. StatefulWidget 클래스 상속. 항시 지켜봐야함으로 메모리나 CPU등의 자원을 많이 소비함. Flutter의 기본 배경은 검은색. 검은색 도화지 위에서 하나하나 그려나간다고 생각. contents는 좌측 상단에서부터 우측하단방향으로 내려옴. 위젯을 하나만 넣을때는 child 옵션, 여러 위젯을 넣으려면 children 옵션을 사용. CSS 처럼 속성을 넣을때는 '.. 2022. 9. 10. [Flutter] 코딩 스터디 7회차 | main.dart 뜯어보기(1) ✨ 목표 책 '플러터 앱 프로그래밍' p.57~62 학습 ✨ 이해한 것 [ 기본내용 토대 ] vscode처럼 여러가지 폴더를 내가 직접 만드는 것이 아닌, 기본 폴더구조가 저절로 만들어진다. 크게 android, ios, lib, test 폴더가 메인. 주 폴더는 lib 폴더로서 여기에만 집중하면 됨. 이 lib 폴더안의 main.dart 파일의 main() 함수부터 시작이 되는듯. HTML로 따지자면 이 함수 자체가 부터 시작하는 느낌인것 같다. test 폴더는 쉽게 앱 테스트를 할 수 있게끔 하는 기본 제공 폴더. pubspec.yaml : 일종의 css 파일과도 같은 느낌인듯? 나머지 .gitignore, .packages 등은 node 등에서 쓰이던 폴더들이랑 결을 같이하는 느낌. [ main.d.. 2022. 9. 7. [Flutter] 코딩 스터디 6회차 | 스트림 그리고 Dart 도전 ✨ 목표 책 '플러터 앱 프로그래밍' p.50~56 학습 스트림 통신 (p.50~52) Dart 프로그래밍 만들기 (p.53~56) ✨ 이해한 것 비동기에서 여러개의 값을 저장하는 클래스로 사용하려면 Stream 클래스를 사용. 순서를 보장 받고 싶을때 사용하는 클래스. 데이터를 차례대로 주고 받는 코드를 작성할 때 사용. async* 는 앞으로 yield를 이용해 지속적으로 데이터를 전달하겠다는 의미. return값은 한번만 반환하는 반면 yield는 반환 후에도 계속 함수를 유지함. Stream 클래스를 이용할 경우 then()함수로 값을 받을 수도 있으나 then() 함수를 이용할 경우는 한번만 사용해야 함. 왜냐면 Stream 클래스를 이용하여 데이터를 사용하면 데이터는 바로 사라지기 때문에. 실.. 2022. 9. 4. [Flutter] 코딩 스터디 5회차 | JSON 데이터 주고받기 ✨ 목표 책 '플러터 앱프로그래밍' p.48~49 학습 ✨ 이해한 것 라이브러리를 추가할 때는 dart:라이브러리명 형태. (ex. dart:convert) List 형태의 자료형...? is가 자바스크립트의 typeof 느낌인가보다. JSON 형태를 Response 받기 위해서는 convert 라이브러리의 jsonDecode() 함수를 써야함. 서버로 데이터를 보낼때는 jsonEncode() 함수를 써야 함. JSON으로 응답할때 ' ' (작은따옴표)를 object의 키값에 넣을때는 '변수'로 인식, " " (큰따옴표)를 키값에 넣을때는 JSON 데이터임을 표시. ✨ 이해 안되는 것 dynamic 형식의 리스트가 뭐지...? 이해한것의 5번이 이해가 안된다... 일단 외우려고 암기하듯 적긴 했지만... 2022. 9. 3. 이전 1 2 3 다음
