Bongster's

Apps script로 데이터 관리하기!!  이번에 새로운 파일럿 프로젝트를 들어가면서 개발자 한명 !! 이서 모든걸 관리해야하는 상황 이 왔습니다.  그 개발자가 바로 저였습니다. :( 그래서 일단 요구사항에 대해 생각 해보도록 하였습니다. * Something storage for saving information. * Web Hosting. * Frontend page. * Serving something for communicate between Database and Frontend. * Authentication.  음.. 그럼 필요한게 * Backend * Frontend * Infra * Database * Database Tools. 이정도 인것 같은데, 이걸 다 혼자 할 경우 Timeline에 원하는 기능을 만들지 못할것 같다는 생각을 했습니다. 그럼 어떻게 해야 줄일수 있을까? 생각하다가 담으로 생각한게 그럼 Infra를 줄여보자라고 생각해서 Serverless로 API쪽 개발을 하고 Frontend랑 묶어주자!! 라는 생각이 들었습니다.  그 이후에 그럼 Database Scheme는 어떻게? 제일 편한건 Mysql인데 이걸 쓰면 되나? 그럼 관리는?  디비는 어떻게 보여주지? 어드민은? 그냥 Client로 접근하라고 할까? 그럴경우 SQL을 가르쳐줘야하는데, 모를텐데 이런 생각이 들었습니다.  결국 주저리 주저리 했지만, 제가 정한 최종 스펙은, * Something storage for saving information. -> Firebase database, Apps scripts, Google Spread sheets * Web Hosting. -> Firebase hosting * Frontend page. -> React * Serving...

React app Amazon s3에 배포하기. 이번에 2주 동안 어드민 사이트를 개발 하게 되면서 Frontend 단에 있었던 문제나 해결 방법에 공유할까 합니다. 2주동안 가능할수 있었던 이유는 따로 대시보드 차트에 대한 페이지 가 따로 필요하지 않았고, 단순한 페이지 2개에 대해서 읽기, 쓰기, 수정에 대한 기능만 지원하면 되어서 2주 동안 개발을 완료할수 있었습니다. 개발에 사용한 스펙의 경우에는 Design coreui bootstrap reactstrap Frontend 는 React Redux Redux-thunk Redux-logger React-router Backend Node.js express mysql sequelize Deploy Frontend : AWS s3 를 통해 static html 을 서빙하는 방식 Backend : docker + elastic beanstalk 을 통해서 배포하였습니다. 이런식으로 구성했으며, 지금은 Frontend에 배포에 대해서 설명할까 합니다. 이게 제일 쉽고, 제가 처음 하던 작업이라 메뉴얼 하게 한 부분도 몇개 있거든요. Requirements AWS 계정 amazon console command coreui에서 제공하는 react 버전의 app https://coreui.io/react/ 일단 이정도만 가지고도 충분히 배포는 가능할것 같네요. Steps 배포 과정은 간단합니다. AWS에서 호스팅 관련된건 다 지원해주고, react-scripts에서 build를 통해 static 페이지로 바로 나올수 있도록 지원해줘요. AWS bucket 생성 AWS bucket에 대해서 public으로 권한 변경 static hosting 기능 켜기. frontend 프로젝트에서 npm run build 명령어 실행. aws s3 sync build/ s3://MY_BUCKET_NAME --acl public-read ...