App Application/Flutter (4) 썸네일형 리스트형 [Flutter] Flutter Kakao Api 사용하기 (1) - sdk 설치 flutter kakao api에는 아래의 기능들을 포함하여 여러가지 기능들을 sdk 형식으로 제공하여, 원하는 api를 sdk 설치를 통해 사용하면 된다. 카카오 로그인 카카오톡 소셜 카카오스토리 카카오톡 공유 카카오 내비 설치 1. pubspec.yaml 파일에 의존성 설정 pubspec.yaml 파일에 사용할 sdk를 추가한 후 저장을 누르면 설치된다. dependencies: kakao_flutter_sdk: ^1.4.1 # 전체 추가 kakao_flutter_sdk_user: ^1.4.1 # 카카오 로그인 kakao_flutter_sdk_talk: ^1.4.1 # 카카오톡 메시지, 카카오톡 소셜(프로필 가져오기, 친구 목록 가져오기) kakao_flutter_sdk_story: ^1.4.1 # .. [Flutter] Flutter 시작하기 (1) - main.dart 구성요소 설명 및 Tab Bar 만들기 main.dart 구성요소 main.dart는 Flutter가 실행될 때 제일 먼저 실행되는 파일로 이 파일은 절대 삭제하면 안된다. 일단, 기존에 작성되어 있는 내용들 중 imort와 main 함수를 제외하고 다 지우고 시작한다. main() Flutter 앱은 main 함수를 통해 시작된다. 앱이 시작되면 runApp()을 통해 MyApp()이라는 위젯을 파라미터로 받는다. Widget StatefulWidget 변경 가능한 상태를 가진 위젯으로, 상태에 따라 UI 변화가 필요할 때 사용한다. createState() State 클래스를 생성하는 생성자로, MyApp의 상태 클래스에는 별도의 생성자가 선언되어 있지 않아 클래스 명으로 생성자를 호출한다. StatelessWidget 상태 변화가 없어 .. [Flutter] VSCode에서 Flutter 프로젝트 생성 및 실행 (* vscode에서 hot reload 실행 안되는 경우) 프로젝트 생성 VSCode에서 프로젝트 생성 command + shift + p flutter new project application 선택 후 폴더 위치 선택하여 프로젝트 생성 터미널에서 프로젝트 생성 flutter create my_app cd my_app 프로젝트 폴더 구조 pubspec.yaml flutter 프로젝트에서 데이터를 관리하고 정의하는 파일로, node 에서의 package.json와 비슷하다. android / ios / web Flutter는 앞 포스팅에서도 언급했듯이, 크로스 플랫폼 프레임워크로 하나의 코드베이스로 android / ios / web 애플리케이션을 만들 수 있다. 각 플랫폼과 관련된 프로젝트 파일들이 해당 폴더 안에 들어가 있다. Flutter로 앱을 개발할 경.. [Flutter] 맥(Mac OS)에 Flutter 설치하기 Flutter는 구글이 출시한 오픈소스 프레임워크다. Dart를 사용하며, 안드로이드·iOS 및 웹용 애플리케이션과 구글 퓨시아용 앱의 주된 소스코드로 사용된다. 1. Mac에 Flutter 설치 SDK 설치 https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev 설치 후 압축 해제 cd ~/development unzip ~/Downloads/flutter_macos_arm64_3.7.7-stable.zip Path 추가하기 open ~/.zshrc => export PATH=$PATH:~/Documents/dev/flutter/bin 재실행 후 flutter 명령어 .. 이전 1 다음
