분류 전체보기
-
[react][슬라이드] 3초마다 화면이 변경되는 슬라이드 구현금융프로젝트 2022. 10. 27. 16:08
만들고 싶었던 화면 몇초인지는 모르겠으나 시간마다 화면이 자동으로 바뀌면서 금융상품을 보여주는 화면을 만들고자 한다. 내가 만든 화면 3초마다 화면을 바뀌게 했지만 버벅거리는 게 있다. DB db에 있는 데이터 데이터 받아오기 const [goods, setGoods] = useState([{"gName":"","gInterest":"","gPeriod":"","gMPay":"","gAge":"","gType":""}]); useEffect ( () => { fetch("").then(res => res.json()).then(res => { setLoading(true); setGoods(res); } ); }, []); fetch로 서버로 부터 데이터를 받아와서 상태변수에 넣어준다. 태그 const ..
-
[react][spring]로그인 페이지금융프로젝트 2022. 10. 25. 15:51
탭 페이지 구현 아이디 로그인과 인증서 로그인 두 가지 탭을 만들어서 탭을 클릭하면 각각의 페이지가 보이는 기능을 구현한다. 인증서 로그인 CSS const CertLoginBox = styled.div` margin: 0 auto; margin-top:5vh; width: 60vw; height: 60vh; background: #FFFFFF; `; const ButtonStyle = styled.button` float:right; width: 30vw; height: 10vh; font-family: 'Manjari'; font-style: normal; font-weight: 700; font-size: 2rem; text-align: center; background: #D9D9D9; borde..
-
[spring][react][SSL] 인증서 발급하기금융프로젝트 2022. 10. 24. 10:59
Https와 SSL인증서 HTTP는 HTML을 전송하기 위한 통신규약이다. HTTPS는 데이터를 전송할 때 암호화를 사용하는 통신규약이다. HTTPS는 SSL프로토콜 위에서 돌아가는 프로토콜이다. SSL인증서는 클라이언트와 서버간의 통신을 제3자가 보증해주는 전자화된 문서다. 공인인증서가 그 예이다. SSL인증서를 통해 HTTPS서버로 접속할 수 있다. CA 인증서의 역할은 클라이언트가 접속한 서버가 클라이언트가 의도한 서버가 맞는지 보장하는 역할을 한다. 이 역할을 하는 민간기업들이 있는데 이런 기업들을 CA라고 한다. 사설 인증기관 사설 CA의 인증서를 이용한다면 브라우저는 경고를 출력한다. 공인된 CA의 인증서를 사용한다면 경고를 출력하지 않는다. 프로세스 사용자 데이터 세팅 2. 사용자 신원 확인..
-
[spring][java][bouncycastle] 인증서 발급하기금융프로젝트 2022. 10. 20. 15:16
SSL Secure Socket Layer 은 서버와 클라이언트 사이에 암호화된 링크를 구성하기 위한 표준 보안 기술이다. 일반적으로 웹 서버와 브라우저, 또는 메일 서버와 메일 클라이언트 간에 설정됩니다. SSL은 신용카드번호, 주민등록번호, 로그인 자격 증명과 같이 민감한 정보를 안전하게 전송할 수 있도록 한다. 일반적으로 브라우저와 웹 서버 사이에 전송되는 데이터는 일반 텍스트로 전송되기 때문에 여전히 도청에 취약하다. 브라우저와 웹 서버 사이에 전송되는 모든 데이터를 공격자가 가로챌 수 있다면 공격자는 그러한 정보를 확인하고 악용할 수 있다. 모든 브라우저는 SSL 프로토콜을 사용해 보안 웹 서버와 상호작용할 수 있는 기능이 있다. 그러나 브라우저와 서버는 보안 연결을 수립하기 위해 SSL 인증서..
-
[spring][https][security][jks] 스프링 프로젝트 https로 만들기금융프로젝트 2022. 10. 19. 15:56
https ssl프로토콜 위에서 돌아가는 프로토콜. http에 보안이 향상된 버전이다. spring프로젝트에 https 적용하기 jks키파일 받기 cmd명령창에서 jre또는 jdk가 설치된 폴더의 bin 폴더로 이동한다. cd 경로 keytool을 실행한다. keytool -genkey -alias [keystore 별칭] -keyalg RSA -keystore [keyfile이름] 생성한 키를 바탕으로 인증서 파일을 생성한다 keytool -certreq -alias [keystore 별칭] -keyalg rsa file [파일 이름] -keystore [keyfile 이름] server.xml수정 server.xml에 다음 내용을 추가한다. 여기까지 하면 https://localhost:443이 접속..
-
[spring][myBatis][RDS][mariaDB] 프로젝트 초기 세팅금융프로젝트 2022. 10. 19. 12:29
개발 환경 Backend java Frontend react.js, javascript, html, css DB mariaDB, AWS RDS Framework spring Tool eclipse, figma‣ API mybatis, jpa AWS RDS: mariaDB 보안 그룹 보안 그룹 클릭후→인바운드 규칙 클릭 인바운드 규칙 편집 클릭 내 ip를 추가해야 jdbc로 db에 접속할 수 있다. spring 설정 pom.xml jdbc 라이브러리 org.springframework spring-jdbc ${org.springframework-version} myBatis 두개 모두 설치 해줘야 한다. org.mybatis mybatis-spring 1.3.2 org.mybatis mybatis 3.4...
-
[react] 스프링부트 프로젝트 연동하기2: 글쓰기react+vue 2022. 10. 13. 16:06
java Conroller @CrossOrigin @RequestMapping(value = "/book",method = RequestMethod.POST) public ResponseEntity book(@RequestBody Book book){ return new ResponseEntity(bookService.saveBook(book),HttpStatus.CREATED); } react view import React, { useState } from 'react'; import { Form,Button } from "react-bootstrap"; import { useNavigate } from 'react-router-dom'; const SaveForm = () => { const nav..