본문 바로가기

2021/023

SSL 인증서 체이닝 이슈 ( Nginx 체인인증서 만드는 방법 ) 운영서버 SSL 인증서 교체 후 발생한 고객사 이슈. 특정 고객사 PC에서만 “이 사이트는 안전하지 않습니다” 오류 발생 고객사에서 IE초기화,신뢰사이트로 추가해도 동일한 증상이라고 이슈가 올라옴. 의심가는 부분 SSL 인증서 교체작업 중 체인이 걸려져 있지 않았다고 함. 따라서 1. 인증서 >인증경로 의 상위 인증서 확인해달라고 요청드림 2. https://www.ssllabs.com/ssltest/ 사이트에서 도메인 검색해보면 사진과 같이 체인이 걸려져 있지 않음을 확인 기존 고객사는 문제가 없을텐데 신규 고객사일 확률이 높았던 케이스 서버에 올린 인증서 합쳐서 체이닝을 해야했던 것. 인증서에 CA가 포함되어 있지 않아서 나던 이슈. 1번,2번서버에 인증서 체이닝 작업 후 고객사에 사이트 정상접속 되.. 2021. 2. 3.
Vue.js개념 총정리(5)_vue실행도구,cli설치 1.Vue CLI란 Command Line Interface의 약자로 명령어를 통한 특정액션을 수행하는 도구(실행도구) 이다. 기본 vue 개발환경인 프로젝트환경 세팅을 해주기 때문에 폴더 구조에 대한 고민, build,lib구성,webpack설정은 어떻게 해야되는지 등에 대한 고민을 덜 수 있다. Vue CLI를 통해 생성한 프로젝트에서 개발한 vue 파일들은 결국엔 하나의 파일로 변환되어 주입이 된다. 이때 내부적으로 웹팩으로 돌아가는데 최신 Vue CLI에서는 웹팩의 설정이라던지 웹팩에 대한 내용을 내부적으로 숨기고 있어서 실제로 서비스를 구현, 또는 배포단계까지 확인을 하기 위해서는 웹팩에 대한 기본적인 도구에 대해서는 살펴보는 것이 좋다. 웹팩이란 ? 서로 연관 관계가 있는 웹 자원들을 JS, .. 2021. 2. 2.
Vue.js개념 총정리(4)_템플릿문법,데이터바인딩,데이터변화감지 1.템플릿 문법이란 뷰의 템플릿은 HTML, CSS 등의 마크업속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결해 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성을 말한다. 여기서 템플릿 문법이란 뷰로 화면을 조작하는 '방법'을 의미하며 템플릿 문법은 크게 데이터바인딩과 디렉티브로 나뉜다. 1-1. 데이터바인딩 데이터바인딩은 뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법으로 가장 기본적인 데이터 바인딩 방식은 콧수염괄호({{}}) 이며, 이외에 v-bind 속성이 있다. new Vue({ template : '{{message}}' }); id바인딩 new Vue({ data : { bindId : 'myId' } }) 라이브러리 내부적으로 template 속성에서 정의한 마크업 .. 2021. 2. 1.