반응형

분류 전체보기 147

Write Your First Flutter App, part 1

1 부에서 배울 점Flutter 앱의 기본 구조.패키지 사용하기hot reloadstateful widget무한 지연 리스트 2부에서 배울점.테마수정navigate (플러터에서는 route 라고 불림.) Flutter SDK와 에디터가 있다고 가정하고 시작합니다. 3. 플러터 앱 생성ctrl + shift + p 누르고 Flutter>new project선택 프로젝트 이름을 startup_namer으로 플러터 앱을 생성하고, lib/main.dart에 기존에 있던 내요을 지우고 아래 코드를 입력 합니다. [lib/main.dart]import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends Statel..

flutter 2019.03.15

Asynchronous Programming : Streams

Stream은 데이터의 비동기 시퀀스를 제공합니다. 데이터 시퀀스는 사용자가 발생한 이벤트와 파일을 읽은 데이터등을 포함합니다. await for 나 listen() 을 사용하여스트림을 처리할 수있습니다. Stream은 에러에 응답하는 방법을 제공합니다. 스트림의 종류는 단일 구독(single subscription) 혹은 브로드캐스트가 있습니다. Dart의 비동기 프로그래밍은 Future 및 Stream 클래스로 특징 지워집니다. Future는 즉시 완료되지 않는 계산을 나타냅니다. 일반함수가 결과를 반환한다면 비동기함수는 결과를 포함하는 Future를 반환합니다. 결과가 준비가되면 Future가 알려줄 것입니다. 스트림은 일련의 비동기 이벤트입니다. 비동기 Iterable과 유사합니다. Iterabl..

flutter 2019.03.14

vs code 플러터 세팅

플러터 설치 후 Flutter Doctor를 실행시켜 봅니다. 혹시 이런 메시지가 나오면 이번에는 Locate SDK를 선택하여 경로(C:\src\flutter)를 지정해줍니다. flutter SDK를 다운 받아 줍니다. 그리고 여기서 다운 받아줍니다. 저는 c:\src\flutter에 ZIP파일을 풀었습니다. 다운받은 ZIP파일을 풀면 아래같은 폴더가 생깁니다.그 중 flutter_console.bat 을 실행시키면 cmd에서 flutter 명령어를 사용할 수 있습니다. flutter_console.bat 파일을 실행시킨 모습입니다. 여기서 flutter doctor를 실행시킬 수도 있습니다. 설치 후 에도 이런 메시지가 나오면 Locate SDK를 선택해주세요. 이제 설치는 다 되었고, 플러터 프로젝..

flutter 2019.03.12

redux

1.액션 1-1. 액션 -. 애플리케이션에서 스토어로 내보내는 데이터 묶음. -. 스토어의 유일한 정보원 -. 액션내보내기 (store.dispatch()) -. 모든 액션 책체는 type이라는 값을 지니고 있어야함. 1-2. 액션생산자 -. 액션을 만드는 함수 => 액션을 반환 -. 바인드된 액션생산자 : 자동으로 액션을 보내줌. (dispatch) -. dispatch()함수를 스토어에서 store.dispatch()로 바로 접근할 수 있지만, 보통 react-redux의 connect()와 같은 헬퍼를 통해 접근함2. 리듀서 -. 상태가 어떻게 바뀌는지 특정함. 2-1. 상태 설계하기 -. 어플리케이션의 모든 상태는 하나의 객체에 저장 2-2. 액션 다루기 -. 이전상태와 액션을 받아서 다음상태를 ..

react 2019.01.22

electron-react

electron-react 설치하기 git clone --depth 1 --single-branch --branch master https://github.com/electron-react-boilerplate/electron-react-boilerplate.git my-electreact cd my-electreact yarn 하면 패키지들이 다운로드 된다.다운로드가 다되면 걸린시간이 출력되는데 3분정도걸렸다. Done in 172.61s. 개발 시작하기. yarn dev로 개발환경으로 앱을 시작시키면 hot-module-replacement 모드로 렌더러 프로세스를 실행켜주고렌더러 프로세스로 hot update를 보내줄 webpack dev server도 실행시켜준다. yarn dev Todo 리스트..

react 2019.01.04

언더스코어-정리

언더스코어란? 코딩을 도와주는 자바스크립트 라이브러리로 매우 작은 용량에 80여가지의 function을 제공. 언더스코어 함수중에는 ES5, ES6를 거쳐 내장함수로 이미 지원하는 함수들이 있으므로 이미 브라우저 내장함수로 지원하고있다면 성능을 위해 내장함수를 이용하자. 용어설명 Context bind로 묶어준다. iteratee 반복처리 시키는 내용이다. Context와 iteratee의 구분 // _.each(list, iteratee, [context]) _.each([1, 2, 3], alert); => alerts each number in turn... _.each(, alert); => alerts each number value in turn... context를 지정하지 않았을 경우 li..

WEB 2017.12.29