flutter27 프론트엔드 개발자의 TIL #022 TIL #022 191202 월 오늘 배운 점 1. 마이스튜디오 화면 구현 하위 탭 4개로 구성된 마이스튜디오 화면 구현을 시작했다. 디테일한 UI를 반영해야 해서 간단하게 Column식으로 위젯을 배열할 수 없었다. 대신 Stack을 활용해 화면에 레이어를 여러 개 구성하는 방식으로 구현을 하게 되었다. 레이어로 화면을 구성함에 따라 기존에 활용하던 TabView를 사용하기 어려워진 듯하다. 그래서 우선 상단의 프로필 정보 부분만 구현을 해놓았다. 나머지 부분은 공유하기 등의 몇 가지 기능을 제외하고는 탭 출력만 해결되면 금방 구현할 수 있을 것 같다. 후원 관련 기능은 Buy me a coffee 서비스를 활용하면 어떨까 해서 거기서 제공하는 버튼 이미지를 넣었다. 화면 좀 닦아야겠다.. (눈물) 내.. 2019. 12. 2. TIL #018 Flutter 와 Nodejs 연동하기2 - jsonArray 오늘 배운 것> JsonObject JsonArray Json Serialization 직렬화 오늘의 에러> type 'InternalLinkedHashMap' is not a subtype of type 'List' (참고: https://medium.com/flutter-community/parsing-complex-json-in-flutter-747c46655f51) 저번에는 상품 한 개 단위로 보내는 것에 성공했고, 오늘은 상품 여러개를 백엔드쪽에서 jsonArray 형태로 보내고 플러터에서 받는 작업을 시도했다. 오늘 작업에서는 jsonObject 와 jsonArray 에 대한 이해가 필요했다. (참고: https://aljjabaegi.tistory.com/40) 1. jsonObject -기.. 2019. 12. 1. 프론트엔드 개발자의 TIL #021 TIL #021 191130 토 오늘 배운 점 1. Generator (생성자 함수) 비동기 데이터 처리를 위한 (거의) 마지막 단계의 공부다. 사실 공부할 내용은 훨씬 많지만 이렇게 간단하게나마 5번에 걸쳐 하나씩 비동기 코딩을 뜯어보는 것도 유익하다고 생각한다! Sync 데이터의 생성자가 Iterable형이라면, Async 데이터의 생성자는 Stream형 반환 type이다. 둘의 가장 큰 차이점은 sync 생성자는 요구에 따라(on demand) 바로바로 값을 산출하기 때문에 Future나 Stream을 기다릴 수 없지만, async은 자기 방식대로 값을 산출할 수 있기 때문에 await 키워드 등을 사용할 수 있다는 것이다. abstract class Iterator { bool moveNext().. 2019. 11. 30. 프론트엔드 개발자의 TIL #020 TIL #020 191128 목 오늘 배운 점 1. 결제 기능 - 화면 구현 와이어프레임대로 pg 결제창 넘어가기 전 상세 결제페이지 제작을 완료하였다. 결제수단과 결제 정보 동의 관련 내용은 pg로 넘어가서 선택할 수 있기 때문에 생략하였다. 2. 생성자 함수를 공부하려 했으나 내일 공부하는 것으로 패스.. 내일 배울 점 1. 생성자 함수 2. Dart에서 공부할 추가적인 내용들 더보기 - 몸이 또 고장나버렸다 ! 2019. 11. 28. 프론트엔드 개발자의 TIL #019 TIL #019 191127 수 오늘 배운 점 1. Async & Await 이 두 syntax는 비동기 데이터 처리를 하기 위한 코드를 좀 더 깔끔하고 읽기 편하게 작성될 수 있도록 돕는다. Future _loadFromDisk() {} Future _fetchNetworkData(int id) {} class ProcessedData { ProcessedData(this.data); final String data; } Future createData() { return _loadFromDisk().then((id) { return _fetchNetworkData(id); }).then((data) { return ProcessedData(data); }); } 처리된 데이터를 다루는 class가 있.. 2019. 11. 27. 프론트엔드 개발자의 TIL #018 TIL #018 191126 화 오늘 배운 점 1. Streams - asynchronous Iterable Stream은 Future와 달리 단일 값이 아닌 시간이 지남에 따라 다수의 값이나 에러를 전달할 수 있다. Sync: int Iterator Async: Future Stream 여기서 Iterator은 객체 지향 프로그래밍에서 배열같은 자료 구조 내부 요소를 순화(traversing)하는 객체다. 컬렉션에 저장되어 있는 요소들을 읽어오는 표준화된 방법 중의 하나다. Future와 Stream 모두 사전에 데이터가 준비가 된 경우와 오류가 발생하는 경우에 처리해야 할 작업을 정해놓는다. //단일 subscription final myStream = NumberCreator().stream; //.. 2019. 11. 26. 이전 1 2 3 4 5 다음
