본문 바로가기

Front-End3

yarn berry로 workspace(monorepo) 구성하기 프로젝트를 진행하다보면 별도의 프로젝트라 생각하고, 서버, 프론트를 나누거나 프론트서버를 데스크탑, 모바일로 나눠 각자의 git repository를 만들어 관리하는 경우가 있습니다. 백엔드와 프론트는 사용 언어가 다를경우엔 공유할 코드가 없기 때문에 나누는게 여러모로 좋은점이 많지만, 백엔드 언어가 nodeJS라면 프론트도 특별한 경우가 아니면 자바스크립트로 이루어져 있기 때문에 프론트와 백엔드가 같은 언어를 사용하게 되고, 같은 언어를사용하면 validation이나 공통적으로 사용되는 함수들을 하나만 관리하여 사용할 필요가 있습니다. 이럴때 필요한것이 monorepo로 하나의 repository에서 2개이상의 프로젝트를 관리하는것입니다. 그럼 monorepo를 설정하기 위해 monorepo가 될 폴더.. 2021. 9. 20.
[Strapi] Strapi + MongDB + Heroku로 만드는 Back-end 서버 지난 포스트에서 설정한 Strapi 서버를 Heroku로 실제 사용가능하도록 배포해보겠습니다. 1. Database 설정 변경 Strapi를 설치할때 입력한 DB정보는 development(개발용)에서만 적용되어 있으므로, staging, production의 DB설정도 바꿔주도록 합니다. /config/environments/development/database.json development의 database.json의 내용을 복사하여, staging, production의 database.json에 그대로 붙여넣도록 합시다. 2.Heroku 가입 www.heroku.com/ Cloud Application Platform | Heroku Heroku is a platform as a service (.. 2020. 5. 20.
[Strapi] Node.js Headless CMS로 API 만들기(Feat.MongoDB) 프론트는 데이터를 받아야 화면에 보여줄 수 있고, 그 데이터는 주로 서버에서 오게 됩니다. 웹 어플리케이션을 만들기위해 프론트개발자가 직접 서버에서 내려주는 데이터를 만들고, 그걸 관리할 Admin페이지를 만드는 일은 쉽지않죠. 하지만 Strapi를 사용하면 별도의 관리자페이지를 통해 권한 및 api를 마음대로 만들 수 있는 back-end 서버를 구축할 수 있습니다. 1. MongDB 클러스터 만들기 https://www.mongodb.com로 접속하고 가입을 합니다. 조직만들기 > 프로젝트 생성 > 클러스터 생성(Shared Clusters 선택) > 클라우드 제공 업체 및 지역선택(AWS + 싱가포르 추천) > 클러스터 배포(3분이상 소요) 배포가 완료되면 위와같이 버튼들이 활성화가 됩니다. 'CO.. 2020. 5. 17.