<div id="readability-page-1" class="page"><div tabindex="-1" id="___gatsby"><main><div itemscope="" itemtype="http://schema.org/BlogPosting"><section><main><article><div id="post-content" itemprop="articleBody"><p><em>5편 소개</em></p>
<ul>
<li>브라우져 보안과 함께 HTTP 통신을 더 안전하게 만드는 TLS</li>
<li><strong>13장. 브라우져 보안</strong>: XSS(크로스 사이트 스크립팅)와 같은 공격 기법과 이를 방지하기 위한 브라우저 보안 정책</li>
<li><strong>14장. CORS</strong>: 외부 도메인의 자원을 안전하게 활용하기 위한 CORS 정책과 적용 방법</li>
<li><strong>15장. HTTPS</strong>: HTTPS가 네트워크 보안을 강화하는 방식과 TLS의 역할</li>
</ul>
<h2 id="13장-브라우져-보안"><a href="#13%EC%9E%A5-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%B8-%EB%B3%B4%EC%95%88" aria-label="13장 브라우져 보안 permalink"></a>13장. 브라우져 보안</h2>
<ul>
<li>브라우저 보안 지식을 알고 어플리케이션을 개발한다.</li>
</ul>
<h2 id="131-크로스-사이트-스크립팅"><a href="#131-%ED%81%AC%EB%A1%9C%EC%8A%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8C%85" aria-label="131 크로스 사이트 스크립팅 permalink"></a>13.1 크로스 사이트 스크립팅</h2>
<ul>
<li>인라인 자바스크립트를 웹 문서에 주입한 공격</li>
<li>새니타이즈(Sanitize)로 예방</li>
<li>HTML 태그를 웹 문서에 주입한 공격</li>
<li>이스케이프(Escape)로 예방</li>
<li>다른 공격의 기점이 됨.</li>
</ul>
<h2 id="132-세션-하이재킹"><a href="#132-%EC%84%B8%EC%85%98-%ED%95%98%EC%9D%B4%EC%9E%AC%ED%82%B9" aria-label="132 세션 하이재킹 permalink"></a>13.2 세션 하이재킹</h2>
<ul>
<li>웹 어플리케이션의 로그인과 세션 관리</li>
<li>인증된 사용자에게 제공되는 맞춤형 HTML</li>
<li>쿠키 취약성을 이용한 세션 탈취 공격</li>
<li>쿠키 설정으로 예방</li>
</ul>
<h2 id="133-교차-사이트-요청-위조"><a href="#133-%EA%B5%90%EC%B0%A8-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%9A%94%EC%B2%AD-%EC%9C%84%EC%A1%B0" aria-label="133 교차 사이트 요청 위조 permalink"></a>13.3 교차 사이트 요청 위조</h2>
<ul>
<li>사용자 권한을 탈취해 악의적인 요청을 보내는 공격</li>
<li>쿠키 설정으로 예방</li>
<li>CSRF 토큰으로 예방</li>
<li>CAPTCHA로 예방</li>
</ul>
<h2 id="134-컨텐츠-보안-정책"><a href="#134-%EC%BB%A8%ED%85%90%EC%B8%A0-%EB%B3%B4%EC%95%88-%EC%A0%95%EC%B1%85" aria-label="134 컨텐츠 보안 정책 permalink"></a>13.4 컨텐츠 보안 정책</h2>
<ul>
<li>Content-Security-Policy 응답 헤더</li>
<li>CSP의 일반적인 사용 사례</li>
<li>Content-Security-Policy-Report-Only 헤더(진단 보고서)</li>
<li>사례 탐구: google.com</li>
</ul>
<h2 id="135-동일-출처-정책"><a href="#135-%EB%8F%99%EC%9D%BC-%EC%B6%9C%EC%B2%98-%EC%A0%95%EC%B1%85" aria-label="135 동일 출처 정책 permalink"></a>13.5 동일 출처 정책</h2>
<ul>
<li>브라우져 스스로 자원 출처를 관리하는 보안 정책</li>
<li>적용 대상: AJAX, 웹 폰트</li>
<li>CSP와 SOP 비교</li>
<li>균형</li>
</ul>
<h2 id="136-중간-정리"><a href="#136-%EC%A4%91%EA%B0%84-%EC%A0%95%EB%A6%AC" aria-label="136 중간 정리 permalink"></a>13.6 중간 정리</h2>
<ul>
<li>크로스 사이트 스크립팅 공격의 원리와 예방 방법</li>
<li>다양한 공격들: 세션 하이재킹, CSRF</li>
<li>CSP와 SOP</li>
</ul>
<h3 id="참고"><a href="#%EC%B0%B8%EA%B3%A0" aria-label="참고 permalink"></a>참고</h3>
<ul>
<li><a href="https://developer.mozilla.org/ko/docs/Web/Security/Types_of_attacks#cross-site_scripting_xss">공격유형 | MDN</a></li>
<li><a href="https://developer.mozilla.org/ko/docs/Web/HTTP/CSP">컨텐츠 보안 정책 | MDN</a></li>
<li><a href="https://developer.mozilla.org/ko/docs/Web/Security/Same-origin_policy#%EA%B5%90%EC%B0%A8_%EC%B6%9C%EC%B2%98_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC_%EC%A0%91%EA%B7%BC">동일 출처 정책 | MDN</a></li>
</ul>
<h2 id="14장-cors"><a href="#14%EC%9E%A5-cors" aria-label="14장 cors permalink"></a>14장. CORS</h2>
<h2 id="141-cors의-동작-원리"><a href="#141-cors%EC%9D%98-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC" aria-label="141 cors의 동작 원리 permalink"></a>14.1 CORS의 동작 원리</h2>
<ul>
<li>용어 정리: 출처, 교차 출처 요청</li>
<li>재현: 웹 서버 준비</li>
<li>재현: 교차 출처 요청</li>
<li>해결: 서버가 허용할 출처를 명시한다.</li>
</ul>
<h2 id="142-단순-요청"><a href="#142-%EB%8B%A8%EC%88%9C-%EC%9A%94%EC%B2%AD" aria-label="142 단순 요청 permalink"></a>14.2 단순 요청</h2>
<ul>
<li>GET, POST, HEAD 메소드를 사용한다.</li>
<li>안전한 헤더를 사용한다.</li>
</ul>
<h2 id="143-사전-요청"><a href="#143-%EC%82%AC%EC%A0%84-%EC%9A%94%EC%B2%AD" aria-label="143 사전 요청 permalink"></a>14.3 사전 요청</h2>
<ul>
<li>PUT, PATCH, DELETE 메소드를 사용한다.</li>
<li>사전 요청 캐시</li>
</ul>
<h2 id="144-cors를-사용하는-요청"><a href="#144-cors%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9A%94%EC%B2%AD" aria-label="144 cors를 사용하는 요청 permalink"></a>14.4 CORS를 사용하는 요청</h2>
<ul>
<li>fetch 함수, XMLHttpRequest 객체</li>
<li>웹 폰트(@font-face)</li>
</ul>
<h2 id="145-중간-정리"><a href="#145-%EC%A4%91%EA%B0%84-%EC%A0%95%EB%A6%AC" aria-label="145 중간 정리 permalink"></a>14.5 중간 정리</h2>
<ul>
<li>CORS의 동작 원리</li>
<li>단순 요청</li>
<li>사전요청</li>
<li>CORS를 사용하는 요청</li>
</ul>
<h3 id="참고-1"><a href="#%EC%B0%B8%EA%B3%A0-1" aria-label="참고 1 permalink"></a>참고</h3>
<ul>
<li>(도서) 리얼월드 HTTP | 한빛미디어</li>
<li><a href="https://ko.javascript.info/fetch-crossorigin">CORS | JAVASCRIPT.INFO</a></li>
<li><a href="https://developer.mozilla.org/ko/docs/Web/HTTP/CORS">교차 출처 리소스 공유 (CORS) | MDN</a></li>
<li><a href="https://github.com/expressjs/cors">expressjs/core | Github</a></li>
</ul>
<h2 id="15장-https"><a href="#15%EC%9E%A5-https" aria-label="15장 https permalink"></a>15장. HTTPS</h2>
<h2 id="151-해시"><a href="#151-%ED%95%B4%EC%8B%9C" aria-label="151 해시 permalink"></a>15.1 해시</h2>
<ul>
<li>해시함수</li>
<li>특징: 고정 길이, 고유성, 변경 불가, 단방향</li>
<li>MD5</li>
</ul>
<h2 id="152-암호화"><a href="#152-%EC%95%94%ED%98%B8%ED%99%94" aria-label="152 암호화 permalink"></a>15.2 암호화</h2>
<ul>
<li>해시 함수의 한계</li>
<li>특징: 암호화, 복호화, 키</li>
<li>AES</li>
</ul>
<h2 id="153-비칭키-암호화"><a href="#153-%EB%B9%84%EC%B9%AD%ED%82%A4-%EC%95%94%ED%98%B8%ED%99%94" aria-label="153 비칭키 암호화 permalink"></a>15.3 비칭키 암호화</h2>
<ul>
<li>대칭키 암호화의 한계</li>
<li>특징: 서로 다른 키, 공개키, 개인키, 신분 증명</li>
<li>RSA</li>
<li>암호화 방식 비교: 해시 함수, 대칭키 암호화, 비대칭키 암호화</li>
</ul>
<h2 id="154-디지털-서명"><a href="#154-%EB%94%94%EC%A7%80%ED%84%B8-%EC%84%9C%EB%AA%85" aria-label="154 디지털 서명 permalink"></a>15.4 디지털 서명</h2>
<ul>
<li>디지털 서명의 원리: 해쉬 함수 사용, 개인키로 서명, 평문과 서명 전달, 서명의 유효성 검증</li>
<li>디지털 서명 실습</li>
</ul>
<h2 id="155-디지털-인증서"><a href="#155-%EB%94%94%EC%A7%80%ED%84%B8-%EC%9D%B8%EC%A6%9D%EC%84%9C" aria-label="155 디지털 인증서 permalink"></a>15.5 디지털 인증서</h2>
<ul>
<li>디지털 인증서 원리</li>
<li>디지털 인증서 사례</li>
</ul>
<h2 id="156-tls"><a href="#156-tls" aria-label="156 tls permalink"></a>15.6 TLS</h2>
<ul>
<li>1단계: TLS 핸드쉐이크</li>
<li>2단계: 데이터 전송</li>
</ul>
<h2 id="157-https-서버-제작"><a href="#157-https-%EC%84%9C%EB%B2%84-%EC%A0%9C%EC%9E%91" aria-label="157 https 서버 제작 permalink"></a>15.7 HTTPS 서버 제작</h2>
<ul>
<li>디지털 인증서 생성</li>
<li>인증서로 HTTPS 서버 제작</li>
</ul>
<h2 id="158-중간-정리"><a href="#158-%EC%A4%91%EA%B0%84-%EC%A0%95%EB%A6%AC" aria-label="158 중간 정리 permalink"></a>15.8 중간 정리</h2>
<ul>
<li><strong>해시 함수</strong>로 평문을 요약할 수 있다.</li>
<li><strong>암호화</strong>로 평문을 암호화 및 복호화 할 수 있다.</li>
<li><strong>비대칭키 암호화</strong>로 더 안전게 암복호화 할 수 있다.</li>
<li>비 대칭키 암호화와 해시함수를 이용해 <strong>디지털 서명</strong>을 만들 수 있다.</li>
<li>디지털 서명을 이용한 <strong>디지털 인증서</strong>로 서버의 신원을 확인할 수 있다.</li>
<li>디지털 인증서를 이용해 보안 프로토콜인 <strong>TLS</strong>를 구현할 수 있다.</li>
</ul>
<h3 id="참고-2"><a href="#%EC%B0%B8%EA%B3%A0-2" aria-label="참고 2 permalink"></a>참고</h3>
<ul>
<li>HTTP 완벽 가이드 &gt; 14장 보안 | 인사이트</li>
<li>리얼월드 HTTP | 한빛미디어</li>
</ul></div></article></main></section></div></main></div></div>

김정환 블로그 RSS Feed

김정환

5편 소개 브라우져 보안과 함께 HTTP 통신을 더 안전하게 만드는 TLS 13장. 브라우져 보안: XSS(크로스 사이트 스크립팅)와 같은 공격 기법과 이를 방지하기 위한 브라우저 보안 정책 14장. CORS…

[HTTP] 5편. 보안

댓글