플러터(flutter)38 플러터 기초 - https로 데이터 받고 JSON으로 변환하기 https 라이브러리를 사용하여 데이터를 받고 해당 데이터를 JSON으로 변환한다. 해당 데이터는 비동기 작업으로 가져온다. 아래 과정은 해당 강의를 참조했습니다. All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co htttp 라이브러리를 사용해서 API 데이터 가져오기 http 라이브러리 설치하기 Dart에서 사용할 수 있는 라이브러리는 pub.dev 라는 사이트에서 다운로드 할 수 있다. 그 중에서 이번에 사용할 http 라이브러리는 아래의 링크에 존재한다. http | Dart Package A composable, multi-platform, Future-based API for HTTP requests... 2023. 4. 28. 플러터 기초 - BuildContext 플러터에서 각 종 위젯 클래스와 State 클래스를 보면 위젯을 반환하는 Build 함수를 갖고 있는 것을 볼 수 있다. 그리고 해당 함수를 보면 BuildContext로 된 context를 매개변수로 갖는데 여기서 BuildContext가 어떤 의미를 갖는지 알아본다. (다음과 같이 BuildContext를 갖고 있는 build 함수) class MyLargeTitle extends StatelessWidget { const MyLargeTitle({ Key? key, }) : super(key: key); @override Widget build(BuildContext context) { ~~~ } 예시 코드 만들기 BuildContext를 이해하기 위해 다음과 같이 코드를 작성한다. void mai.. 2023. 4. 19. 플러터 기초 - StatefulWidget 이전 포스팅에서는 StatelessWidget에 대해 알아봤습니다. StatelessWidget은 딱 처음 보여준 UI에서 변화가 없는 UI 위젯을 의미합니다. 플러터 기초 - UI 구성 플러터의 UI를 어떻게 구성하고 제일 중요한 핵심인 플러터의 UI 구성 어디서 UI를 정의하는지 UI의 구성 정의한 UI 구조를 한 눈에 살펴보기 플러터 UI의 시작 플러터의 UI는 runApp() 함수에서 시작 android-developer.tistory.com 하지만, 대부분의 UI는 사용자 반응에 따라 다른 데이터를 보여주는 등 상호작용이 필요하기 때문에 대부분의 경우에는 StatefulWidget을 사용해서 앱을 만듭니다. Statefulwidget의 구성 분석하기 VS 코드에서 st를 입력하면 Flutter .. 2023. 4. 18. VS 코드에서 플러터 사용 설정 - 파란색 줄 없애기 등... VS 코드를 사용하여 플러터를 개발할 때 미리 셋팅하면 좋은 부분이 존재한다. 특히 파란색 선이 나오는 부분을 삭제할 수 있는데 어떻게 할 수 있는지 알아본다. 저장 시 자동으로 경고 코드 수정하기 먼저 파란색 밑줄이 나오는 이유를 잠깐 설명하면 하드 코딩되어있는 부분을 const로 표현해달라는 말이다. 그렇기 때문에 일일이 const를 적어줘도되지만 좀 더 간단한 방법이 있다. UserSetting 수정하기 VS코드에서 왼쪽 밑에 존재하는 톱니바퀴를 클릭한다. 그리고 Command Palette를 클릭한다. 그리고 다음 커맨드를 입력한다. Open User Settings(JSON) 그러면 setting.json 이라는 JSON이 담긴 파일이 열리는데 거기에 다음과 같은 커맨드를 입력하고 저장한다. 그.. 2023. 4. 15. 이전 1 ··· 5 6 7 8 9 10 다음
