[이 글에서 결국 하고 싶은 말] 1. S3 + CloudFront를 통해 클라이언트를 배포할 때는 사용할 때는 S3 웹 호스팅을 기능을 비활성화 한 다음에, 버킷 엔드포인트과 CloudFront를 연결한 다음 OAC 설정하고, S3 정책을 작성하여 CloudFront에서만 접근하도록 설정하세요. 2. OAI 대신 새로 도입된 OAC에 대한 간단한 설명과 S3 버킷의 파일을 안전하게 보호하기 위한 Access 설정, S3 Bucket 정책을 작성하는 방법을 알려드립니다. 3. 소소하게, S3로 정적 프로젝트 배포시 CloudFront를 사용하는 장점과 S3 버킷의 파일들을 CloudFront를 통해 배포하는 방법도 알려드립니다. 안녕하세요? 이진호 TV의 이진호입니다. 오늘은 React Project를 ..
Nginx if is evil Don't try this at home You were warned 미국 공포 영상이나 위험한 과학 실험 영상의 썸네일이나 제목을 보면 위와 같은 문구가 작성 되어 있다. 위의 문구는 NGINX 공식 홈페이지의 어떤 문서의 예제 위에 적혀 있는 문구이다. 예제를 따라하지 말라고 경고하고 있다. Nginx를 사용하며 if를 사용할 일은 꽤 많다. CORS 처리엔 필수적이고, 메서드나 소스에 따른 처리가 필요할 때가 있다. 그럼에도 Nginx if는 매우 매우 불친절하다. 또 단순히 불친절 한줄만 알았는데, 악마적인 모습 또한 감추고 있다. Nginx의 설정파일을 작성할 때 if를 사용하는 경우와 if의 불친절함, 그리고 Nginx의 if를 악마라고 부르는 이유를 살펴보자 1..
선요약 커스텀하게 UserDetails를 구현해서 사용중이라면, SecurityContext의 인증된 유저 관련 테스트를 진행할 때 @WithMockUser를 사용할 수 없다. 컨텍스트에 인증된 유저를 배치하는 여러 방법 중 이런 상황에서 편리하고, 아주 유연한 처리가 가능한 @WithSecurityContext를 이용해 테스트 코드를 작성하는 법을 소개해본다. 1. @WithMockUser 사용하기 보통 Spring Security의 Security Context에 로그인된 유저 정보를 이용한 테스트를 진행할 때, 간편하게 `@WithMockUser` 어노테이션을 이용할 수 있다. 내 프로젝트의 Authentication Helper 클래스는 아래와 같이 현재 로그인한 유저를 Security Conte..
[AWS] 한 EC2 인스턴스에 frontend, backend 전부 배포하기! - React + Spring boot 오늘은 하나의 EC2 인스턴스에 2개의 프로젝트를 배포하는 법에 대해 설명하겠습니다. 저도 EC2에 프로젝트를 배포하는 방법을 공부하기 위해 검색을 하고, 책까지 구매하여 공부하였으나, 두 프로젝트를 하나의 인스턴스에 넣고 배포하는 법에 대한 자세한 정보를 얻기는 어려웠습니다. (보통은 한 가지 프로젝트를 올리는 방법만 적혀 있습니다 ㅠ.ㅠ) 그래서 여기 저기서 정보들을 얻고 취합하고.. EC2에 배포한다는 것의 실제적인 의미를 파악하는 과정들을 통해 성공할 수 있었습니다. 기본적으로 EC2 인스턴스를 만든 후, putty를 통해 접속한 상황이라고 가정하겠습니다.(windows) 만드는..
FaaS와 비동기 처리로 브라우저의 부담 줄여주기 결론: 평균 30.0651초 -> 0.988초로 약 30배 속도 개선됨 1. 랭킹 페이지에서 순위권 유저 프로필 사진 보여주기 매니에서 프로모션을 위해 유저들간의 순위를 매기고 보여주는 랭킹 페이지를 구현하고 있었다. 예를 들어 친구 초대를 많이 한 사람, 이번 달 가장 많이 문제를 푼 사람 등 순위를 메겨 선물을 주는 프로모션을 진행할 수도 있기 때문이다. 한번에 1등 부터 100등까지 유저의 순위를 보여주도록 기획했는데, 로그인한 유저의 순위까지 보여주려면 100 ~ 101개의 유저 정보를 한번에 보여줄 수 있어야 했다. 문제는 순위별 유저들의 정보를 보여줄 때, 유저들의 프로필 사진을 전부 보여주어야 한다는 점이였다. 프로필 사진을 보여주는 것이 왜..
