내배캠 33일차_Flutter 실무숙련 (Core특강)


 1. Flutter 실무 숙련


CORE반 특강 복습   <JSON>

import 'dart:convert';

void main() {
String jsonString = """
[
{
"name": "홍길동",
"color": "파란색",
"size": "L",
"type": "반팔",
"quantity": 2
},
{
"name": "이길동",
"color": "블랙",
"size": "S",
"type": "긴팔",
"quantity": 1
}
]
""";

final parsed = jsonDecode(jsonString);
print(parsed);

for (var item in parsed) {
//Map<String, dynamic> map = item;
//
print(
'${item["name"]}님이 ${item["color"]} ${item["size"]}사이즈 ${item["type"]}을 ${item["quantity"]}개 구매하셨습니다.',
);
}
}


1)JSON 데이터를 디코드(jsonDecode)하기 위해 dart:convert 라이브러리를 불러온다.


2) JSON 형식의 문자열을 만든다. """ 는 여러줄 문자열을 표현할 때 사용하는 문법이다.

JSON은 List 형태이며, 내부에는 Map이 들어있음


[참고]

Parsing : 문자열을 분석해 의미있는 데이터 구조로 바꾸는 전체과정 (역직렬화 포함 가능)

Mapping: 보통 JSON의 key-value -> 클래스의 필드에 대응시키는 작업

직렬화 : 객체 -> JSON 문자열 / 역직렬화 : JSON -> 객체



3) jsonDecode()로 문자열을 실제 Dart객체로 변환

parsed는 List<dynamic>타입


print(parsed) 결과

[{name: 홍길동, color: 파란색, size: L, type: 반팔, quantity: 2}, {name: 이길동, color: 블랙, size: S, type: 긴팔, quantity: 1}]



4)리스트의 각 요소(Item)를 순회하면서 원하는 필드만 골라 출력
이때 item은 Map<String, dynamic>이므로 item["키 이름"]으로 접근이 가능함.


print 결과

홍길동님이 파란색 L사이즈 반팔을 2개 구매하셨습니다.

이길동님이 블랙 S사이즈 긴팔을 1개 구매하셨습니다.





CORE반 특강 복습   <API>

API는 두 소프트웨어 구성요소가 서로 통신할 수 있게 하는 메커니즘이다.

서버에서 클라이언트(우리기준으로 앱)에서 사용하라고 만들어 놓은 일종의 데이터 인터페이스이다.

서버에서 특정 주소(Url)를 제공하고, 우리가 앱에서 이걸 호출하면 데이터를 받을 수 있는 형태이다.




HTTP

HTTP 통신은 두 가지 큰 개념이 있다.

Request (요청) : 인터넷 브라우저 주소창에 주소를 입력하는 행위도 해당됨.

Response (응답) : 요청에 따른 응답이 들어옴.


요청 방식에는 몇 가지 메서드가 존재하는데, 제일 중요한 2가지. get과 post

get: 주소창에 입력하는 방식

post: 값을 전달할 때 바디를 만들어서 보이지 않게 전달. 전송데이터가 외부에 드러나지 않아 보안에 유리



https://pub.dev/packages/http/install

http 패키지 사용하기 위해 pubspec.yaml에 패키지를 추가

dependencies:

  http: ^1.5.0




Response(응답)을 받고나서, 우리가 첫 번째로 확인할 것은 상태 코드이다.

중요! Response는 항상 상태코드를 전달해준다.

Response status: 200 (200번대 요청 성공 / 400번대 클라이언트 오류 / 500번대 서버오류)



*실습해보기- 서울시 공동육아나눔터 시설 현황데이터 활용

import 'dart:convert';
import 'package:http/http.dart' as http;

main() async {
//http 패키지를 활용
var url = Uri.parse(
'http://openapi.seoul.go.kr:8088/727646464f63686f31323962416c6b57/json/TnFcltySttusInfo1004/1/20/',
);
var response = await http.get(url);
//print('Response status: ${response.statusCode}');
//print('Response status: ${response.body}');

var jsonString = response.body; //여기서 대입

// JSON 문자열을 Dart 객체로 파싱
final parsed = jsonDecode(jsonString);
// print(parsed);

final result = parsed['TnFcltySttusInfo1004'];
//print(result);

final list = result['row'];
// print(list);

for (var contents in list) {
//Map<String, dynamic> map = contents;
//print(contents);
print(contents['FCLTY_NM']);
}
}

링크:

https://data.seoul.go.kr/dataList/OA-20968/S/1/datasetView.do

http://openapi.seoul.go.kr:8088/727646464f63686f31323962416c6b57/json/TnFcltySttusInfo1004/1/20/


데이터가 여러번 감싸져있는 형태, 리스트, 맵, 리스트, 맵 - 토글형태처럼 이루어져 있음.

Map에서 필요한 데이터를 꺼낼 때는 ['key'] 값으로 꺼냄.

List에서 필요한 데이터를 꺼낼 때는 for 문을 활용해서 꺼냄





2. 인사이트 클럽

테슬라와 스페이스X CEO 일론 머스크처럼 시간 관리하기, 타임박싱 | 일하는 우리 |


오늘의 주제는 '시간관리'였다.

시간관리는 일의 효율을 내기 위해 중요하다.


인사이트클럽을 통해 다른 분들의 의견을 들어보고 내가 적용해보고 싶은 것은


하루에 무조건 꼭 해야할 일 1~3가지는 정해놓고 꼭 마무리 할 것

쉬는시간도 함께 정해놓고 진행할 것


개인적으로는 전환비용이 많이 드는 편이어서

이걸 줄이는 것도 시간효율을 내는 것에 도움이 될 것 같다.

의식하고 있으면 그래도 관리를 할 수 있지만,

점점 에너지와 집중력이 낮아질 수록 전환비용이 더 증가하는 것 같다.


시간관리를 잘 하기 위해서는 기본적으로 컨디션 관리가 잘 되어야 할 것 같다.




댓글

댓글 쓰기

이 블로그의 인기 게시물

내배캠15일차_map() reduce() fold()

이미지
1. dart 함수형 프로그래밍 복습 1] map() map()을 사용해서 새로운 리스트를 만들어내기. 파라미터 'x'를 사용하여 멤버 이름 앞에 블랙핑크를 앞에 붙여준  newBlackPink, newBlackPink2를 만들었다.  newBlackPink, newBlackPink2는 표현은 같지만 서로 다른 리스트임을 알 수 있다. 연속된 숫자를 split(' ')으로 분리한 뒤, x.jpg형태로 map() 적용. toList()를 통해 리스트 형태로 도출한다. 컬렉션 Map에서 key값과 value값 따로 map()을 통해 리스트 형태로 만들기  컬렉션 Set (중복허용)도 map()을 통해 리스트화, 다시 toSet()으로 만들어준 것. 2] reduce() reduce()를 통해 리스트 numbers 내의 숫자의 합계 구하기. 최고 점수 학생을 구하는 과정. 심화과제 도전문제 기능 중 하나. 1) 합계  var total = numbers.reduce((a,b) => a+b); 2) 최댓값 var max = numbers.reduce((a,b) => a > b ? a : b var topStudent = student.reduce((a,b) => a['score'] > b['score'] ? a : b (최고점 학생찾기) 3) 최솟값 var min = numbers.reduce((a,b) =>a < b ? a : b 4) 곱셈 누적 var product = numbers.reduce((a,b) => a * b 5) 문자열 합치기 var text = words.reduce((a,b) => '$a $b'); 3] fold() fold()는 매개변수 2개 필요, 첫번째 매개변수는 초기값을 할당한다.  int 초기값 0, String 초기값 ' '  final count(int)처럼 처음 컬렉션 타입(String)과 다른 타입...
자세한 내용 보기

내배캠16일차_Flutter_스토어 앱 만들기

이미지
1. Flutter 입문 StatelessWidget을 상속받는 Myapp 클래스 ** build : 위젯이 화면에 어떻게 그려질지를 정의함  build(BuildContext context) Column : 위젯을 세로로 배치 SafeArea : Status(상태바) 영역에 padding(여백)을 넣어주는 위젯        Row 위젯 : 위젯들을 가로로 배치하는 위젯 Spacer 위젯 : Row 나 Column에서 위젯 사이의 간격을 조정, 남은 모든 공간 차지 Padding 위젯 : 자식 위젯 주변에 여백을 주는 위젯 Image 위젯  Image.network('http://링크주소') :인터넷 이미지 바로 사용 Image.asset('assets/image.png') : 프로젝트에 추가해준 이미지 사용 Image.file('디바이스_내_파일경로')) fit 속성 BoxFit.cover : 원본사진 가로 세로 비율 유지한 채로 지정한 영역에 사진을 맞춤. Expanded 위젯  Row, Column 내 남은 공간을 확장하여 공간을 채울 수 있도록 하는 위젯 2. 인사이트 아티클 2번 엑싯한 창업가의 조언 : MVP에 대한 개념을 바꾸자 https://eopla.net/magazines/35106# MVP는 기본값이다.  FMBM - Fastest Minimally Monetized Business Model 창업 성공은 현금 흐름을 얼마나 빨리 만들어 내는지에 달려있다. 자본이 아닌, 시장으로부터 신뢰를 얻어라. MVP가 "시장 반응을 보는 단계" 였다면, FMBM은 "시장이 실제로 돈을 내는지 확인하는 단계"  1) 누구보다 빠르게 움직여라. 2) 완성도보다 거래를 우선하라. 3) 제품이 아닌 구조를 팔아라. 다른 사람의 지갑을 열게 할 만한 고통(문제)은 무엇일까? 그것을 해결해줌과 동시에 수익을 낼 수 있는 구조를 고민하고 있다. 가장 가깝게는 나와 가족이 겪는 고...
자세한 내용 보기

내배캠 [3주차 WIL]

WIL : Weekly I Learned 1. 하루에 들어가는 정보량이 너무 많아서 TIL을 매일 적는게 부담이 되었던 것 같다. 이 기록이 나의 스토리텔링의 재료가 되어야 할 텐데, 그저 정보를 옮겨담기에 급급했고, 그마저도 방대한 양이었기에 날것 그대로의 메모장을 따로 보관하게 되었는데, 그 메모장의 파편들을 담아 꾸역꾸역 작성한 것을 생각하니 스스로 조금 부끄러워졌다. 우수 TIL 사례를 이전에 보았을 땐, 크게 와닿지 않았는데 함께 수강하는 분들의 사례를 보니, 그동안 낙서장 수준으로 정보의 파편들만 저장하고 있었다는 것을 문득 깨달았다. 앞으로는 내가 우러나서 작성하고 싶은대로, 내가 배운 것들을 자유롭게 기록하는 공간으로 블로그를 잘 활용해야겠다. 😊 2. Dart 기초강의는 어찌되었든 완강을 했다.  여전히 또렷하지는 않지만 이제 코드를 보는 눈이 조금은 생겼다고 느낀다. 이번주 내내 하루에 한번씩은 튜터님께 찾아가 질문을 드리기도 하고, 매니저님의 명쾌한 설명과 추천 강의를 통해서도 어려움이 많이 해소되었다. 마음같아선 연휴에 강의 진도를 맞추고 문제를 풀면서 복습을 하고 싶은데... 공휴일은 애기랑 같이 있기도 하고 가족들과 함께 하는 시간이라 쉽진 않을 것 같다.😭 3. 연휴가 끝나고 돌아오면 심화과제 제출을 해야하고, 새로 결성된 팀에서 아이디어 논의를 할 예정이다. Dart 스터디 모임도 이번주부터 시작하게 되었는데  혼자 스터디하는 것보다 훨씬 훨씬 집중도도 높고,  다른 분들이 고민하는 포인트나 확장될 수 있는 코드들을 함께 나눌 수 있어서 큰 도움이 되고 있다. 👍 4. 팀원 한분이 해외일정으로 이번주에 함께 아이디어 논의를 하지 못했는데, 다른 팀원 한분과 이야기를 나누면서 공통관심사와 도메인에 얽매이지 않고 pain point를 찾아보자 고 했다. 살짝 얽매인 느낌이 없지 않아 있었는데 얘기해주셔서 고마웠다. (염두할 것 : 비용은 최소화하되, 수익모델은 명확하게 하는 방향으로) 연휴동안 그동안 안...
자세한 내용 보기