반응형 Flutter7 [플러터(Flutter)] - jsonserializable로 API요청 최적화하기 안녕하세요오늘은 jsonserializable 라이브러리를 배울 예정입니다. 이전에 json 및 formdata타입의 데이터를 API 통신으로 전송하고 받는 방법에 대해서 글을 작성한 적이 있습니다.https://suin9643.tistory.com/7 [플러터(Flutter)] - Http,dio 라이브러리로 json 타입, formdata타입 데이터 전송(POST)하기오늘은 데이터를 전송하는 방법을 알아보겠습니다! json 타입 데이터 전송(POST) 예제로 작성한 코드는 회원가입을 통해 닉네임 등의 회원 정보를 서버로 전송하고 토큰을 통해 얻은 이메일을 받suin9643.tistory.com기본적으로 API 에 데이터를 요청하는 작업은 위의 내용으로 진행됩니다.하지만 요청해야하는 API의 개수가 .. 2024. 10. 6. [플러터(Flutter)] -로딩을 지루하지 않게.. Skeleton 적용해보기! 안녕하세요. 플러터를 공부하면서 요즘 앱들에 기본적으로 적용되어 있는 기술인 스켈레톤 패턴을 배우게 되었는데, 실제로 많이 사용되는 패턴을 활용하니 재미가 있었습니다.실제로 앱에 많이 사용되는 패턴이다보니 유용하기도 할 것 같아 한 번 정리해보고자 합니다. 로딩기술!!재밌다!마참내! 그럼 시작해보도록 하겠습니다. Skeleton이란?해골?..아닙니다.모두 앱을 사용하면서 한번쯤은 이런 화면을 접해보셨을 것 같습니다.이 기법을 바로 스켈레톤 패턴이라고 부릅니다.앱을 실행했을 때 표기될 화면의 전체 윤곽을 로딩 중에 띄움으로써, 사용자가 로딩 중이라는 것을 인지하게 하는 동시에 기다리는 시간이 적게 느껴지도록 하는 UI 패턴의 일종입니다. 어떻게보면 윤곽을 표시한다는 점에서 스켈레톤의 직역인 해골이라는 말뜻.. 2024. 10. 2. [플러터(Flutter)]- Firebase로 푸쉬 알림 보내보기(3)_푸쉬 알림을 받기 위한 코드를 작성해보자! 안녕하세요. 2까지 작성하고 핵심적인 3을 작성했어야 했는데 깜빡하고 있다가 이제서야 생각이 나 급하게 마무리를 지어보려고 합니다.이전 글까지 파이어베이스와 플러터를 연결하는 작업과 더불어 푸쉬 알림을 받기 위해 라이브러리 및 기본 초기화 셋팅을 진행하였습니다. 이번에는 코드를 작성하여 실제로 푸쉬 알림을 받아보도록 하겠습니다! 1. 알림 코드 작성하기먼저 알림을 위한 코드입니다.Future _firebaseMessagingBackgroundHandler(RemoteMessage message) async { print("메세지가 도착했습니다.(백그라운드) ${message.notification!.body!}");}void initializeNotification() async { FirebaseM.. 2024. 3. 14. [플러터(Flutter)]- Firebase로 푸쉬 알림 보내보기(1)_Firebase와 Flutter를 연결해보자 안녕하세요.. 이번 글에서는 Firebase를 통한 푸쉬 알림에 대해서 알아보도록 하겠습니다.플러터로 개발을 하면서 가장 어렵다고 생각했던 부분 중 하나였던 것 같습니다ㅠㅠ 그럼 바로 시작하도록 하겠습니당~~~~~먼저 푸쉬알림을 보내기 위해서는 푸쉬알림 기능을 사용할 수 있는 프레임워크인 파이어베이스가 필요합니다. 플러터를 통해 파이어베이스를 이용하려면? 아무래도 다른 프레임워크이니 연동을 하는 과정이 필요하겠죠!!때문에 이번 글에서는 가장 먼저 파이어베이스의 프로젝트를 생성하여 플러터에 연동하는 과정을 알아보도록 하겠습니다. 1. 파이어베이스 프로젝트 생성https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Developm.. 2024. 2. 18. [플러터(Flutter)]- Build와 다양한 BuildWidget 알아보기 오늘은 플러터에서 자주 사용되는 Build의 개념과 이를 위한 Builder를 알아볼 예정입니다.Build의 개념Build 알아보기(With StatelessWidget)class HI extends StatelessWidget { const HI({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Container(); }}간단하게 자주 사용되는 StatelessWidget만 봐도 자동으로 build위젯이 생성되고 반환되는 것을 볼 수 있습니다.빌드는 말 그대로 빌드 작업을 수행하여 위젯들로 화면을 구성하고, 사용자에게 보여주는 역할을 맡습니다.여기서 빌드 함수의 특이한 점으로는 BuildC.. 2024. 1. 26. [플러터(Flutter)] - Http,dio 라이브러리로 json 타입, formdata타입 데이터 전송(POST)하기 오늘은 데이터를 전송하는 방법을 알아보겠습니다!json 타입 데이터 전송(POST)예제로 작성한 코드는 회원가입을 통해 닉네임 등의 회원 정보를 서버로 전송하고 토큰을 통해 얻은 이메일을 받아서 반환하는 코드입니다.Future postUserRequest(String dateOfBirth, String nickName) async {함수의 선언부입니다.서버에 데이터를 전송하고자 할 때 필요한 생일, 닉네임 값을 입력받습니다.그리고 서버에 데이터를 전송한 후에 서버로부터 전달받을 String 타입을 반환값으로 지정합니다.여기서 요청에 대한 응답과 관련된 작업은 비동기로 이루어지기 때문에 이에 맞게 비동기 함수 Future타입으로 반환 타입을 감싸줍니다. var response = await http.pos.. 2023. 11. 28. 이전 1 2 다음 반응형
