본문 바로가기

📚 전체글172

[의사결정, 일일회고] 22.06.15 - "백엔드(Spring) 배포와 아키텍처" 📚 배운 것 백엔드(Spring) 배포 방법 고민 어제는 FE 배포를 하였다. 오늘은 BE를 배포한다. 아직 초기 프로젝트 세팅만 하고 구현 코드는 없지만 CI/CD 자동화 배포를 구축한 뒤 프로젝트 기능이 추가될 때 마다 배포하고 싶어서였다. 제약 사항 - 비용(aws 프리티어) 고민한 배포는 아래와 같다. Case 1 : Docker + Docker hub 도커 이미지를 도커 허브에 올려 사용한다. 이전 프로젝트를 이 방법으로 배포했다. 장점 - 간단하다 - DockerFile만 만들면 끝난다. - Docker 환경이라 배포가 자유롭다. - 이미지 저장소 free 단점 - 무료로 사용하면 배포 이미지가 노출된다. - 단순 EC2 오토 스케일링을 한다면 모든 EC2에 도커가 설치된 뒤 그 위에 올라가.. 2022. 6. 16.
[의사결정, 일일회고] 22.06.14 - "프론트엔드(React) 배포와 아키텍처" 📚 배운 것 프론트엔드(React) 배포 방법 고민 (어제 글을 남겼지만) 코드스쿼드에서의 3주간의 마지막 팀 프로젝트를 시작했다. 이번 프로젝트는 FE(2명)/BE(1명)으로 BE를 담당했다. FE - react / BE - Spring를 사용한다. BE가 FE 웹까지 배포를 담당하기로 했다. React는 SPA(Single Page Application), CSR(Client side rendering)으로 build 하면 정적 파일이 생긴다. 이를 배포하면 되겠다 생각했고 3가지가 떠올랐다. Case 1 : Spring + react 묶어 배포하기 react를 빌드하면 /build 정적 리소스 파일을 spring의 src/main/resources/main/static 에 넣어 배포한다. 장점 한 .. 2022. 6. 15.
GitHub Actions를 활용해 React를 S3, CloudFront를 사용해 배포하기 이 글은 AWS의 S3, CloudFront를 사용해 리액트 프로젝트를 배포한다. 이 과정을 Github Actions를 활용해 자동 배포를 소개하고자 한다. 잘못된 내용이 있다면 편하게 말씀해주세요 🙏🏻 들어가기에 앞서 배포 방법은 다음과 같다. React 프로젝트의 빌드 결과는 정적 리소스 파일(.html, .js, .css ...)이다. 이를 S3에 올린다. 정적 리소스 파일이기에 S3의 baseURL에 index.html를 연결시켜주면 클라이언트는 baseURL에 들어왔을 때 index.html를 받게 된다. 이때 보통 CSR(클라이언트 사이드 렌더링)로 작동하기에 클라이언트의 브라우저는 S3에 필요한 리소스(. js,. css...)를 요청한다. 마치 nginx가 정적 리소스 전달하는 것처럼 보.. 2022. 6. 14.
[일일회고] 22.06.13 - "AWS Auto Scaling, 코드 스쿼드에서의 마지막 프로젝트 시작" 📚 배운 것 AWS Auto Scaling 호눅스 마스터 클래스에서 AWS의 Auto Scaling을 배웠다. 기억에 남는 내용을 정리하고자 한다. 스케일링의 종류 : 수평, 수직 확장 - 수평 확장 : AWS는 수평 확장만 제공한다. - 수직 확장 : AWS 기본 제공되지 않는다. 하고 싶다면 직접 커스텀하여 CloudWatch 모니터링 스크립트를 작성해 사용할 수 있다. 왜 오토 스케일링이 중요하고 사용할까? IT 회사의 서버 사용은 일정하지 않다. 회사마다 유형이 다르다. 클라우드 이전에는 자원을 효과적으로 사용하지 못했다. AWS 오토 스케일링 이후 사용자는 자유롭게 서버를 늘리고 줄일 수 있다. Auto Scaling 구성 요소와 원리 Auto Scaling는 ELB(탄력적 로드 밸런싱) + C.. 2022. 6. 13.
[프로젝트 회고] : Todo List (미작성) Todo List (전체 소스코드) 배운 것 AWS, Spring, Jdbc Template, ATDD, 협업 기간 22.04.04 ~ 22.04.15 (10일) 팀원 @쿠킴, @동기, @우기, @정박 PR 1 그라운드 룰, API 설계, Mock API Server / PR 1 PR 2 특정 ID로 Todo 조회 요청 기능 / PR 2 PR 3 전체 Todo / History 조회 요청 기능 / PR 3 PR 4 Todo 생성 기능 / PR 4 PR 5 Todo 삭제 기능 / PR 5 Reviewer @Dan Todo List 프로젝트는 안드로이드와 협업하여 투두 모바일 앱을 개발합니다. 프로젝트하며 배운 점 ⛓ Reference 2022.04.04 - [🤖 생산성 Up & Tips] - 깃허브 저장소.. 2022. 6. 13.