일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- linux foreground
- 서버의 서비스 방식
- Linux ls
- Linux 파일 관리 명령어
- 자바스크립트 이벤트 루프
- Linux cd
- EC2 oh my zsh
- Linux 디렉터리 구조
- AWS EC2 서버 만들기
- JavaScript 실행 디버깅
- Linux apt-get
- javascript 정렬
- javascript scope
- EC2 zsh
- EC2 HTTP 호스팅
- Linux rmdir
- Logback
- 자바스크립트 런타임
- Linux 디렉터리 명령어
- JavaScript EventLoop
- Linux oh my zsh
- HTTP Web Server
- Linux apt
- EC2 Apache2
- Linux pwd
- Linux cat
- Linux mkdir
- linux background
- Linux 디렉터리 역할
- Navigation Pattern
- Today
- Total
목록전체 글 (120)
HyunJun 기술 블로그
1. Asset 플러터에서 img, font 등을 저장 즉, Asset을 사용하려면 asset 저장용 폴더를 만들고 pubspec.yaml => flutter: assets:에 경로를 지정한 후, yaml 파일을 수정하면, 꼭 오른쪽 상단의 Pub get을 클릭해 주어야 적용된다. 2. build 플러터에서의 Hot reload가 작동하려면 실제로는 여러 가지 조건이 있지만 일단은, stateless 또는 stateful 위젯 내에 코드를 작성해 주어야 한다. 확실한 것은 아래와 같은 구조의 코드는 Hot reload가 작동하지 않는다. void main() { runApp(MaterialApp( home: Scaffold(body: Center(child: Text('Hello World'),)) ))..
1. Widget 플러터에서의 위젯이란, UI를 구성하는 가장 기본적인 단위이며, HTML에서의 Element와 같다고 보면 된다. HTML에서 Element는 모든 요소에게 적용되고 가장 기본이 되는 단위인 것처럼 플러터의 위젯도 똑같다고 볼 수 있다. 플러터에서의 위젯에는 Row, Column, Scaffold, Stack, Button, Color, Center, Padding..... 등이 있다. 1) Widget의 특징 Flutter의 모든 Widget은 "변하지 않는 불변"의 특성을 가지고 있다. 하지만 앱이라면, 사용자와의 상호작용을 위해 필수적으로, 클릭 시 색상이 변경된다던지, 숫자가 올라가야 된다던지 위젯의 값을 변경해야 할 때가 있다. 플러터의 위젯은 변경이 필요하면 기존의 위젯을 삭..
0. 프로젝트 생성 플러터에서 많이 쓰이는 IDE들은 안드로이드 스튜디오, VSCode, IntelliJ 등이 있다. 안드로이드 스튜디오 기준으로 이 글을 작성하려고 한다. 플러터로 프로젝트를 생성하려면 플러터 SDK(Software Development Kit) 즉, 개발 도구 모음이 필요하다. 또한 프로젝트를 생성할 때의 프로젝트 이름은 영어 소문자로 작성하되, 공백은 "_"로 표기한다. 1. main.dart 플러터는 Android, iOS, Linux, MacOS, Web, WIndows 등을 다루는 크로스 플랫폼 프레임워크이므로 기본적인 폴더 구조가 매우 복잡하다. 하여 기본적인 구조부터 학습하려고 한다. 모든 플러터 프로그램은 flutter_basic/lib/main.dart의 main() 함..
1. Flutter 프로젝트 생성하기. Android Studio -> New Flutter Project -> Flutter(SDK 경로 설정) -> hello_world 프로젝트 생성 Organization의 경우 중복이 되지 않게 하기 위해 자신의 도메인을 거꾸로 입력하면 된다. 2. main.dart 모든 플러터 프로젝트는 main.dart부터 시작한다. 3. 아이폰 기기 연결 Dart, Flutter Mac M1 개발 환경 구축 글에 아이폰을 연결하는 부분에서 Xcode에 Apple 계정을 연결만 하면 실제 아이폰을 쓸 수 있을 것 같이 글을 작성했지만, 여러 가지 보안 문제로 계정 연결 및 팀 설정 만으로는 아이폰을 시뮬레이터로 사용할 수 없다. 일단, 아이폰을 케이블로 맥과 연결 후, Fin..
1. Class 생성 class Car { String name; int cost; // constructor(생성자) Car(String name, int cost): this.name = name, this.cost = cost; // 아래와 같이 축약 가능 // Car(this.name, this.cost); void showName() { print('이름은 ${this.name}입니다.'); } void showCost() { print('가격은 ${this.cost}입니다.'); } } 1) 인스턴스 생성 void main() { Car car1 = new Car("car1", 20); // dart는 인스턴스 생성 시 new 생략 가능 Car car2 = Car("car2", 40); pri..
1. Dart 구글이 개발한 멀티 플랫폼 상에서 동작되도록 하는 앱을 위해 디자인된 프로그래밍 언어. 모바일, 데스크톱, 서버, 웹 앱 등의 용도로 사용된다. 2011년 10월에 공개되었다. 크로스 플랫폼 앱 프레임워크인 Flutter가 Dart 언어를 사용하고 있다. 공식적으로 지원하고 있는 IDE로는 Android Studio, Intellij IDEA, VS Code 등이 있다. 2. IDE Dart의 문법만 간단하게 학습하기 위해 Dartpad (웹 IDE)로 실습. 3. variable, type Dart는 자바스크립트와 같은 타입을 지정하지 않는 변수 선언과, 자바와 같은 타입을 지정한 변수 선언 두 가지를 다 할 수 있다. 1) 동적 타입 void main() { // 변수 선언 var n..