본문 바로가기

스터디/Flutter4

[Flutter] Future, async, await 삼총사 http 패키지의 get을 활용해 Api url로 부터 response를 받아오는 코드를 짜봤다. (13번 줄 주목) 이때 await를 썼는데, 실제로 url로부터 response를 받아오기 전까지, 다음 코드로 넘어가지 말라는 뜻이다. 하나의 일이 처리될 때 까지 다른 일의 처리가 지연되는 것을 '비동기적'이라고 한다. await 로 인해, getTodaysToons() 함수 자체가 비동기적 함수가 되었다. 따라서, async 을 붙여줘야 한다. (10번 줄 주목) 또한, 비동기적 함수의 반환값은 Future 이어야한다. Future에 대한 Geeksforgeeks의 설명은 다음과 같다. Future in Flutter refers to an object that represents a value th.. 2024. 1. 19.
#4.4 Widget Lifecycle Stateful Widget에겐 싸이클이 있다. 이 싸이클은 initState -> build -> dispose 순으로 진행된다. Stateless Widget 이었던 MyLargeTitle을 Stateful Widget으로 바꾸어보자. Stateful Widget이 된 MyLargeTitle은 build 메서드 이외에 initState()도 가질 수 있다. (직접 추가해야함) State 초기화라.. 함수들 밖에서도 가능하지 않았냐? 그냥 맨 위에 int num = 1; 쓰면 초기화 되는 거 아니었냐? 맞다. 대부분의 상황에 initState()는 필요가 없다. 그렇지만, 종종 부모 요소에 의존하는 데이터를 초기화해야하는 경우가 있다. 즉, 가끔 context를 이용해서 데이터를 초기화해야될 때도 있을.. 2024. 1. 19.
[Flutter] #3.6 & 3.7 Cards &icons 1. row 내에서 세로 정렬 -> end 끝 줄에 맞춰서 정렬됨 2. row 1열 텍스트, 2열 아이콘 1열 = column(-> column 2행은 row) 2열 = 아이콘 3. Icon 추가. Icons.euro_rounded 4. transform.scale 2024. 1. 18.
[Flutter] #3.5 Reusable Widgets 1. editor format on Save 코드를 저장했을 때, 콤마가 필요한 곳에 콤마를 찍고, 보기 쉽게 정렬해주는 기능. 다트 언어 뿐만 아니라, 다른 언어에서도 사용할 수 있음 파일이름 : settings.json "dart" : { "editor.formatOnSave" : true, } 2. Error Lens extension 에러 내용을 코드편집기에서 미리보기로 띄워줌 3. Request Button copy Transfer Button. -> make it as a Reusable Widget 3. Ui problem overflowed by the pixel error. -> modify padding ( to 20px ) 4. color change Request Button -> .. 2024. 1. 14.