아래 내용은 코드로 배우는 React with 스프링부트 API서버강의를 듣고 작성한 내용입니다.createBrowserRouter() 의 첫 번째 인자를 보면 배열이 들어가고, 그 내부에 자바스크립트 object 를 넘겨줍니다. object 에 필요한 내용은 위와 같
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.MySQL Client 프롬프트를 활용해서 database, user, 권한 부여 등의 작업을 할 수 있습니다. 원래 복사, 붙여넣기
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.Ajax 통신을 위해 npm install axios 를 통해 설치가 필요하며, Axios 는 자동 JSON 데이터 변환을 지원합니다
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.@Value 는 properties 나 yml 과 같은 설정파일에 설정한 내용을 가져와 변수를 초기화해주는 역할을 합니다. 개발 시에
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.useRef 는 함수 컴포넌트에서 ref를 생성하고 조작하기 위해 사용되며 이를 통해 DOM 요소에 직접 접근할 수 있습니다. use
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.강의 코드를 그대로 따라 친 것이 아닌 제 나름대로 작성한 코드들이 있기 때문에 강의 코드와 동일하진 않습니다.스프링부트 3.0 부터
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.Redux 는 JavaScript 앱의 상태 관리를 위한 상태 컨테이너 라이브러리입니다. 여기서 중요한 점은 데이터 같은 것이 아닌
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.카카오는 권한부여 승인코드 방식( AuthorizationCode Grant )을 사용합니다. 이와 관련된 설명은 \*\*<a
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.@OneToOne 은 일대일 관계를 매핑할 때 사용됩니다. 여기서는 Cart 엔티티와 Member 엔티티 간의 1:1 관계를 나타냅니
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.위의 5번과 6번은 useDispatch 를 이용하여 액션을 호출하고, useSelector 를 통해 상태를 가져와서 사용하고 있습니
아래 내용은 코드로 배우는 React with 스프링부트 API서버 강의와 함께 설명이 부족한 부분에 대해서 조사하여 추가한 내용입니다.React Query 는 React 애플리케이션에서 데이터를 관리하고 처리하기 위한 라이브러리입니다. 주로 웹 애플리케이션에서 서버로