📚 전체글176 [의사결정, 일일회고] 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. [프로젝트 회고] : Java WAS 개발 Java WAS (전체 소스코드) 배운 것 WAS, Socket, Unit Test, framework 기간 22.03.21 ~ 22.04.01 (10일) 팀원 @쿠킴, @테리 Step 1 HTTP Get 응답/ 1단계 PR Step 2 GET으로 회원가입 기능 구현 / 2단계 PR Step 3 POST로 회원 가입 / 3단계 PR Step 4 쿠키를 이용한 로그인 구현/ 4단계 PR Reviewer @Honux, @Dion Java Was 프로젝트는 이전 스프링 카페 프로젝트와 동일한 웹사이트 구조로 스프링 프레임워크 없이 자바, 소켓 프로그래밍을 활용해 간단한 WAS를 구현한다. 박재성님의 책 "자바 웹 프로그래밍 Next Step"의 ch 2,3,4 와 주제와 유사하다. 스프링을 사용하며 당연하게 .. 2022. 6. 12. 이전 1 ··· 8 9 10 11 12 13 14 ··· 36 다음
