Java

[Spring] Profiles - 환경 구분(dev / prod / local)

✔ 개요 서비스를 운영하다 보면 운영, 개발, 로컬에 세팅을 다르게 해주어야 할 경우가 많다. 만약 하나의 properties를 사용하게 되면 현재 서버에 해당하는 properties로 직접 개발자가 매번 변경해야 한다. 이럴 경우 properties의 수정 누락으로 에러가 발생하는 경우가 빈번하다. 또한 환경변수 변경은 Git을 통한 형상관리도 할 수 없다는 단점도 존재한다. 그래서 스프링 프로젝트를 개발할 때는 환경변수를 사용하기보다 스프링의 프로파일(Profile) 기능을 사용하는 것이 좋다. 따라서 명시적으로 런타임 환경을 구분할 수 있는 Spring Boot Profiles를 사용한다. 런타임 환경을 구분할 수 있는 Profiles를 제공한다. Activated 된 profile에 따라서 자동적..

2022. 10. 21. 15:48

Java

[Nginx] 설치 및 url 서버 이미지 생성

서론 이미지를 API 서버에 저장을 하고, 해당 이미지를 다른 서버에서 표출시키는 API를 java & spring boot로 개발했다. 그리고 해당 JAR 파일을 리눅스 백그라운드에서 nohup java -jar 명령어로 배포했다. 그런데 여기서 문제가 발생했다. 이미지를 해당 API 서버의 특정 경로에 저장을 시켰는데, URL로 다른 서버에서 불러오려고 하니 불러올 수가 없었다. 이처럼 프로젝트를 진행하다 보면 이미지 서버를 사용하는 경우가 많다. 파일을 해당 이미지 서버에서 다운로드하여서 보여주는 것보다, 이미지 서버에 있는 그 자체의 URL을 통해서 불러오는 것이 효율 적이다. NGINX를 설치하고 웹서버로 올리고 몇 가지의 설정만 해주면 해결되었다. Nginx란? Nginx는 경량 웹 서버입니다..

2022. 10. 21. 11:12

Java

[React] react.js 어플리캐이션 404 not found 에러 (Nginx 서버)

🌻 개요 개발 환경에서 react 애플리케이션의 테스트를 끝내고, Nginx 서버에 업로드를 하였다. 응용 프로그램이 잘 동작하고 있어 데이터베이스에 저장이 되는 등 모든 것이 잘 작동하였다. 하지만 다른 페이지로 넘어가면서 새로 고침이 되는 순간 404 not found 에러가 발생했다. window.location.reload()를 쓴 부분에서 모두 404 not found 에러가 발생하는 것이었다. 로컬과 개발 환경에서 테스트를 진행했을 때는, 아무런 문제가 없었기에 당황스러웠다. 다행히도 해당 에러에 대한 해결방안을 찾아서 아래에 한글로 번역해 둔다. 404 error? 404는 http 프로토콜의 코드입니다. http 프로토콜이란 웹을 구성하는 일종의 규약이라고 보면 된다. 404 not fou..

2022. 10. 20. 09:15

Java

[Spring] Front에서 보낸 데이터를 서버에서 받는 몇 가지 방법

서버와의 연동 작업을 진행하면서, 제일 중요하다고 생각하는 건 데이터를 어떤 식으로 주고받을지가 제일 중요하다고 생각한다 1. 배열 전송하기 Clinet Method : POST Content-type : application/x-www-form-urlencoded; charset=UTF-8 $.ajax({ url: "/test", dataType: "json", contentType: "application/x-www-form-urlencoded; charset=UTF-8", type: "post", data: {ids : [1,2,3]}, success: function (res) { }, error: function (request, status, error) { } }); Server @PostM..

2022. 9. 27. 15:08

Java

[React] react-datepicker 라이브러리 (캘린더, 달력)

🎰 들어가며 자바스크립트 ES5 문법을 사용은 많이 해보았다. 이번에 프론트 개발을 React로 진행하면서 아직 ES6문법에 익숙하지 않아 힘들다. 날짜 선택이 필요한 경우, 캘린더 라이브러리로 datepicker를 참 편하게 섰는데, React에서는 어떻게 사용하는지 찾아보며 사용하다가 정리해 두려고 한다. ※ 참고 - jquery에서 Datepicker를 사용하는 방법 2022.06.03 - [Java Script/JS] - [라이브러리] Datepicker [라이브러리] Datepicker DatePicker란? datepicker는 jQuery에서 제공하는 위젯 중 하나이며, 날짜를 다룰 때 UI 형식으로 쉽게 날짜를 선택하도록 도와주는 역할을 합니다. datepicker를 이용하면 많은 기능을 ..

2022. 9. 2. 14:03

Java

[JPA] entity < -- > DTO 변환 시 실무에는 어떻게 처리할까?

▶ DTO(Data Transfer Object)란? DTO(Data Transfer Object, 데이터 전송 객체)는 프로세스 간에 데이터를 전달하는 객체이다. 원격 인터페이스로 작업을 할 때, 호출에 따른 비용이 비싸기 때문에 요청의 횟수를 줄여야 하고, 이를 위해 한 번의 요청에 더 많은 데이터를 전송해야 한다. 외부와 통신하는 프로그램에게 있어 호출은 큰 비용이며, 이를 줄이고 더욱 효율적으로 값을 전달할 필요가 있다. 이를 위해 데이터를 모아 한번에 전달하는 클래스를 DTO라고 한다. 🔔 API 사용을 할 때 DTO를 만들어서 받는 이유 API 스펙에 맞춰서 @ResponseBody Entity를 사용하는 것이 아니라 DTO를 만들어 사용해야한다. Entity를 사용하게 되면 어디까지 API에..

2022. 8. 31. 14:30