코딩하는 해커

[Flutter] WebView 위젯

WebView 위젯 속성 설명 initialUrl 웹뷰가 생성되고 initialUrl에 제공된 사이트가 처음으로 실행 javascriptMode 웹뷰에서 자바스크립트 실행 허용 여부 결정 - JavascriptMode.unrestricted: 자바스크립트 제한 없이 실행 가능 - JavascriptMode.disabled: 자바스크립트 실행 불가 onWebViewCreated 웹뷰 위젯이 생셩되면 실행할 콜백 함수 매개변수로 WebViewController가 주어져 뒤로가기, 앞으로가기, 새로운 URL 실행하기' 등 기능을 조작 가능 onPageStarted 웹뷰가 처음 생성되거나 페이지를 이동했을 때 로딩이 시작하면 실행할 콜백 함수 정의 onPageFinished 웹페이지 로딩이 끝나면 실행할 콜백 ..

[Flutter] 위젯 UI 배치 연습

위젯 UI 배치 연습 main.dart import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'BBANTO', home: Grade(), ); } } class Grade extends StatelessWidget { const Grade({Key? key}) : super(key: key); @..

[Flutter] 플러터 위젯 정리

플러터 위젯 정리 stless MyApp() MaterialApp(); debugShowCheckedModeBanner: false title: ‘App Name’ theme: ThemeData(primarySwatch: Colors.blue) home: MyHomePage() 글자 위젯 Text() style: TextStyle(fontWeight: FontWeight.w700) 아이콘 위젯 Icon(Icons.아이콘이름) color, size 이미지 위젯 assets 폴더 만들기 Image.asset(’assets/파일명.jpg’) # pubspec에 등록하기(flutter: 밑에) 박스 위젯 Container() SizedBox() width: 50, height: 50, Color: colors...

[Flutter] 플러터 프로젝트 구조

플러터 프로젝트 구조 1. 프로젝트 폴더 구성 플러터 프로젝트를 생성하면 위와 같이 여러 폴더와 파일이 생성되어 있다. lib 폴더에 플러터 앱의 소스가 작성된 main.dar 파일이 있다. 그리고 android, ios, linux, macos, windows 폴더에는 각 운영체제에서 프로젝트를 시작할 때 필요한 파일이 있다. 그리고 test 폴더에는 다트 코드로 함수를 테스트할 때 사용하는 파일이 있다. 많은 파일과 폴더가 있지만 핵심적인 폴더는 lib 폴더이므로 플러터 공부를 처음 시작할 때에는 우선 lib 폴더에 집중하면 된다. 그리고 루트 경로에서 주목할 파일은 pubspec.yaml 파일인데 이 파일은 플러터에서 다양한 패키지, 폰트, 이미지 등을 사용할 수 있게 해주므로 앱을 꾸미는데 많이 ..

[dart] dart(다트) - List 타입

List 타입 리스트(List) 타입은 여러 값을 순서대로 한 변수에 저장할 때 사용된다. 리스트의 구성 단위를 원소라고 하는데 파이썬과 같이 리스트명[인덱스] 형식으로 특정 원소에 접근할 수 있다. 인덱스는 원소의 순번인데 가장 첫번째가 1이 아니라 0부터 시작한다는 것을 주의해야 한다. 따라서 마지막 원소는 '리스트 길이 - 1'로 지정해야 한다. 아래의 예시를 통해 살펴보자. List를 선언할 때는 List 리스트명 = [값, 값, 값, ...] 과 같은 형식으로 선언한다. 다트를 공부할수록 자바와 파이썬을 섞어놓은 것 같다는 느낌이 많이 든다. 자바의 컬렉션과 파이썬의 리스트가 섞여있는 느낌이다. 기본적인 리스트 선언과 출력, 길이 반환은 위 코드를 통해 충분히 살펴볼 수 있다. 덧붙여 설명하자면..

[dart] dart(다트) - 기초 문법

필자는 Flutter 학습을 위해 dart 언어의 문법을 학습하고자 한다. 이번 포스팅은 그 중에서도 기초 문법에 해당하는 부분에 대한 학습을 진행할 것이다. 학습 환경은 다트패드 사이트를 이용하고자 한다. https://dartpad.dev DartPad dartpad.dev 기초 문법 1. 메인 함수 다트는 프로그램 시작점인 엔트리 함수 기호로 main()을 사용한다. 이때 void는 아무값도 반환하지 않는다는 뜻이다. main 뒤에 있는 괄호 () 안에 입력받을 매개변수를 지정할 수 있는데 괄호 안이 비어 있으면 아무런 매개변수도 받지 않는다는 것이다. 살펴보면, C언어의 메인 선언과 유사함을 알 수 있다. 2. 주석 주석의 경우 C언어와 같이 한 줄인 경우 //을 사용하고 여러 줄인 경우 /* *..