Flutter
-
Flutter + Spring Boot 가족, 모임 서비스 구현하기 1 (Feat. 카카오 로그인)Flutter 2023. 8. 11. 00:21
현재 개발하고자 하는 서비스에서 로그인한 유저가 새로운 가족이나 모임을 만들거나 기존의 가족이나 모임에 참여할 수 있도록 하는 기능을 만들게 되었습니다. 로그인과 같은 경우 Flutter 3.0 버전에 카카오 SDK가 정식으로 지원을 해준다고 해서 카카오 Flutter SDK를 활용했습니다. 새로운 모임,가족을 만드는 로직과 DB 접근을 위해 Spring Boot로 서버를 구축했습니다. 카카오 로그인 구현 카카오 로그인은 kakao developers 페이지에 자세한 설명이 있습니다. 이를 따라한다면 충분히 구현이 가능할 것 같습니다. https://developers.kakao.com/docs/latest/ko/getting-started/sdk-flutter Kakao Developers 카카오 AP..
-
Google Codelabs Flutter 앱 만들기 실습 2Flutter 2023. 8. 3. 12:16
코드랩스 플러터앱 만들기 실습을 이어가보도록 하겠습니다. 6. 좋아요 버튼 추가 현재 앱 상태는 단어 쌍이 다음 것으로 교체되면 없어지는 형태입니다. 한 번 지나간 단어도 다시 볼 수 있도록 하기 위해 favorite 버튼을 제작해보도록 하겠습니다. 리스트 선언 상태값에 favorites 리스트를 선언해줍니다. 또한, favorites 리스트에 단어를 넣거나 빼줄 수 있는 로직을 추가해줍니다. class MyAppState extends ChangeNotifier { ... var favorites = []; void toggleFavorites(){ if(favorites.contains(pairWords)){ favorites.remove(pairWords); } else { favorites.add..
-
Dart 문법 정리Flutter 2023. 7. 28. 15:40
1. 변수 선언 // 정수 int variable1 = 10; // 소수 double variable2 = 2.5; // 참/거짓 bool variable3 = true, false; // 문자열 String varibale4 = "문자열"; // 타입 자동 유추 var variable5 = "var"; dynamic variable6 = "dynamic"; dynamic과 var의 차이 var은 선언 시 지정한 타입으로 고정되어 다른 타입을 할당 할 수 없습니다. dynamic은 선언 시 지정한 타입과 다른 타입으로 할당 할 수 있습니다. dynamic variable1 = "dynamic"; var variable2 = "var"; variable1 = 10 variable2 = 10 // 오류 nu..
-
Flutter 설치 (Mac M1 Pro)Flutter 2023. 7. 25. 22:52
크로스 플랫폼 앱을 만들어보기 위해 플러터를 사용해보기로 했습니다. 리액트 네이티브와 플러터 중 어떤 것을 사용할 지 고민을 많이 했는데, 그래도 안 써본 프레임워크를 사용해보는 것이 더 좋을 것 같다는 생각이 들어 플러터를 공부해보도록 하겠습니다. 1. 플러터 설치 플러터 공식 사이트에 접속하여 자신의 OS 버전에 맞는 플러터를 설치하면 됩니다. zip 파일의 설치가 끝나면 압축을 해제해주고 압축 해제된 폴더를 원하는 위치에 두시면 됩니다. 2. 환경 변수 추가 터미널에서 아래의 명령어를 통해 환경변수 입력창을 띄워줍니다. # ~/.zshenv 없다면 아래 명령어 선행 touch ~/.zshenv # ~/.zshenv이 생성 됐다면 아래 명령어 실행 open ~/.zshenv 환경 변수 입력 창이 띄어..