Flutter3 Flutter Web 배포 (With docker-compose & nginx) 방법1 docker-compose.yml(Flutter) + Dockerfile을 통해 Flutter Web build 후 Nginx에 올려 배포 (빌드 후 배포) docker-compose.yml version: '3' services: flutter: build: context: . # Dockerfile 상대 경로 (docker-compose.yml 기준) ports: - "80:80" environment: - TZ=Asia/Seoul restart: always networks: - test_network networks: test_network: driver: bridge Dockerfile - flutter 설치 => flutter web build => nginx로 배포 # 이미지의 기반이.. 2023. 9. 5. Flutter 기초 (2) 배치 - MaterialApp() = 구글에서 제공하는 위젯 적용 가능 (만들어진 위젯을 불러오지 않고 그냥 커스터마이징할 경우에도 사용) - Cupertino~() = 아이폰 기본 위젯 적용 가능 - Scaffold() = 화면을 상중하로 나눠서 설정 가능 - Row(children: []) = children으로 지정한 여러 위젯을 가로로 배치 - Column(children: []) = children으로 지정한 여러 위젯을 세로로 배치 - mainAxisAlignment = 해당 축의 기준 정렬 설정 (CSS의 Flex와 비슷) ex) Row에서 mainAxisAlignment = 가로축, crossAxisAlignment = 세로 - crossAxisAlignment = 해당 축과 교차되는 축의.. 2023. 8. 7. Flutter 기초 (1) Flutter - 구글에서 개발한 오픈 소스 크로스 플랫폼 GUI SDK - 크로스 플랫폼 = 하나의 코드 베이스로 Android, iOS, Linux, Windows, MacOS 및 웹 브라우저에서 모두 동작 가능 - 구글에서 개발한 프로그래밍 언어인 Dart가 기반 - 위젯들을 이용해 위젯 트리를 쌓으며 User Interface를 코드로 구현하는 환경을 제공함 - Skia 그래픽 엔진을 통해 화면에 그려지는 모든 픽셀을 자체적으로 제어함 ※ Skia = C++로 개발된 오픈 소스 2D 그래픽 라이브러리 (OpenGL의 Canvas를 사용해 렌더링을 수행함) ※ Android Studio에서 ctrl+space = 자동완성 불러오기 Dart - 구글이 JavaScript를 대체하기 위해 개발한 웹 프.. 2023. 8. 6. 이전 1 다음
