회고장

상품 등록 시연 https://www.youtube.com/watch?v=P5fN7RorSSE&list=PLzSXx73Lg_9O4qQQa58u5ZRtTrYXT7-sR&index=1&ab_channel=SimpluencerTest%EA%B3%84%EC%A0%95 상품 판매 시연 https://www.youtube.com/watch?v=UlGHse-FUfk&list=PLzSXx73Lg_9O4qQQa58u5ZRtTrYXT7-sR&index=3&ab_channel=SimpluencerTest%EA%B3%84%EC%A0%95 리뷰 등록 시연 https://www.youtube.com/watch?v=BaE-jjTGask&list=PLzSXx73Lg_9O4qQQa58u5ZRtTrYXT7-sR&index=2&ab_ch..

👣 개요 Ubuntu를 이용해서 http 통신을 수행하는 APP을 구동시키려고 했다. 이 때, application.properties에 server.port=80라고 설정해서 별다른 포워딩 없이도 서버를 구동시키려고 했다. 하지만 분명 Local에서는 작동했던 서버가 EC2 내부에서는 작동되지 않았다. 이유를 찾아보니 Linux는 1024 이하의 포트는 관리자 권한의 사용자만 이용할 수 있었다. 때문에 sudo를 앞에 더해서 jar 파일을 돌렸다. 나의 경우, 민감한 설정 정보를 숨기기 위해 환경 변수를 활용하고 있었는데 이 경우, sudo 명령어엔 환경 변수가 자동으로 적용되지 않았다. 결국, -E 옵션으로 환경 변수를 의도적으로 받아들였고 "sudo -E java -jar ~~~~.jar" 라는 코..

👣 개요 나는 주로 OAuth2 인증 과정을 Spring Boot 내에서만 사용해봤지 React와 함께 사용해본 적은 없었다. 때문에 Redirect URI는 당연히 백엔드 서버를 향하게 설정해왔고 React 팀과 함께하는 주특기 프로젝트 또한 Redirect URI를 백엔드 서버를 향하게 설정했다. 우선 OAuth2 인증 과정을 어찌 구현했는지 코드와 함께 이야기해야 어떤 문제가 있었는지 표현할 수 있을 것 같다. 👣 OAuth2 인증 과정 Authorization Code 취득 - 과정 1~3 우선 React 컴포넌트 내에 3번 과정을 수행할 Authorization Code 취득 링크를 클릭할 수 있도록 a 태그를 작성한다. 이 때, fetch가 아닌 a 태그로 이동하게 해야 한다. 왜냐 하면, f..

👣 개요 항해 99에서 최종 프로젝트 전에 수행하는 주특기 프로젝트 중 QueryDSL을 도입한 과정을 회고하고자 이 게시글을 적게 되었다. 해당 프로젝트는 '블라인드' 사이트와 같이 회사에 대해 평가하고 정보를 나눌 수 있는 커뮤니티라고 볼 수 있다. 구현해야 하는 API 중 특정 회사명을 입력하면 해당 회사명이 포함된 회사들을 출력하는 API가 있었다. 👣 Query Method를 통한 검색 구현 우선 주특기 프로젝트를 수행하기 앞서 이번 프로젝트에서의 나의 각오는 프론트엔드 팀의 요구사항을 재빠르게 수용하고 결과를 내놓는 백엔드 개발자가 되는 것이었다. 이것을 위해선 유지보수가 매우 용이한 구조의 코드를 짜야 했었고 확장성을 염두해서 코드를 작성해야 했다. 검색 기능을 구현하는 것은 JPA에서 제공..