Flutter 개발 Story

이전 포스트에서는 세팅을 했으므로 여기서는 서버를 코드의 구조에 대해서 알아보자. 대략적인 구조는 이렇다 사용자 Request -> App.js에서 요청에 맞는 라우터로 보냄 ->라우터에서는 요청에 맞는 컨트롤러(함수등)을 이용해response를 사용자에게 보낸다. 코드 예제를 통해 알아보자. App.js var createError = require('http-errors'); var express = require('express'); var path = require('path'); var cookieParser = require('cookie-parser'); var logger = require('morgan'); var indexRouter = require('./routes/index'); ..

안드로이드에서 사용할 RestAPI 서버를 만들기위해서 Node.js를 사용했다. 했던 내용을 정리하고자 이 포스트를 쓴다. 우선 Node 를 받는다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node가 설치됐으면 Node 프레임워크인 Express를 사용해 기본 세팅을 만들자. npm install -g express-generator 프로젝트 생성 express 프로젝트명 --view=pug (pug은 jade의 다른 버전 명, 뒤의 --view를 사용하지 않으면 자동으로 jade로 설정되는데 이러면 npm install 과정에서 에러 발..

A RenderFlex overflowed by ~ pixels on the bottom. RenderFlex RenderFlex는 하위 항목을 1차원 배열로 표시하는 것을 의미한다. 위의 에러는 아래쪽에 ~ pixels의 RenderFlex가 넘쳤다는 것을 얘기하는 것인데, 말그대로 ui가 차지할 공간이 부족하다는 것이다. 해당 에러를 해결하기 위해서는 widget을 SingleChildScrollView로 감싸줘야한다. Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being size..