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

Java

[Java] 자바 Stream (map, filter, sorted, collect)

▶ Stream 이란? 스트림의 사전적 의미는 '흐르다' 또는 '개울'이다. 프로그래밍에서의 스트림도 사전적 의미와 크게 다르지 않다. 다만, 여기서 물이 흐르는 것은 아니고 데이터의 흐름을 뜻한다고 이해하면 될 것이다. Java 8부터 Stream을 사용할 수 있다. 기존에 자바 컬렉션이나 배열의 원소를 가공할 때, for문 / foreach 등으로 원소 하나씩 골라내어 가공을 했지만, stream을 이용하여 람다 함수로 간결하고 깔끔하게 요소들을 처리 가능하게 되었다. ※ 간략 정리 데이터의 흐름이다. Java 8에서 추가한 람다를 활용할 수 있는 기술 중 하나이다. 배열 / 컬렉션 인스턴스에 함수 여러 개를 조합해서 원하는 결과를 필터링하고 가공된 결과를 얻는다. 한 번 종료 작업을 한 스트림에 대..

2022. 8. 31. 14:27

Java

[QueryDSL] DATE_FORMAT 사용하기

서론 QueryDSL에서도 SQL Function 사용을 통해 쿼리를 간단하게 작성해야 할 경우가 있다. 이 경우, Expressions.StringTemplate(), Expressions.numberTemplate() 등을 통해 SQL Function을 사용할 수 있다. 이를 통해 Date cast, Lower case 작성 등을 QueryDSL에서 쉽게 사용이 가능하다. MySQL에서 DATE 건드리기 먼저 MySQL에서 Date_Format을 사용하는 방법을 알아보자. //Date 포맷을 변경하고 날짜를 지정한 형식으로 출력 DATE_FORMAT('2022-03-24', '%Y%m%d') DATE_FORMAT(날짜, 변경할 양식) //Date 날짜를 더하거나 빼야할 경우 DATE_ADD(기준날짜,..

2022. 8. 30. 17:24

Java

[React] 비동기로 동작하는 setState에 대한

이번 포스팅에서는 React에서 setState의 Callback 함수를 사용하는 경우를 소개합니다. 이슈 개발을 하는 중, setState함수가 실행되어 값이 변경되었음에도, state를 사용하는 함수는 한 박자 늦게 변경되는 이슈가 있었습니다. 이러한 이유의 원인을 찾아보니 setState가 비동기 함수라서 그렇다고 합니다. setState 함수는 이벤트 핸들러 함수에서 바로 값을 경신(변경)하는 것이 아니라, 이벤트 핸들러 함수가 종료 후 react에 의해 state값이 경신됩니다. 해결방안 react에서 setState의 Callback 함수를 사용하는 경우는 state를 변경 후 변경된 state를 사용하는 경우입니다. setState 함수로 state의 값을 변경 후 경신된 값을 콘솔에 출력하..

2022. 8. 30. 10:11

Java

[JAP] 트랜잭션이란 무엇일까?

트랜잭션 트랜잭션(Transaction)의 정의를 내려보자면, 트랜잭션은 Database의 상태를 변환시키는 하나의 논리적 기능을 수행하기 위한 작업 단위나 한 번에 수행되어야 할 일련의 연산을 의미한다. 만약 데이터베이스의 데이터를 수정하는 도중에 예외가 발생된다면 어떻게 해야 할까? DB의 데이터들은 수정이 되기 전의 상태로 되돌아가져야 하고, 다시 수정 작업이 진행되어야 할 것이다. 이렇듯 여러 작업을 진행하다가 문제가 생겼을 경우 이전 상태로 롤백하기 위해 사용되는 것을 트랜잭션(Transction)이라고 한다. 트랜잭션은 더 이상 쪼갤 수 없는 최소 작업 단위를 의미한다. 그래서 트랜잭션은 commit으로 성공하거나 rollback으로 실패 이후 취소되어야 한다. 하지만 모든 트랜잭션이 동일한 ..

2022. 8. 19. 09:07