어플 -패스트캠퍼스

패스트 캠퍼스 챌린지 27일차

gyusama 2022. 2. 19. 22:38

◆ 수강 강의명: 

  • CH02_23. 날씨별 커스텀

◆ 강의 내용 :

★난해한 코드 입력은 따로 제공

Google에서 > github yunhoo kim 검색 >Repositories 클릭 > fastcampus 클릭 > lib 클릭 >weather 클릭 

>아래쪽으로 쭉 내리면 latLngToXY  이부분을 스크롤해서 복사해서 weather 어플 코드에 붙여넣기 하면됩니다. 

 

★이 앱에서 위치가 그렇게 중요한게 아니지만 본인의 위치를 다양하게 추가하고 싶으면 

maps.goolge.com 검색 >예시로 '패스트 캠퍼스' 검색 > 위치에 오른쪽 마우스 클릭해 > 뜨는 위도 경도 복사 

 

 

★위도 경도 추가된 페이지 만드는 방법 

cloth-location.dart 파일 추가 

코드는

class LocationPage extends StatefulWidger {

List<LocationData> locations = [

LocationData(lat: 37.498122, lng: 127.027565, name: "강남구", x: 0, y:0),

LocationData(name: "동작구", lat: 37.502418, lng: 126.953647)

];

@override

State<StatefulWidget> creatState() {

return;

}

}

class_ LocationPageState extends State<LocationPage> {

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

),

body: ListView(

children: List.generate(locations.length, (idx){ // Listview를 추가해 줄것입니다. 

return ListTile(

title: Text(loactions[idx].name),

trailing: Icon(Icons.arrow_forward),

onTap: (){

Navigator.of(context).pop(locations[idx]);

},

);

}

}

 

 

 


◆ 강의 요약 :

입력하기 난해한 코드는 github에 공개된 코드를 복사해 활용 , 위치를 불러올 수 있는 페이지 추가 

 


 


<후기> 


입력하기 난해한 코드는 github에서 공개한 코드를 복사해 활용할 수 있어 유용했고,

위치정보 구글맵을 통해 불러와서 활용할 수 있어 유용했습니다.

 


 

 

#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.