분류 전체보기(126)
-
SSL - remote host closed connection during handshake (TSL1.2, TSL 1.3 통신)
외부 사이트와 API 연동 중 localhost (ssl 미적용)에서는 정상 작동 되던 것이 테스트 서버(ssl 적용)에서 통신 에러가 발생했다. 오류 문구는 remote host closed connection during handshake 위 오류의 원인과 발생 시 해결 및 조치 방법을 알아보자. 1. 원인ssl 이 강화되면서 TSLv1.2 , TSLv1.3등 통신 보안 형식이 다양화 되었다. 또, ciphers 설정과 같이 암호화 방식도 다양화 되어 클라이언트와 서버단의 통신 규칙을 맞춰줘야한다. 2. 오류조치 1) 상대방 서버 통신규칙 알기 https://www.ssllabs.com/ssltest/ SSL Server Test (Powered by Qualys SSL Labs)SSL Serv..
2024.04.25 -
Docker - 1.Window 환경에서 도커 설치하기
Docker는 서버를 컨테이너 환경으로 관리하는 방법이다. 컨테이너로 관리한다는 것은 한개의 OS내에서 독립된 공간을 생성하여 서버를 만들 수 있다. VMWare 와 같은 가상머신과의 가장 큰 차이는 OS가 설치되냐 안되냐의 차이다. 가상머신은 OS 위에 OS를 새로 올려 동작하기에 Docker에 비해 비용사용에 비효율적이다. 따라서,, VMWare로 되어있는 회사 서버 환경을 장기적으로 보았을 때 Docker로 교체하는 것을 검토하게 되었다. Docker는 linux 환경에서 동작하는 것이 일반적이지만, 개인 PC와 회사 서버는 window server를 이용하기에, window 위에서 Docker를 동작시키는 방법을 알아보았다. 1. Docker 사이트 내에서 설치파일 다운로드 아래의 도커 공식 사이..
2023.08.21 -
React 활용 - 9 : kakao Map Api로 지도(map) 페이지 만들기
이번에는 가장 많이 사용되는 Kakao Map Api 를 통해 지도페이지를 만들어 본다. 우선 kakap developers 페이지에 접속한다. 로그인 후 '내 애플리케이션' 버튼을 누른다. 다은 페이지에서 '애플리케이션 추가하기' 를 누른다. 애플리케이션의 기본 정보를 입력합니다. 그 후 리액트 프로젝트에 카카오맵을 보여줄 kakaoMap.js 페이지를 아래와 같이 생성합니다. import React, { useEffect } from 'react'; import './KakaoMap.css'; let map; // Move map variable outside of component const KakaoMap = () => { useEffect(() => { const loadKakaoMapScrip..
2023.05.12 -
React 활용 - 8 : react-leaflet 로 지도(map) 페이지 만들기
이번에는 지도를 렌더링 하기 위해 react-leaflet 을 설치 후 적용한다. 우선 MapPage 폴더와 MapPage.js를 생성한다. 그 후 해당 페이지로 이동하기 위해 App.js에 react-router-dom을 설치 후 적용한다. 참고: React 활용 - 1 : React-router-dom 페이지 네이게이션 만들기 (tistory.com) React 활용 - 1 : React-router-dom 페이지 네이게이션 만들기 리액트에서 페이지 이동을 하기 위해서는 router를 활용해야한다. rounter를 사용하기 위해서는 npm 으로 react-router-dom 를 먼저 설치해준다 npm i react-router-dom 그 후 이동할 화면을 먼저 생성한다. 처음 cookinghoil.t..
2023.04.24 -
React 활용 - 7 : 폴더 구조 잡기
어떤 프로젝트를 하던 폴더구조를 잡는 것은 필수이고, 기본적인 사항이다. 이번에는 React에서 기본적인 폴더구조를 잡는 방법에 대해 간략하게 정리해 보겠다. my-react-app/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── assets/ │ │ ├── images/ │ │ └── css/ │ ├── components/ │ │ ├── App/ │ │ │ ├── App.js │ │ │ └── App.css │ │ ├── Header/ │ │ │ ├── Header.js │ │ │ └── Header.css │ │ └── ... │ ├── pages/ │ │ ├── HomePage/ │ │ │ ├── HomePage.js │ │ │ └─..
2023.04.18 -
Spring - 줌 OAuth API 연동하기 3
아래와 같은 방법으로 access token을 주고 받으며 통신 할 예정이다. 상황에 따라 java-java 바로 refirect 통신도 가능하다. 호출 가능한 api 정보는 아래 문서에서 확인 가능하다 https://marketplace.zoom.us/docs/api-reference/zoom-api/methods/#operation/users https://marketplace.zoom.us/docs/api-reference/zoom-api/methods/#operation/users marketplace.zoom.us 대표적으로 select, update 하나씩을 만들어보자 1. select 우선 view에서 아래와 같이 javascript 함수를 작성한다. function getUserInfo()..
2023.01.18