일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- ListTile
- ListView.builder
- node.js
- Flutter 강좌
- Flutter Tutorial
- Flutter 앱 배포
- flutter
- listview
- navigator
- WillPopScope
- Load Image
- Cached Image
- Scaffold
- HTTP
- MainAxisAlignment
- AppBar
- 반석천
- Flutter Example
- Row
- sqlite
- Flutter 예제
- Hello World
- CrossAxisAlignment
- FutureBuilder
- Column Widget
- Row Widget
- Snackbar
- InkWell
- Image.network
- Networking
- Today
- Total
목록전체 글 (261)
꿈꾸는 시스템 디자이너
Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..
Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..
import 'dart:io'; import 'package:flutter/material.dart'; import 'package:get_ip/get_ip.dart'; import 'package:shared_preferences/shared_preferences.dart'; SocketClientState pageState; class SocketClient extends StatefulWidget { @override SocketClientState createState() { pageState = SocketClientState(); return pageState; } } class SocketClientState extends State { final scaffoldKey = GlobalKey(..
import 'dart:io'; import 'package:flutter/material.dart'; import 'package:get_ip/get_ip.dart'; SocketServerState pageState; class SocketServer extends StatefulWidget { @override SocketServerState createState() { pageState = SocketServerState(); return pageState; } } class SocketServerState extends State { final scaffoldKey = GlobalKey(); List items = List(); String localIP = ""; ServerSocket ser..
지난 강좌에서는 forever 툴을 이용해서 Node.js 어플리케이션의 동작을 관리하는 방법에 대해서 알아봤다. 이번 시간에는 tail 명령어를 이용해서 forever가 생성하는 로그파일의 로그내용을 실시간으로 확인하는 방법에 대해서 알아본다. tail은 forever의 로그파일 뿐만 아니라 모든 종류의 로그파일에 기록되는 실시간 로그를 확인할 수 있는 툴이다. 1. 파일의 로그 확인 로그파일의 내용을 확인하는 기본 방법은 다음과 같다. $> tail hello.log 해당 파일의 가장 최근 로그 10라인을 출력해 준다. ubuntu@ip-172-26-10-140:~/.forever$ tail hello.log Thu Apr 09 2020 06:40:58 GMT+0000 (UTC) :: new requ..
지난 강좌에서는 nodemon을 이용해서 실시간으로 디버깅과 테스트를 수행하는 방법에 대해서 알아보았다. nodemon으로 Node.js 어플리케이션을 실행하면 해당 디렉토리의 파일의 변화를 자동 감지해서 어플리케이션이 자동 재실행되게 된다. 이번 강좌에서는 Node.js 어플리케이션을 백그라운드 데몬으로 실행하는 방법에 대해서 알아본다. 1. forever 설치 설치한 우분투 인스턴스로 SSH 접속을 한 후 npm 명령어를 이용해서 golbal하게 forever를 설치한다. $> sudo npm install forever -g 2. forever start 지난 강좌에서 개발했던 helloworld 디렉토리로 이동한 후, forever를 이용해서 Node.js 어플리케이션을 백그라운드 데몬으로 실행해..
이번 강좌에서는 nodemon을 이용해서 Node.js 기반의 프로젝트를 실시간으로 수정하면서 테스트까지 수행하는 방법에 대해서 알아본다. nodemon은 파일에 변경이 발생하면 node 어플리케이션을 자동으로 재실행해주는 프로그램이다. 1. nodemon 설치 npm 명령어를 이용해서 global하게 nodemon을 설치한다. $> sudo npm install nodemon -g 2. nodemon을 이용해서 node 어플리케이션 실행 지난 강좌에서 작업했던 helloworld 프로젝트로 이동한 후 nodemon 명령어를 이용해서 helloworld 프로젝트를 실행한다. $> sudo nodemon index.js 다음과 같이 출력되면 정상 동작하는 것이다. 웹브라우저틀 통해 인스턴스로 접속해보자. ..
이번 시간에는 Node.js 개발환경을 구축하는 방법에 대해서 알아본다. 기존에 웹 서비스를 개발할 때에는 로컬 머신에 개발 환경을 구축한 후 구현한 소스코드 혹은 바이너리를 서버로 업로드 한 후 테스트하는 방식이 주로 사용되었다. 번거롭고 귀찮고 시간도 많이 드는 작업이었다. 가장 심플한 방법은 개발과 테스트를 한 머신에서 하는 것이다. 이번 강좌에서는 Cloud9에 대해서 소개한다. Cloud9은 오프 소스 기반의 온라인 통합 개발 환경으로 쉽게 말해 웹브라우저에서 동작하는 IDE 툴이다. 현재 AWS에서 Cloud9을 서비스하고 있지만 이와 별개로 자신의 머신에 직접 설치해서 사용할 수 도 있다. 1. Cloud9 다운로드 Cloud9은 git을 통해 배포되고 있으며 Windows, Linux 등에..