APP

Web Programming/Flutter&Dart

Flutter Wrap 사용법

Flutter Wrap위젯은 이미지나 Container 같은 위젯들을 가로로 여러 장을 나열했을 때, 화면을 넘어 Overflow가 되는 경우가 있다 이때, Overflow가 되는 위젯을 아래로 배치해주는 것이 Wrap위젯이다 그럼 한번 사용해 볼까 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is th..

Web Programming/Flutter&Dart

Flutter Chrome 브라우저(Web)로 실행시키는 법

플러터는 너무 좋은 거 같다. Android와 IOS를 동시에 개발이 가능하면서 Web도 동시에 개발이 가능하기 때문에, 직원을 3명 고용해서 개발해야 할 것을 한 명으로 개발을 할 수 있도록 했다 지금까지 Flutter를 실행 시켰을때 Android Studio의 에뮬레이터를 사용했는데, 웹으로도 실행시키는 방법이 있었다 1. Web으로 실행시키기 정말 간단하다. 아래와 같이 하면 끝이다 정말 이게 끝이다 2. 실행 결과 결과는 아래와 같다 Web으로 보면서 하면 화면 비율이나 등등을 좀 더 확인할 수 있고 개발이 쉬워질 거 같다

Web Programming/Flutter&Dart

Window Flutter 설치&환경변수 설정

1.Flutter설치 https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 위의 링크를 클릭하고 Flutter홈페이지의 인스톨하는 페이지로 들어간다 해당하는 OS에 맞춰서 클릭하도록 한다. 나는 윈도우이기 때문에 윈도우를 클릭하겠다 바로 빨간네모를 클릭하도록 한다. 어차피 영어를 모르기 때문에 읽지 않도록 한다 내려받은 압축파일을 압축해제해버리자 압축해제가 끝났으면, 【flutter】 파일을 Ctrl + x를 눌러 잘라내기를 한 다음 ..

Web Programming/Django

Django App 생성

이번에는 대망의 PyCharm을 사용할 시간 혹시나 해서 그런데 준비를 하지않은자에겐 밥도 없지만 난 밥을 제공하겠다 아래의 링크로 들어가 PyCharm을 다운하도록 하자 PyCharm DownLoad initstory.tistory.com/2 PyCharm DownLoad https://www.jetbrains.com/ko-kr/pycharm/ PyCharm: JetBrains가 만든 전문 개발자용 Python IDE 지능적인 코드 완성, 즉각적인 오류 검사, 빠른 수정 등 다양한 기능을 갖춘 Python 및 Django IDE입니다. www.je.. initstory.tistory.com PyCharm을 실행하면 아래의 화면이 열린다 그 후 【Open】을 클릭해서 이전에 생성한 프로젝트 파일로 들어갈..

INICO
'APP' 태그의 글 목록