전체 글102 React로 가성비 Pagination 만들기 (with. react-js-pagination) 토이 프로젝트 중 React + Spring 조합으로 개발하는 과정에서 Pagination이 필요해서 구현하다가 직접 만든 거 말고 기존에 있는 라이브러리를 사용해 보는 건 어떨까🤔 라는 생각이 들어서 찾아보게 되었다. 그렇게 react-js-pagination라는 라이브러리를 활용하여 Pagination을 구현하였고 관련 내용을 공유하고자 한다. 🐕 0. 준비 React 프로젝트 Terminal에 하기 명령을 입력하여 react-js-pagination 라이브러리를 받는다. npm i react-js-pagination 🐕 1. Spring 서버 페이징 처리 Controller @GetMapping("/api/study") public ResponseEntity getPublicStudyList(@Pa.. 2023. 2. 12. AWS SAA-C03 합격 후기 필자는 2022년 11월 7일 AWS Certified Solutions Architect - Associate SAA-C03 자격증에 합격했다. 늦었지만 SAA-C03으로 바뀐 지 얼마 안 된 자격증이기도 해서 합격 관련 후기를 작성해 본다. 😅 🤜 취득 목적 AWS 자격증을 준비하며 클라우드 기술과 서비스 활용법을 학습해서 다음에 회사에서 AWS 클라우드를 활용한 프로젝트 개발에 참여할 기회가 있을 때 기술 학습 부담을 줄이고 싶었다. 무엇보다..! 회사에서 자격증 시험비를 지원해 주는 복지 제도가 있어서 큰 부담 없이 도전하게 되었다. 😌 🤜 학습 기간 학습 기간은 총 2개월 정도 걸렸다. 처음에는 학습 기간을 얼마나 잡아야 할지 고민하여 우선, 다른 합격 후기들을 찾아보았다. 그리고 보통은 직장에.. 2023. 2. 12. JPA 동일 트랜잭션에서 update와 insert 동시에 수행할 때 문제 해결하기 (쿼리 실행 순서 문제) unique 제약이 걸린 필드를 '동일한 트랜잭션' 내에서 수정하고 저장해야 하는 경우가 있었다. 그래서 필드를 먼저 수정(update)하고 새롭게 저장(insert)하면 순서대로 처리되지 않을까? 예상하며 코드를 작성했다. 하지만 예상과 다르게 예외가 발생하며 실패했고, 이후 원인을 찾아서 해결하게 되었다. 이 문제를 해결했던 내용을 비슷한 상황을 재현한 간단한 테스트 코드를 활용해 공유하고자 한다. 🐕 테스트 환경 Shiba.java (엔티티 내용 중 일부) ... @Column(unique = true) private String identification; public void updateIdentification(String identification) { this.identification =.. 2023. 2. 5. JavaScript Date 타입을 Java LocalDateTime으로 전달하기 Spring과 React를 활용해서 토이프로젝트 개발 진행 중 자바스크립트의 Date 타입을 자바의 LocalDateTime 형태로 어떻게 전달할 수 있을지 고민하였고, 찾아본 결과 date-format 라이브러리를 활용하면 쉽게 전달할 수 있다는 것을 알게되었다. date-format 라이브러리의 활용 방법을 토이프로젝트의 일부 코드를 통해 공유하고자 한다. [React] client.js import axios from "axios"; const client = axios.create(); export default client; api.js import client from './client'; export const createSchedule = ( memberId, name, startDate,.. 2023. 2. 1. 이전 1 ··· 21 22 23 24 25 26 다음
