목록전체 글 (88)

keembloo

Spring Security 스프링 시큐리티 정리

스프링 시큐리티 로그인처리 , 자동 로그인 기능 처리 , 로그인 후에 페이지 이동 , 암호화 처리 도와주는 라이브러리이다. 개발자는 약간의 코드와 설정만으로 로그인 처리 할 수 있기 때문에 개발의 생산성을 높일 수 있다. 1. 시큐리티 설치 build.gradle 에 dependencies에 추가해준다. implementation 'org.springframework.boot:spring-boot-starter-security' // Spring Security 라이브러리 2. 시큐리티 로그인 기본값 ID : user 기본값 PW : 매번 다르게 생성 ( console에서 확인) 인증(Authentication) 과 인가(Authorization) 인증 : 해당 사용자가 본인이 맞는지를 확인하는 절차. ..
Spring 2023. 10. 30. 10:28
React hook 정리 / 리액트 훅이란? / useState 정리

리액트 훅이란 ? 리액트 훅은 함수형 컴포넌트에서 React state와 생명주기기능을 연동할 수 있게해주는 함수이다. 원래 리액트 컴포넌트 함수 안에서 지역변수를 선언했을 시 함수 안의 변수의 값을 변동시켜도 변동되지 않는다. 랜더링은 1번만 일어나기 때문이다. 이러한 점들때문에 변수 관리를 해주어 재랜더링 하는 기능이 바로 훅이다. useState 함수 사용 방법 1. 컴포넌트 위에 임폴트 먼저 해준다. import { useState } from 'react'; useState는 리액트 내장함수중에 useState 훅 중의 하나의 함수이다. 2. useState 의 결과값은 배열 0 인덱스에는 값이 배열 1 인덱스에는 함수가 있다. useState[0] : 값 지역변수X , 랜더링할때 재선언X , ..
React 2023. 10. 28. 21:18
SpringBoot + React 통합 환경 구성하기 (버전확인필수)

통합 환경 구성하기에 앞서 버전 확인을 먼저 한다 수업중 통합 개발 환경은 노드 버전 : 20.8.1 스프링부트 버전 : 2.7.17 이다 비교를 꼭 해본다 버전마다 설정이 다르기때문이다. 인텔리제이에서 빌드.그래들 파일을 연다 밑에 코드를 복붙해준다. // ---------------------------------------- 리액트(빌드) 통합 ---------------------------------------- // // * 터미널에서 리액트 실행하지 않고 gradle이 리액트를 빌드해서 빌드된 파일을 스프링쪽으로 이동 // 1. 리액트 코드 파일이 있는 리액트 프로젝트 폴더 경로 정의 def frontendDir = "$projectDir/src/main/reactapp"// $project..
React 2023. 10. 25. 11:29
React 리액트 CORS 에러 해결방법

에러 내용 Access to XMLHttpRequest at 'http://localhost:8081/member/login' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. - CORS policy 정책 때문에 접근 할 수 없다.( 보안상 문제 ) 교차 출처 리소스 공유 ( Cross-origin resource sharing ) 리액트 서버의 포트 번호는 3000이다 스프링 ..
React 2023. 10. 24. 14:13
React 외부라이브러리 설치하는 방법(react-router-dom라이브러리)

react-router-dom : 가상 돔 만들어주는 라이브러리 가상URL 쓰는 이유 html 파일은 하나이기때문에 가상 URL을 만들어야한다. 가상 http url을 정의해서 컴포넌트를 리턴하게 해주는 라이브러리이다 react-router-dom라이브러리 주요 4가지 컴포넌트 지원 import { BrowserRouter , Routes , Route , Link } from "react-router-dom"; BrowserRouter : 가상 URL관리 / 브라우저 URL 동기화 컴포넌트 Routes : 가장 적합한 path의 컴포넌트 검토하고 찾는 컴포넌트 [매핑] Route : 경로를 지정하고 반환한 컴포넌트를 지정하는 곳 , 실제 URL 경로 지정해주는 컴포넌트 Link : 페이지를 갱신하지 않..
React 2023. 10. 23. 10:57
DB와 객체의 양방향 연관관계 / JPA 양방향 관계 (mappedBy)

1. 단방향 연관관계 데이터 베이스 테이블은 외래키 하나로 양쪽 테이블 조인이 가능하다. 따라서 데이터베이스는 연관관계가 FK 참조키로 자동으로 맺어지기 때문에 맺어줄 필요가 없지만 객체는 참조용 필드가 있는 객체만 다른 객체를 참조하는 것이 가능하다. (ORM(db 테이블을 객체지향적으로 쓰겠다) 으로 사용하기 때문에 객체도 어떻게 연관지어줄지 고민해야한다.) 그래서 두 객체 사이에 하나의 객체만 참조용 필드를 갖고 참조하면 단방향 관계라고 한다. 2. 양방향 연관관계 두 객체 모두가 각각 참조용 필드를 갖고 참조하면 양방향 관계라고 한다. 사실 양방향관계는 없고 두 객체가 단방향 참조를 각각 가져서 양방향 관계처럼 사용한다. JPA를 사용하여 데이터베이스와 페러다임을 맞추기 위해서 단방향 연관관계를 ..
Spring 2023. 10. 19. 23:08
이전 Prev 1 2 3 4 5 6 ··· 15 Next 다음