Flutter 알아보기
전체 글
-
[Frog] Dart Frog 초기 설정하는 방법
안녕하세요, 여러분! 오늘은 Dart로 서버 애플리케이션을 쉽게 구축할 수 있는 프레임워크인 Dart Frog의 초기 설정 방법에 대해 알아보겠습니다. Dart Frog는 간단하면서도 강력한 서버 사이드 개발을 가능하게 해주는 도구입니다. 이 글에서는 Dart Frog를 처음 설치하고 설정하는 과정을 단계별로 설명드리겠습니다.1. Dart SDK 설치Dart Frog를 사용하려면 먼저 Dart SDK를 설치해야 합니다. Dart는 Google에서 개발한 프로그래밍 언어로, Dart SDK는 Dart 언어를 실행하고 개발하는 데 필요한 도구들을 포함하고 있습니다. Dart 공식 웹사이트에서 운영 체제에 맞는 Dart SDK를 다운로드하여 설치하세요.설치가 완료되면 터미널(혹은 명령 프롬프트)을 열어 다음 ..
2024.06.17 04:55 -
[React] 초기 설정하는 방법
안녕하세요, 여러분! 오늘은 많은 개발자들이 사용하는 JavaScript 라이브러리인 React의 초기 설정 방법에 대해 알아보겠습니다. React는 사용자 인터페이스를 구축하는 데 매우 유용한 도구입니다. 이 글에서는 React를 처음 설치하고 설정하는 과정을 단계별로 설명드리겠습니다. 1. Node.js 및 npm 설치React를 사용하려면 먼저 Node.js와 npm(Node Package Manager)을 설치해야 합니다. Node.js는 JavaScript 런타임 환경이며, npm은 패키지 관리 도구입니다. Node.js 공식 웹사이트에서 최신 LTS 버전을 다운로드하여 설치합니다. 설치 후에는 터미널(혹은 명령 프롬프트)을 열어 다음 명령어를 입력해 설치가 제대로 되었는지 확인합니다.node ..
2024.06.17 04:52 -
WWDC 2024: 주요 발표 내용 정리
2024년 Apple Worldwide Developers Conference(WWDC)는 애플의 최신 기술과 소프트웨어 업데이트를 발표하는 중요한 행사였습니다. 이번 행사에서는 iOS 18, macOS 15, watchOS 11, visionOS 2.0 등 다양한 소프트웨어 업데이트와 새로운 기능이 소개되었습니다. 여기서는 WWDC 2024의 주요 발표 내용을 정리해보겠습니다. iOS 18: 주요 개선 사항 iOS 18은 홈 화면 커스터마이징 기능이 대폭 개선되었습니다. 사용자는 빈 공간을 만들거나 앱 아이콘을 더 유연하게 배치할 수 있습니다. 또한, 기본 앱인 메일, 메모, 사진, 피트니스 앱 등에 AI 기능이 통합되어 사용자 경험이 크게 향상될 예정입니다. 메시지 앱은 RCS(Rich Communi..
2024.06.13 00:24 -
Google Cloud Functions와 Vision API를 이용한 이미지 텍스트 추출 및 BigQuery 저장
소개이번 강의에서는 Google Cloud Functions와 Vision API를 활용하여 Cloud Storage에 업로드된 이미지에서 텍스트를 추출하고, 추출된 텍스트를 BigQuery에 저장하는 방법을 배우게 됩니다. 목표Google Cloud Functions를 사용하여 Cloud Storage 이벤트 트리거 설정Vision API를 이용한 이미지 텍스트 추출BigQuery에 텍스트 데이터 저장 준비 사항Google Cloud Platform 계정Cloud Storage 버킷 생성BigQuery 테이블 생성단계별 가이드1. Cloud Function 생성 및 배포Cloud Storage 버킷에 파일이 업로드될 때 트리거되는 Cloud Function을 생성합니다.requirements.txtfu..
2024.06.10 20:30 -
[Flutter] Hive 활용 팁: 심층 분석 및 실전 가이드
안녕하세요, 여러분! 오늘은 Flutter 앱 개발에서 데이터 저장 및 관리를 위한 핵심 도구인 Hive에 대해 심층 분석하고 실제 앱 개발에 활용할 수 있는 구체적인 가이드를 제공하려 합니다. 저는 10년 이상의 경력을 가진 프론트엔드 개발자로서, 수많은 프로젝트에서 Hive를 활용하며 얻은 경험과 노하우를 바탕으로 여러분에게 도움이 되는 정보를 제공하고자 합니다.1. Hive의 강력한 무기: 핵심 기능 및 장점Hive는 단순한 로컬 데이터베이스 라이브러리를 넘어 Flutter 앱 개발의 효율성과 성능을 한 단계 끌어올려주는 강력한 도구입니다. 핵심 기능과 장점을 살펴보면 다음과 같습니다.객체 저장: 단순한 키-값 쌍 뿐만 아니라 사용자 정의 객체도 손쉽게 저장하고 관리할 수 있습니다. 이를 통해 데이..
2024.05.28 13:55 -
[Flutter] Provider로 Bookmark 관리하기
Flutter 애플리케이션을 개발하다보면 데이터 관리가 중요한데요. 특히 상태 관리 라이브러리 중 하나인 Provider는 이를 간단하게 해결할 수 있는 좋은 도구입니다. 이번 튜토리얼에서는 Flutter Provider를 사용하여 북마크 데이터를 관리하는 예제를 만들어보겠습니다.Provider란?Flutter 앱에서 상태를 관리하고 필요한 데이터를 제공하는 방법 중 하나입니다. Provider는 InheritedWidget을 기반으로 구현되어 있어서 위젯 트리 전체에서 상태를 공유할 수 있습니다.시작하기 전에이 튜토리얼을 따라하기 위해 Flutter 개발 환경이 설치되어 있어야 합니다.프로젝트 설정새로운 Flutter 프로젝트를 생성하고, 필요한 패키지를 설치합니다.flutter create bookm..
2024.05.06 22:41 -
[Flutter]Flutter와 Firebase를 활용하여 버스 좌석 예약 앱 만들기
안녕하세요! 이번 포스팅에서는 Flutter와 Firebase를 사용하여 버스 좌석 예약 앱을 만드는 방법에 대해 알아보겠습니다. 이 튜토리얼을 통해 Flutter에서 Firebase Realtime Database를 설정하고, 버스 좌석 예약 기능을 구현하는 방법을 배울 수 있습니다.단계별 구현단계 1: Flutter 프로젝트 설정먼저, Flutter 프로젝트를 생성합니다. 터미널에서 다음 명령어를 실행하여 새로운 Flutter 프로젝트를 생성합니다.flutter create bus_reservation_app단계 2: Firebase 설정Firebase 콘솔에서 새로운 프로젝트를 생성합니다. Firebase 콘솔로 이동하여 새 프로젝트를 만들고, 앱의 패키지 이름을 입력합니다.그 후, 프로젝트 설정으..
2024.05.06 22:30 -
Nginx에서 HTTPS 및 에러 로그 설정하기
Nginx는 강력하고 유연한 웹 서버 및 리버스 프록시로, HTTPS를 비롯한 다양한 기능을 제공합니다. 이번 포스팅에서는 Nginx를 사용하여 HTTPS 프로토콜을 활성화하고, 동시에 에러 로그를 설정하는 방법에 대해 자세히 알아보겠습니다.1. SSL/TLS 인증서 획득 및 설치먼저 HTTPS를 사용하기 위해 SSL/TLS 인증서가 필요합니다. 유료 또는 무료로 인증서를 얻을 수 있습니다. 여기서는 Let's Encrypt를 사용하여 무료 SSL 인증서를 얻는 것을 가정하겠습니다.Certbot을 사용하여 Let's Encrypt에서 SSL 인증서를 얻습니다.인증서를 설치하고 Nginx 설정 파일에 경로를 설정합니다.2. Nginx 설정 파일 수정이제 Nginx 설정 파일을 수정하여 HTTPS를 사용하도..
2024.05.06 22:22 -
[RHEL9] Docker에 dart_frog 빌드 후 Nginx 가상호스트 지정까지
1. frog에서 제작한 api를 build하여 나온 build파일을 서버에 업로드한다. #frog 프로젝트 디렉토리 내부에서 dart_frog build 2. Docker을 설치하고 build폴더 내부에 있는 DockerFile을 이용해 이미지를 빌드한다.#DockerFile 파일 위치에서 # . 반드시 해줘야 함 docker build -t [image이름] . 3. 빌드된 Docker 이미지를 사용하여 Docker 컨테이너를 실행한다. 이 때, 호스트의 포트와 컨데이너의 포트를 매핑한다. docker run -d -p 8080:8080 [image이름] - nginx 세팅
2024.04.24 08:31 -
[Flutter] 앱 만들기 기초: Scaffold 활용 방법
Flutter는 Google에서 제공하는 UI프레임워크로, 크로스 플랫폼 앱 개발을 위한 강력한 도구입니다. 이번 포스트에서는 FLutter의 기본 위젯 중 하나인 Scaffold를 활용하여 앱의 기본 레이아웃을 구성하는 방법에 대해 알아보겠습니다. Scaffold는 Flutter 앱의 기본적인 레이아웃 구조를 제공하는 위젯입니다. AppBar, Body, FloatingActionButton, Drawer 등의 다양한 구성 요소를 포함할 수 있어, 앱의 기본 레이아웃을 빠르게 설정할 수 있습니다. Scaffold 구성 요소: AppBar: 앱의 상단에 표시되는 바로, 제목과 액션 버튼을 포함할 수 있습니다. Body: 앱의 주요 콘텐츠가 표시되는 공간입니다. FloatingActionButton: 주요..
2024.04.04 11:20