분류 전체보기
-
flutter cache image 용량 관리개발/flutter 2020. 4. 29. 10:50
class CustomImageCache extends WidgetsFlutterBinding { @override ImageCache createImageCache() { print('createImageCache start'); ImageCache imageCache = super.createImageCache(); // Set your image cache size imageCache.maximumSizeBytes = 200 * 1024 * 1024; //200mb 이상->캐시클리어 return imageCache; } } 이렇게 클래스를 만들어놓고 imageCache의 최대용량을 설정해놓으면 캐시이미지가 계속 쌓이게되다가 최대용량을 넘어서면 cache를 clear 해준다. imageCache는 전..
-
Docker 로 react 실행및 자동변경 가능하게하는법개발/docker 2020. 4. 28. 20:36
커스텀 네임 dockerfile # dev 용 FROM node:alpine #컨테이너의 /app 경로에 WORKDIR '/app' #package.json 을 복사후 COPY package.json . #npm install 을 실행후 RUN npm install #나머지 파일드를 복사후 COPY . . #npm run start 실행 CMD ["npm","run","start"] ㅇ dev 버전으로만 사용할 Dockerfile 을 사용하기위해 Dockerfile 이아닌 Dockerfile.dev 이라는 이름을 쓰려한다. 보통 해당 경로에서 Docker build . 을 사용하는데 이런경우 Docker build -f Dockerfile.dev . 명령어를 사용하면된다. React 개발의경우 수많은 n..
-
docker-compose개발/docker 2020. 4. 14. 19:43
docker build 를한경우 dependencies 에있는 express 와 redis 는 다른 컨테이너에있다. 그래서 만약 express 와 redis를 둘다쓴경우 에러가 발생한다. events.js:292 throw er; // Unhandled 'error' event ^ Error: Redis connection to 127.0.0.1:6379 failed - connect ECONNREFUSED 127.0.0.1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1141:16) Emitted 'error' event on RedisClient instance at: at RedisClient.on_error (/app/node_modu..
-
Docker 로 Node 서버 빌드, 실행하기개발/docker 2020. 4. 7. 21:00
Dockerfile을 사용해 node 서버 실행시키기 사전에 미리 index.js 노드 코드를 준비한후 Dockerfile 을사용해 npm 에서 express를 설치한다음 서버를 실행시키려한다. const express = require('express'); const app = express(); app.get('/',(req,res)=>{ res.send('hi @@@@'); }); app.listen(8080,()=>{ console.log('listening port 8080'); });4 8080 포트 서버를 express 를 활용해 실행시키는 코드이다. FROM alpine RUN npm install CMD ['npm' , 'start'] alpine 베이스 이미지에서 npm install ..
-
docker image 생성개발/docker 2020. 3. 30. 19:35
컨테이너를 멈추는 두가지방법 docker stop - sigterm(terminate signal) 을보냄 , clean up 과정후 셧다운(시간이 걸림) docker kill - sigkill(kill signal) 을보냄 , 추가적인 일하지 않고 당장 셧다운 추가적인 컨테이너를 실행하는방법 docker exec -it 1. exec 은 다른 커맨드를 실행시킬때 사용하는 명령어이다. 2.리눅스 환경에서 모든 프로세스에는 3가지 커뮤니케이션 채널이있다.( standard in , out , err) 터미널에서 뭘치면 standard in 을 통해 들어가며 응답은 standard out 을통해 터미널로 볼수잇게된다. err 발생시 standard err 채널을 통해 응답된다 -i 는 이 standard i..
-
graphql+react 변수를 가지고 Mutation 실행하기개발 2020. 2. 26. 20:46
const mutation = gql` mutation AddSong($title:String){ addSong(title:$title){ title } } `; export default graphql(mutation)(SongCreate); 지난번 쿼리 처럼 react-apollo의 graphql 함수를 활용해 mutation문을 사용해 Songcreate 라는 컴포넌트에 연결시켰다. 문제는 별개인 컴포넌트(SongCreate) 와 mutation 쿼리 둘사이에서 컴포넌트가 mutation에게 title이라는 변수를 줘야한다는것이다. 우선 이렇게 되면 컴포넌트의 this.props에 mutate 라는 함수가 prop에 생긴다 이 mutate를 사용해서 별개인 컴포넌트와 mutation 쿼리 사이에 연..
-
GraphQL + React 시작하기(Apollo)카테고리 없음 2020. 2. 18. 20:54
GraphQl 을 리액트에서 사용하기 위해 아폴로 클라이언트를 사용한다 import ApolloCilent from 'apollo-client'; import {ApolloProvider} from 'react-apollo'; import SongList from './components/SongList'; const client = new ApolloCilent({}) const Root = () => { return ( ); }; ㅇ 아폴로 프로바이더 를 최상단 레이어에 깔아 모든 컴포넌트에서 graphql에 접근 할수있게한다. 다음은 쿼리를 작성해보자 쿼리를 위해서는 grapqhql-tag 라이브러리 가 필요하다 import gql from 'graphql-tag'; const query = gql..