[ 아대밀맵 ] Project Note - 2021.08.15

오늘 한일: 

 

<APP>

앱 전반에 navigation 적용

ios & android 실 기기 테스트 완료

UI 레이아웃 깨지는 버그 수정

 

<서버>

윈도우 서버 삭제 & 리눅스 서버로 재구성

 

 

내일 할일:

 

<APP>

React Native에서 Redux 설정에 문제가 발생함. 해결 필요

지도페이지 추가

디자인 완성

 

<서버>

DB 설계

서버 개발

 

<웹>

React 알파버전 빌드 & 배포

---

APP 개발

 

앱에 navigation을 추가하여 페이지 이동을 가능하도록 하였다.

navigation을 추가하니 header를 기본으로 사용해야해서 기존것을 옮기는 과정이 필요했는데, 생각보다 오래 걸렸다.

 

기존 navigation bar의 데이터를 전부 비우고, 스타일을 기존에 만들었던 header로 덮었다.

 

 

 

header를 통으로 만든것을 처음에는 바로 집어넣으려고 시도했다 (두번째 주석)

하지만 headerTitle에 바로 집어넣을 경우 원하는 사이즈로 조정하는것이 힘들었다.

또한 화면 방향을 돌리거나 iPhone이 아닌 다른 디바이스에서 화면을 표시할 경우 제대로 반응형 코드가 작동하지 않아 left와 right에 표시할 내용을 잘라 넣고, headerTitle을 비웠다 (비우지 않으면 페이지 이름이 표시됨)

 

headerStyle에 높이값도 문제였는데, 높이의 경우 노치가 있는 핸드폰 (특히 iPhone)의 높이에 맞춰 개발을 하니 일반 바형 스마트폰에서 상단이 많이 비어보였다. 이를 해결하기 위해 플랫폼별로 적용값을 다르게 하였다.

 

오늘자 앱화면

---

DB 설정

 

 

윈도우 서버가 가격대비 예상보다 너무 느렸다.

지우고 리눅스 서버 경험을 해볼겸 해서 CentOS 서버를 다시 설정했다.

 

 

몽고DB를 셋팅하기 위해 다음 사이트를 참고했다:

https://lucidmaj7.tistory.com/286

CentOS7에서 MongoDB 설치하기

 

이중 현재 최신버전인 5.0.2를 설치하기 위해

/etc/yum.repos.d/mongodb-org-5.0.repo 파일을 생성하고, 파일 내용을 다음과 같이 수정했다

 

[mongodb-org-5.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/5.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-5.0.asc

 

나중에 알았는데, 버전을 앞 2자리만 작성하면 된다. 마지막 1자리까지 입력하고 왜 안되지 머리 싸매다가 지우니까 잘 되었다.

 

 

설치가 끝나고, 아래 명령어로 DB를 실행했다

 

sudo service mongod start

 

이와 더불어, 서버가 시작되면 자동으로 DB를 시작할 수 있도록 아래 명령도 함께 해줬다

 

sudo chkconfig mongod on

설치완료 및 db 실행 / 부팅시 자동실행 설정 완료 스크린샷

 

 

우선 설치를 했지만, 나는 Replica Set을 구성할 생각이었으므로 다른 포스팅을 추가로 참고했다.

 

https://tech.trumpia.com/management/Install_MongoDB_3_on_CentOS_7_and_manage_replica_set/#mongodb-replica-set-%EA%B5%AC%EC%84%B1

Cent OS 7에 MongoDB 3 Version 설치 및 Replica Set 구성

 

 

Replica Set은 여러 DB를 하나의 Set으로 묶어두고 서비스를 제공중이던 직전 DB의 사망하면 서비스 중단없이 자동으로 대응하기 위해 사용되는 형식이다. Replica Set에 대한 포스팅은 이번 프로젝트를 통해 깊게 배워보고 별도 포스팅을 하려 한다.

 

우선 현재까지는 아직 서버를 1대만 운용하고 있으므로 패스

 

 

 

---

 

 

다음으로는 node와 git을 설정했다.

git은 centos와 함께 이미 설치가 되어있었고, node 만 설치하면 되었다.

 

 

우선 epel이 설치되어있지 않았기 때문에, epel을 먼저 설치하고, 그 후 node를 설치했다

* epel: 각종 패키지 최신버전을 제공하는 저장소

 

sudo yum install epel-release

yum -y install nodejs

 

 

이로서 서버를 사용하기 위한 기본 설정은 끝났다.

 

구글링중 프로젝트를 업로드하면 자동으로 배포할 수 있는 기능을 찾아 나중을 위해 기록한다:

Github Action

https://zzsza.github.io/development/2020/06/06/github-action/

Github Action 사용법 정리

 

 

---

 

몽고 db를 맥북 등 외부 개인 작업 pc에서 작업할 수 있도록 조금 더 설정이 필요했다.

 

https://blog.thinkbee.kr/linux/database/mongodb-config/

MongoDB 구성 설정과 사용자 인증 사용

 

몽고 db의 conf 파일: /etc/mongod.conf

 

storage: db 파일 저장 위치 & 저장 방법

systemlog: 로그 파일 & 로그 조작 방법

net: 네트워크 바인딩 등 네트워크 관련

 

 

우선 파일을 수정하여 외부에서도 접근이 가능하도록 net 설정을 변경하고, 콘솔에서 포트포워딩 해줬다

 

데이터베이스 경로를 변경한 후 db 실행이 안되서 애를 먹었는데, db 경로의 소유자를 mongod로 변경, rw권한을 755로 설정하여 해결했다.