썸네일 [Flutter] 기본적인 UI 만들기 (Feat. 플러터의 미친 개발 환경) 한이음 프로젝트에서 플러터를 이용해서 모바일 앱 개발을 기획하고 있어서 종강을 하고 플러터를 공부하고 있습니다. 노마드 코더의 무료 강의로 공부를 하고 있는데, 강의 내용이 정말 좋아서 따라하면서 배우기 쉬운 것 같습니다. 이 글에서는 제가 처음 플러터를 공부하면서 느꼈던 장점들과 플러터로 기본적인 UI를 만드는 방법들에 대해 작성해보려 합니다. Flutter 로 웹툰 앱 만들기 – 노마드 코더 Nomad Coders Flutter for Beginners nomadcoders.co 아래는 노마드 코더의 강의를 보며 따라서 만들어본 간단한 UI입니다. StatelessWidget으로만 구성되어 아직 기능은 없습니다. 이 글에서는 StatelessWidget으로 만드는 간단한 UI 그리는 방법들과 제가 경..
썸네일 🎯 1시간 안에 다트 뽀개볼래? 다트(Dart)는 구글에서 만든 객체 지향 언어입니다. 플러터를 사용하기 위해서는 다트 언어를 사용해야 합니다.. 우리가 다트를 배우는 유일한 이유입니다...👀 이 글은 다트를 한시간안에 뽀갤 수 있는 글입니다! 🎯 ㄱㄱ Dart programming language Dart is a client-optimized language for fast apps on any platform dart.dev 🎯 다트의 특징 1. Optimized for UI 다트는 async-await를 제공하여 User Interface를 만드는 데에 최적화되어 있습니다. 또한, 다트의 문법은 UI 구성 요소를 표현하기에 매우 최적이라고 합니다. 2. Productive development 개발 생산성을 올리는 다트의 특징은..
썸네일 [Flutter] Test Drive (앱 구동 시켜보기) 이 글의 모든 내용은 flutter에서 기본적으로 제공하고 있는 description을 재해석하여 작성하였다. https://flutter.dev/docs/get-started/test-drive?tab=vscode Test drive How to create a templated Flutter app and use hot reload. flutter.dev ✔️ #1 Project 생성 View -> Command Palatte에 Flutter: New Application Project를 클릭하여 Project생성한다. Project가 생성되고 main.dart파일이 생성될때까지 기다린다. ✔️ #2 Demo App Drive Test main.dart파일이 만들어지면 Demo App의 코드를 복사하..
썸네일 [Flutter] 시작하기 + 설치 + Editor 설정 방법 삼성 SDS Smart Hackathon에 대학생 봉사단으로 참여하며 내가 맡게된 고등학생 팀이 Dart언어와 Flutter프레임워크를 이용하여 앱개발을 하기로 한다고 하여, 이번 기회에 나도 같이 배우며 진행하기로 하였다..! 너무너무 열심히 하려고 하는 친구들 같아서 확실한 도움을 줄 수 있도록 열심히 공부할거다..!(๑•̀ㅂ•́)و✧ 💡 Flutter Framework 우선, flutter 프레임워크에 대하여 설명하면, 요즘 아주 아주 핫한 아이라고 할 수 있다. 구글에서 개발한 오픈 소스 모바일 애플리케이션 개발 프레임워크이다. 💡 Flutter의 장점 flutter의 최대 장점은 크로스플랫폼으로 개발이 가능하다는 점이다. android, ios 등 플랫폼의 제한 없이 함께 개발이 가능하다는 점이..