React + SpringBoot

시작 👋안녕하세요 ! 첫 포스팅으로 React, SpringBoot 프로젝트를 시작하기로 했습니다 ! 프로젝트 주제는 요즘 많이 있는 소개팅앱 생각이 나서 미팅 + 소개팅이 존재하는 어플리케이션으로 결정 ! ** 프로젝트 이름은 > * 미유미유 * 미유미유 (

시작 오늘은 프로젝트를 진행하면서 배운 React 와 JavaSript에 대한 포스팅 입니다 😁 프로젝트에서 사용되는 JavaScript 함수는 모두 화살표 함수로 사용하였습니다 ! JavaScript 1. 변수 선언 방식 ES6 부터 도입된 let, const

오늘은 React-Router 를 사용해서, 여러 Page 들을 만들어서 라우팅 처리하는 방법을 소개하겠습니다. !리액트는 SPA(Single-Page-Application) 으로 한개의 Page를 가지고 있는 어플리케이션 입니다.하지만 실제로 웹페이지를 사용하게되면

React 에서 사용되는 1.글로벌 상태관리 방법과 내부저장소 2.Storage 에 대해서 공부 해 보도록 하겠습니다.함수형 컴포넌트에서 Context 와 Reducer 를 사용해서 useState 보다 더 다양하게 사용될수 있는 글로벌 상태 관리에 대해서 보도록 하겠

오늘은 백엔드 서버로 사용되는 Spring 을 RestApi 로 사용하게 되는데RestApi 에 대해서 간단하게 알아 보도록 하겠습니다.REST 아키텍쳐 조건을 준수하는 Api(Application Programming Interface) 를 뜻합니다.REST 란?웹에

오늘은 React에서 많이 사용하는 비동기 통신 라이브러리 axios 와Javascript 에서 비동기 처리 패턴인 async,await 에 대해서 알아 보도록 하겠습니다.Axios 는 Javascript 라이브러리 중 하나인 Fetch Api 와 같은 비동기 통신 라

오늘은 Spring Data Jpa 를 사용해서 간단한 유정정보에 대한 CRUD 를 처리하는 RestApi 를 만들어 보도록 하겠습니다.Rest Api를 만들면서 배운 내용들을 복습하는 느낌으로 정리 하였기 때문에내용이 번잡하거나 길수 있습니다.Database 는 H2

안녕하세요 ! 오늘은 Java 8 부터 등장한 Optional 객체에 대해서 알아보겠습니다.Optional 객채는 자바에서 Null 을 처리하기 위해 새롭게 등장한 방식인데요 !Optional 를 이용하면 NPE (NullPointerException) 회피하고 nul

Spring 사용시 외부경로(로컬)에 존재하는 Resource를 사용하고 싶을 때가 있습니다. 이때 외부에 있는경로를 Resource로 사용하는 방법을 알아보도록 하겠습니다.그리고 multipartfile를 이용해서 file upload시 fileSize 를 변경하는

웹 개발시 Pagination 과 Sorting 처리를 많이 하게됩니다.실제로 구현 하려면 손이 많이 가게 됩니다.JPA 와 Pageable 를 이용하면 쉽게 간단한 페이징 처리를 만들 수 있습니다.앞서 만들었던 User Entity 를 이용해서 예제를 보여 드리도록

시작 여러장의 이미지를 Local에 업로드하는 방법에 대해 알아 보도록 하겠습니다. 1. 이미지 업로드 Controller 이미지 파일들을 MultipartFile 형식으로 받아 오도록 하겠습니다. @PostMapping("/upload") public Respon

Spring 에서 제공하는 클래스ResponseEntity 에 대해서 알아 보도록 하겠습니다.Spring 에서는 HTTP Response 를 만드는것이 주요한 일입니다.ResponseEntity 를 사용하면 사용자가 직접 Status Headers Body 를 쉽게