키보드로 물고기 잡기 키보드로 물고기 잡기

오늘의 목표(가칭) 리액트 네이티브를 이용해 간단한 일정관리 앱을 만들고 있습니다. 아직 모바일에 대한 이해 및 리액트 네이티브에 대한 이해도가 크질 않아 간단한 토이프로젝트가 될 것 같네요. 1차 목표 1. 목표를 설정하고 리스트에서 볼 수 있다. 2. 목표를 달성한 날과 그렇지 않은 날을 구분할 수 있다 3. 설정한 값들은 redux-persist를 이용해 유지되도록 한다. 4. 서비스를 이용한 알람 기능을 설정한다. 이후 서버와 연동해 간단한 커뮤니티 기능을 넣을 생각입니다.

붉은색 영역인 ECR, ECS 를 먼저 구축한다. 다음을 가정합니다. 1. AWS VPC 구축되어 있음, 또는 기본 이해가 있음 2. api gateway 구축되어 있음, 또는 기본 이해가 있음 3. 도커에 대한 기본 이해 4. JAVA 및 Spring boot 에 대한 기본 이해 붉은색 영역인 ECS, ECR 구축은 다음과 같은 순서로 진행한다. 1. ECR 에 배포에 필요한 java, spring boot 이미지를 생성합니다. 도커 공개 Repository에서 받아오는 경우 횟수 제한이 있어 배포가 안될수 있습니다. 추후 글에 자세히 설명 2. ECS 에 대한 기본 설정을 진행 3. Spring boot 를 이용해 웹 서버를 생성하고 도커이미지를 만듭니다. 4. 3번에서 생성된 도커이미지를 ECR 에..

리액트 네이티브 component 외부에서 redux state에 접근할 경우 다음과 같이 store를 이용하면 된다. 나의 경우 restapi 호출전 accessToken을 axios header에 설정해줘야 했다. 먼저 store 를 생성 import { createStore } from 'redux'; import reducer from './reducer'; const store = createStore(reducer); export default store; 그리고 store에 저장되어 있는 redux state를 가져올땐 아래와 같이 하면 된다. import store from './store'; export function doSomething() { const state = store.ge..

지난 7~8년동안 리얼포스 텐키리스와 레오폴드 FC750RT를 회사와 집에서 번갈아 사용해 왔음 질리기도 해서 다른 제품을 하나 더 구입하고 싶었는데 마땅한 제품이 없었다. 조건은 무선 + 무접점 + 미니 키보드 제품을 찾아 왔는데 얼마전 한성에서 괜찮은 제품이 나와서 구매함 사실 두달전 쯤 한성에서 동일한 제품을 구입해 회사에서 사용중 키 배열 통일도 할겸 집에서도 똑같은 제품을 사용하려고 하나 더 구입 했다. 한성 네이버 대표 스마트 쇼핑몰에서 구입했고 포장은 꽤 안전하게 온다. 박스를 까면 구성물은 아래와 같다. 키캡 리무버, 청소용 솔, usb 연결 단자, 설명서, 제품 본품인 키보드로 구성 윈도우에서의 연결 방법은 다음과 같다. 1. 윈도우 설정 -> Bluetooth 및 기타 디바이스 -> +..

최근 react native 를 이용해 앱 개발중 구현 사항이 시뮬레이터에 반영이 되질 않거나 메트로 서버 비정상 동작 등 여러가지 문제를 겪어왔다. react native에 익숙하지 않기도 했고 여러 검색 결과 아직은 메트로 서버가 불안정해 나와 같은 이슈를 겪는 사람이 많은걸 확인 이 문제들을 해결 했던 방법을 나열 해 봄 1. 파일을 추가한 경우 메트로 서버 재시작 2. 개발중 npm 추가 모듈을 설치한 경우 ios 시뮬레이터에 개발 결과물 반영을 위해서는 pod install 실행 필요 2.1 cd ios && pod install diaz ~/git/realforceman/three_day_app/ios pod install Auto-linking React Native modules for t..

[ec2-user@ip-192-168-0-0 ~]$ docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES abc500c00000 test/test:latest "java-D.." 2 hours ago Up 2 hours 0.0.0.0:32807->19090/tcp bcc00001b000 amazon:latest "/agent" 6 weeks ago Up 6 weeks AWS ECS 를 통해 동작중인 docker 목록 ( 아이디 이름등은 임의로 수정 ) 도커 접속 방법은 다음과 같다 1) docker ps 로 컨테이너 아이디 abc500c00000 획득 2) 획득한 컨테이너 아이디로 프로세스 진입 docker exec -it abc500c0000..

리액트 네이티브로 앱 개발중 특정 화면에서 뒤로 가기를 막거나 , IOS 의 뒤로가기 제스쳐를 막아야 하는 경우가 생겼다. 예를들면 회원 가입 후, 메인 페이지 진입한 경우 뒤로 가기를 막아야 한다. StackNavigator를 사용중이라면 다음과 같이 설정시 전체 화면에 대해 제스쳐를 막을 수 있다. const RootStack = createStackNavigator(); function RootNavigator() { const initialRouteScreen = "ViewExample"; return ( ); } export default RootNavigator; 일단 상위 ScreenOptions 에 gestureEnabled 설정하니 의도한대로 모든 뷰에서 제스쳐가 동작하지 않았다. 하지만..

AWS ECS, ECR, Codepipe line 서비스를 이용해 서버 빌드 및 테스트 이후 도커 이미지 생성 후 블루/그린 배포를 구성하며 겪었던 이슈 및 구현 사항에 대해 공유 합니다. 작은 기업 또는 혼자 공부하시며 자동 배포를 구성하시는 분들께 도움이 되었으면 합니다. 먼저 머리속 내용과 최종 goal을 위 첨부 그림으로 표현해 봅니다. 아무래도 그림으로 보는게 알기가 쉽습니다. 최종 목표는 다음과 같습니다. 1. Github 특정 브랜치에 머지가 되는 경우 AWS codepipeline 에서 자동으로 빌드 및 테스트 진행 2. 빌드가 된경우 ECR 에 도커 이미지 생성 3. 정의해둔 ECS 의 Task에 의해 Cluster 기반으로 도커 이미지 생성 4. 블루 / 그린 방식으로 배포 ( 무중단 ..