728x90 [앱개발]/Flutter, Dart, Figma11 [피그마] 피그마 시작하기 피그마 ◆ 피그마 란? (출처: 위키백과)피그마(Figma)는 macOS 및 윈도우용 데스크톱 애플리케이션들에 의해 활성화되는 추가 오프라인 기능들을 갖춘 인터페이스 디자인을 위한 협업웹 애플리케이션이다. 피그마의 기능 집합은 사용자 인터페이스와 사용자 경험 디자인에 초점을 두며 실시간 협업, 다양한 벡터 그래픽스 편집기 및 프로토타이핑 도구들을 활용한다. https://www.figma.com 계정이 없다면 상단의 링크에 들어가서 계정을 생성하고 (구글 로그인 가능) 초기 설정을 해주면 된다. 그리고 요금제는 아래와 같다.무료의 경우 3개의 작업을 무료로 해볼 수 있다.원하는 개발 환경(웹, 모바일 등)을 선택하면 아래와 같이 샘플 이미지를 생성해 준다.피그마 프로그램 다운로드 위의 경우, 웹 브라우.. 2025. 5. 27. [플러터] 포토 스티커 앱 이전 내용 [플러터] 위치 기반 앱 만들기이전 내용 [플러터] 비디오 플레이어 앱 만들기이전 내용 [플러터] 주사위 앱 만들기이전 내용 [플러터] D-Day 앱 만들기 (feat. 폰트 반영하기, Cupertino 위젯)이전 내용 [플러터] 이미지 롤링 기능 구puppy-foot-it.tistory.com 포토 스티커 앱 갤러리에서 이미지를 선택하고, 선택된 이미지를 수정할 수 있는 기능을 구현해 본다.먼저 사용할 이미지를 [assets] - [img] 폴더에 넣고, 애뮬레이터에서 Files - Downloads 탭에서 나타나는지 확인한다. 그 다음에 pubspec.yaml에 사용할 플러그인들을 추가해 준다.dependencies: flutter: sdk: flutter cupertino_ic.. 2025. 5. 26. [플러터] 위치 기반 앱 만들기 이전 내용 [플러터] 비디오 플레이어 앱 만들기이전 내용 [플러터] 주사위 앱 만들기이전 내용 [플러터] D-Day 앱 만들기 (feat. 폰트 반영하기, Cupertino 위젯)이전 내용 [플러터] 이미지 롤링 기능 구현하기이전 내용 [플러터] 웹 앱 만들어보기에puppy-foot-it.tistory.com위치 기반 앱1. 사전 작업: 구글 지도 API 키 발급 받기 구글 지도를 사용해서 위치 기반 앱을 구현해 본다.먼저, 구글 지도를 사용하기 위해서는 구글 클라우드 플랫폼에서 구글 지도 API를 발급받아야 한다.https://cloud.google.com/ https://cloud.google.com/ cloud.google.com구글에 로그인 후 콘솔 클릭프로젝트를 누르고, 새 프로젝트 클릭 프로젝.. 2025. 5. 26. [플러터] 비디오 플레이어 앱 만들기 이전 내용 [플러터] 주사위 앱 만들기이전 내용 [플러터] D-Day 앱 만들기 (feat. 폰트 반영하기, Cupertino 위젯)이전 내용 [플러터] 이미지 롤링 기능 구현하기이전 내용 [플러터] 웹 앱 만들어보기에러 관련 [플러터] 에러 발생 및 해결1. Gpuppy-foot-it.tistory.com비디오 플레이어 앱 만들기 핸드폰 갤러리에 있는 동영상을 실행할 수 있는 비디오 플레이어 앱을 구현해 본다.※ 프로젝트 (파일) 이름을 video_player 라고 짓게 되면 플러그인 이름과 겹치게 되므로, 다른 이름으로 지어야 한다. ◆ 동영상 넣기먼저 assets 디렉터리를 생성한 뒤, video 라는 디렉터리를 생성하여 애뮬레이터로 실행할 동영상들을 넣어준다.그리고나서 영상 파일을 모두 선택한 후.. 2025. 5. 25. [플러터] 주사위 앱 만들기 이전 내용 [플러터] D-Day 앱 만들기 (feat. 폰트 반영하기, Cupertino 위젯)이전 내용 [플러터] 이미지 롤링 기능 구현하기이전 내용 [플러터] 웹 앱 만들어보기에러 관련 [플러터] 에러 발생 및 해결1. Gradle build failed to produce an .apk file...import 'package:flutter/material.dart';void mapuppy-foot-it.tistory.com ◆ 에러 관련 [플러터] 에러 발생 및 해결1. Gradle build failed to produce an .apk file...import 'package:flutter/material.dart';void main() { runApp( MaterialApp( // 머터리얼 .. 2025. 5. 24. [플러터] 안드로이드 스튜디오로 플러터 시작하기 에러 관련 [플러터] 에러 발생 및 해결1. Gradle build failed to produce an .apk file...import 'package:flutter/material.dart';void main() { runApp( MaterialApp( // 머터리얼 디자인 위젯 home: Scaffold( // Scaffold 위젯 body: Center( // 가운데 정렬 child: Text( // Text 위젯 'Hepuppy-foot-it.tistory.com ◆ 깃허브 업로드 관련 [플러터] 대용량 파일 깃허브 업로드하기 (안드로이드 스튜디오)대용량 파일 깃허브 업로드(안드로이드 스튜디오) 플러터 공부를 하다가 만들어둔 작업물들을 깃허브에 올리려고 하는데, 파일 용량이 크고, 파일 갯수도.. 2025. 5. 23. 이전 1 2 다음 728x90
