들어가기 전에 사내에서 HTTP에서 HTTPS를 호출하는 데, 쿠키가 제대로 동작하지 않는다는 문의를 받았습니다. 해당 이슈의 원인은 간단히 말해서, Same-Site가 Schemeful Same-Site로 변화되었음으로 인한 것이었습니다. Chrome M88 업데이트부터 기존 Same-Site 정책이 Schemeful Same-Site으로 변화되었습니다. 이번 포스팅을 통해 Same-Site가 무엇인지와 이번 변화를 통해 바뀐 점이 어떤 것이 있는지 살펴보도록 하겠습니다. Cookies? Cookie란 웹사이트의 상태를 유지하기 위한 방법 중 한 가지라고 생각하면 됩니다. Cookie는 수년에 걸쳐 발전해왔지만, 보안적인 이슈 등 해결해야할 부분이 아직 남아있습니다. 이러한 이슈 해결을 위해 Chrom..
분류 전체보기
들어가기 전에 이번 포스팅은 ECR, Elastic Beanstalk 세팅이 완료되어 있다는 가정하에 진행합니다. 따라서, 해당 부분이 아직 완성되지 않았다면 하기 포스팅들을 먼저 보신 후 이번 포스팅을 읽어보시길 권해드립니다. 이전 포스팅 [AWS, Github Action] Elastic Beanstalk에 SpringBoot 이미지 Docker로 배포하기(1) - 왜 Amazon ECS가 아닌 Elastic Beanstalk을 선택했고, Docker를 사용하려 할까? [AWS, Github Action] Elastic Beanstalk에 SpringBoot 이미지 Docker로 배포하기(2) - ECR 리포지토리 생성 및 권한 설정 [AWS, Github Action] Elastic Beanstal..
들어가기 전에기존에 Docker가 아닌, SpringBoot을 EC2에 직접 배포하는 Elastic Beanstalk 환경을 생성하는 과정을 포스팅한 적 있습니다. 해당 어플리케이션에 신규 환경을 만들어 세팅하였기 때문에 어플리케이션 생성이 필요하다면 해당 포스팅을 한 번 읽어보면 좋을 것 같습니다.이번 포스팅에서는, Elastic Beanstalk 환경 세팅 및 RDS 생성을 진행해보도록 하겠습니다.[AWS, Github Action] Elastic Beanstalk에 SpringBoot 배포하기(1) - EB 기본 세팅이번 포스팅은 하기 2가지 포스팅의 다음 순서입니다. 기존 포스팅을 보시지 않았다면 먼저 보고 오시는 것을 추천드립니다.이전 포스팅[AWS, Github Action] Elastic B..
들어가기 전에이번 포스팅에서는 ECR(Elastic Container Registry)의 리포지토리 신규 생성 및 Elastic Container Repository에 Pull, Push, GetAuthorizationToken 권한을 주는 방법에 대해 알아보도록 하겠습니다.이번 포스팅은 하기 포스팅의 다음 순서입니다. 기존 포스팅을 보시지 않았다면 먼저 보고 오시는 것을 추천드립니다.이전 포스팅[AWS, Github Action] Elastic Beanstalk에 SpringBoot 이미지 Docker로 배포하기(1) - - 왜 Amazon ECS가 아닌 Elastic Beanstalk을 선택했고, Docker를 사용하려 할까?다음 포스팅[AWS, Github Action] Elastic Beansta..
들어가기 전에 기존에는 Elastic Beanstalk을 이용하여 개발 환경 배포를 진행했습니다. 개발 환경을 구축할 때 Elastic Beanstalk을 이용한 이유는 짧은 시간동안 기능 개발과 환경 구축을 한 번에 해야하다 보니, 간편한 방식이 필요했기 때문입니다. 또한, Docker 위에 이미지를 생성해서 띄울만큼의 여유가 없어 SpringBoot 자체를 EC2에 바로 띄웠습니다. 이번 포스팅에서는 Elastic Container Service와 Elastic Beanstalk에 대해 간단히 알아보면서 왜 Docker를 사용하는 지금도 Elastic Beanstalk를 운영 배포에 선택했는지에 대해 이야기해보겠습니다. 추가적으로, 개발 환경과 동일하게 서버 내 SpringBoot을 띄우지 않고 도커..
들어가기 전에이번 포스팅은 인프런에서 김영한님 강의를 들으며 test 메소드 쉽게 사용하는 방법을 알게되어 해당 내용을 정리한 글입니다.LiveTemplate을 활용해 test 메소드 쉽게 만들기Test 메소드를 작성할 때 주로 given/when/then이라는 주석을 달고 진행하는 경우가 많습니다. 이때, 매번 test 메소드마다 해당 주석을 달거나 test 어노테이션부터 test 메소드까지 매번 다 만들기 귀찮을 수 있습니다. 이번 포스팅에서는 이때 사용할 수 있는 Live Template을 활용한 test 메소드 생성 방법에 대해 알아보겠습니다.먼저, IntelliJ의 Preference에 들어가 liveTemplate을 찾습니다. Live Template 화면 오른쪽 상단에 있는 + 버튼을 클릭해..
들어가기 전에원래는 AWS API Gateway + AWS lambda + AWS S3 방식으로 이미지 업로드 및 삭제를 구현하고자 했습니다. 이때, 일반적으로 javascript나 python을 사용하는 것으로 보았는데 해당 언어로 구현하게 되면 정확히 알지 못하는 언어라 유지보수 측면에서 좋지 않을 것 같아 우선 백엔드단에서 java로 구현하되 추후 여유가 되면 Lambda 방식으로 변경하기로 했습니다.따라서, 이번 포스팅에서는 SpringBoot를 통해 S3에 파일 업로드 및 삭제하는 방법에 대해 알아보겠습니다.SpringBoot를 통한 S3에 파일 업로드하기(Rest API)build.gradleAWS에 접근하기 위해 먼저 build.gradle에 하기와 같이 의존성을 추가해줍니다. impl..
들어가기 전에프로젝트를 진행하면서, 빵집의 상세 페이지에서 메뉴 더보기 클릭 시, 해당 빵집에 존재하는 모든 메뉴를 순차적으로 보여주어야 했습니다. 이때, 아래로 쭉 내렸을 때 메뉴가 더 존재한다면 화면에 더 뿌려주고자 무한 스크롤을 구현하였습니다.참고 사항하기 예시는 모두 page index가 1부터 시작한다고 가정하고 진행한 것이기 때문에, 만약 page를 0부터 시작하고자 한다면, 변경이 필요할 수 있습니다.페이징 기법 종류진행하기 앞서, 간단하게 페이징 기법 종류에 대해 알아보고자 합니다. 먼저 아래 왼쪽 사진의 경우는, 일반적인 paging 기법입니다. 각 index를 눌러 페이지를 호출하고 해당 페이지에 해당하는 데이터를 뿌려줍니다. 반면, 오른쪽 사진의 경우는 더보기 버튼을 클릭하여 다음 데..