SlideShare a Scribd company logo
1 of 9
Download to read offline
NETWORK-PATH REFERENCE
          sol
SSL 구축 의무화

• 방통위   개인정보보호법 - 2012년 8월18일 시행.

• 개인정보를   취급하는 홈페이지 대상.

• 보안서버(SSL)   구축이 의무.

• 위반시   1,000만원이하 과태료 부과 예정.
SSL서버만 구축하면,

• 사용자가    https로 시작하는 주소로 접속할 때,

•그   페이지에 http로 시작하는 img, js, css 파일이 있는 경우.

• IE와   FF에서는 보안경고창 발생 !
그래서 보통 이렇게 수정.

• 사용자가            접속한 프로토콜를 변수로 설정.
 •   $protocol = is_ssl() ? “https” : “http”;

• html내       img, js, css의 절대경로를 http와 https를 분기.
 •   <img src=”{$protocol}://example.com/img/logo.png” alt=”” />

 •   <script type=”text/javascript” src=”{$protocol}://code.jquery.com/jquery-1.8.0.min.js” />

 •   <link rel="stylesheet" href="{$protocol}://example.com/css/layout.css" type="text/css" media="all" />
그럼 모두 HTTPS로 바꾸면 ?


• https(SSL)의 성능 문제.
 •   ssl handshake, 데이터 암호화/복호화 등에 따른 비용 추가.

 •   서버의 CPU 사용량 증가.

 •   http 대비 현저히 낮은 TPS.

• 따라서, 꼭 필요한 곳에서만 https 사용이 필요.
다른 방법. 단지 SLASH 두개만 !


• 사용자가 http로 접속하든, https로 접속하든 알아서 변경하여 요청.

• 브라우져의 보안경고창 회피.
 •   <img src=”//example.com/img/logo.png” alt=”” />

 •   <script type=”text/javascript” src=”//code.jquery.com/jquery-1.8.0.min.js” />

 •   <link rel="stylesheet" href="//example.com/css/layout.css" type="text/css" media="all" />
RFC 3986
•   4.2.        Relative Reference

    A relative reference takes advantage of the hierarchical syntax (Section 1.2.3) to express a URI reference
relative to the name space of another hierarchical URI.

       relative-ref      = relative-part [ "?" query ] [ "#" fragment ]

       relative-part =     "//" authority path-abempty
                     /     path-absolute
                     /     path-noscheme
                     /     path-empty

   The URI referred to by a relative reference, also known as the target URI, is obtained by applying the
reference resolution algorithm of Section 5.

   A relative reference that begins with two slash characters is termed a network-path reference; such references
are rarely used. A relative reference that begins with a single slash character is termed an absolute-path
reference. A relative reference that does not begin with a slash character is termed a relative-path reference.

   A path segment that contains a colon character (e.g., "this:that") cannot be used as the first segment of a
relative-path reference, as it would be mistaken for a scheme name. Such a segment must be preceded by a dot-
segment (e.g., "./this:that") to make a relative-path reference.



•   http://tools.ietf.org/html/rfc3986#section-4.2
“NETWORK-PATH REFERENCE”


• URL에서   프로토콜 이후부터의 상대경로를 표현.

• 즉, double   slashes(//) 로 시작하는 URL 경로.

• IE   하위 버전을 포함한 모든 브라우져에서 지원.
하지만,


• IE   형제에겐 항상 문제가 있었으니...

   과 IE8 에서 network-path reference를 사용하는 css file을
• IE7
 서버에 두번 요청하는 문제가 있음.

• 캐쉬    설정이 되어 있다면, 캐쉬 hit가 되니 문제는 없을 듯.

More Related Content

Viewers also liked

Open office manual
Open office manualOpen office manual
Open office manual
Dim Kin
 
Alcances agus vallejos
Alcances agus vallejosAlcances agus vallejos
Alcances agus vallejos
Agus Vallejos
 
Tema 1 kimberly estrella
Tema 1 kimberly estrellaTema 1 kimberly estrella
Tema 1 kimberly estrella
kimestrella
 
เกาะลันตาใหญ่
เกาะลันตาใหญ่เกาะลันตาใหญ่
เกาะลันตาใหญ่
luckana9
 

Viewers also liked (19)

Open office manual
Open office manualOpen office manual
Open office manual
 
Alcances agus vallejos
Alcances agus vallejosAlcances agus vallejos
Alcances agus vallejos
 
Proyecto de bvida[1]
Proyecto de bvida[1]Proyecto de bvida[1]
Proyecto de bvida[1]
 
Tema 1 kimberly estrella
Tema 1 kimberly estrellaTema 1 kimberly estrella
Tema 1 kimberly estrella
 
Facebook y g+ para empresas
 Facebook y g+ para empresas   Facebook y g+ para empresas
Facebook y g+ para empresas
 
Expo 5
Expo 5Expo 5
Expo 5
 
*A N T I V I R U S*
*A N T I V I R U S**A N T I V I R U S*
*A N T I V I R U S*
 
เกาะลันตาใหญ่
เกาะลันตาใหญ่เกาะลันตาใหญ่
เกาะลันตาใหญ่
 
UTE OTRAS VARIABLES QUE DETERMINAN LA DIVERIDAD EN EL AULA
UTE OTRAS VARIABLES QUE DETERMINAN LA DIVERIDAD EN EL AULAUTE OTRAS VARIABLES QUE DETERMINAN LA DIVERIDAD EN EL AULA
UTE OTRAS VARIABLES QUE DETERMINAN LA DIVERIDAD EN EL AULA
 
¿Qué es Delio?
¿Qué es Delio?¿Qué es Delio?
¿Qué es Delio?
 
Delio Ring Pool by Walmeric
Delio Ring Pool by Walmeric Delio Ring Pool by Walmeric
Delio Ring Pool by Walmeric
 
Classifica prima prova regionale di corsa su strada
Classifica prima prova regionale di corsa su stradaClassifica prima prova regionale di corsa su strada
Classifica prima prova regionale di corsa su strada
 
Riesgos físicos químicos y biologicos
Riesgos físicos químicos y biologicosRiesgos físicos químicos y biologicos
Riesgos físicos químicos y biologicos
 
Lenguaje
LenguajeLenguaje
Lenguaje
 
Contrataciones públicas en Paraguay
Contrataciones públicas en ParaguayContrataciones públicas en Paraguay
Contrataciones públicas en Paraguay
 
Estúdio Aretha
Estúdio ArethaEstúdio Aretha
Estúdio Aretha
 
Driver de mi pc
Driver de mi pcDriver de mi pc
Driver de mi pc
 
Teea
TeeaTeea
Teea
 
Tema mip en campo
Tema mip en campoTema mip en campo
Tema mip en campo
 

Similar to Network path reference

WebSocket 기반 쌍방향 메시징
WebSocket 기반 쌍방향 메시징WebSocket 기반 쌍방향 메시징
WebSocket 기반 쌍방향 메시징
trustinlee
 

Similar to Network path reference (20)

자바 웹 개발 시작하기 (3주차 : 스프링 웹 개발)
자바 웹 개발 시작하기 (3주차 : 스프링 웹 개발)자바 웹 개발 시작하기 (3주차 : 스프링 웹 개발)
자바 웹 개발 시작하기 (3주차 : 스프링 웹 개발)
 
REST API 설계
REST API 설계REST API 설계
REST API 설계
 
WebSocket 기반 쌍방향 메시징
WebSocket 기반 쌍방향 메시징WebSocket 기반 쌍방향 메시징
WebSocket 기반 쌍방향 메시징
 
4-3. jquery
4-3. jquery4-3. jquery
4-3. jquery
 
Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)
 
웹표준 교육
웹표준 교육웹표준 교육
웹표준 교육
 
Asp.net Razor
Asp.net Razor Asp.net Razor
Asp.net Razor
 
RESTful API 설계
RESTful API 설계RESTful API 설계
RESTful API 설계
 
Node.js 첫걸음
Node.js 첫걸음Node.js 첫걸음
Node.js 첫걸음
 
막하는 스터디 첫 번째 만남 Node.js
막하는 스터디 첫 번째 만남 Node.js막하는 스터디 첫 번째 만남 Node.js
막하는 스터디 첫 번째 만남 Node.js
 
Html5
Html5 Html5
Html5
 
응답하라 반응형웹 - 3. bootstrap
응답하라 반응형웹 - 3. bootstrap응답하라 반응형웹 - 3. bootstrap
응답하라 반응형웹 - 3. bootstrap
 
Front-end Development Process - 어디까지 개선할 수 있나
Front-end Development Process - 어디까지 개선할 수 있나Front-end Development Process - 어디까지 개선할 수 있나
Front-end Development Process - 어디까지 개선할 수 있나
 
Spring 4.x Web Application 살펴보기
Spring 4.x Web Application  살펴보기Spring 4.x Web Application  살펴보기
Spring 4.x Web Application 살펴보기
 
웹소켓 (WebSocket)
웹소켓 (WebSocket)웹소켓 (WebSocket)
웹소켓 (WebSocket)
 
웹 크롤링 (Web scraping) 의 이해
웹 크롤링 (Web scraping) 의 이해웹 크롤링 (Web scraping) 의 이해
웹 크롤링 (Web scraping) 의 이해
 
Restful web service
Restful web serviceRestful web service
Restful web service
 
Html5 performance
Html5 performanceHtml5 performance
Html5 performance
 
robot.txt와 meta tag를 이용한 크롤링 설정
robot.txt와 meta tag를 이용한 크롤링 설정robot.txt와 meta tag를 이용한 크롤링 설정
robot.txt와 meta tag를 이용한 크롤링 설정
 
Polymer따라잡기
Polymer따라잡기Polymer따라잡기
Polymer따라잡기
 

More from Sol Kim

Xe 제주대 강의_2014_ver2
Xe 제주대 강의_2014_ver2Xe 제주대 강의_2014_ver2
Xe 제주대 강의_2014_ver2
Sol Kim
 
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
Sol Kim
 
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
Sol Kim
 
Selenium and XpressEngine
Selenium and XpressEngineSelenium and XpressEngine
Selenium and XpressEngine
Sol Kim
 
2011 XE Camp 모듈제작가이드
2011 XE Camp 모듈제작가이드2011 XE Camp 모듈제작가이드
2011 XE Camp 모듈제작가이드
Sol Kim
 

More from Sol Kim (12)

XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기
 
XECon + PHPFest 2014 Keynote
XECon + PHPFest 2014 KeynoteXECon + PHPFest 2014 Keynote
XECon + PHPFest 2014 Keynote
 
Vim for php
Vim for phpVim for php
Vim for php
 
Xe 제주대 강의_2014_ver2
Xe 제주대 강의_2014_ver2Xe 제주대 강의_2014_ver2
Xe 제주대 강의_2014_ver2
 
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(2/2)
 
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
2014년 03월 XE세미나 XE 애드온 개발 강좌(1/2)
 
2014년 02월 XE세미나 XE서버서능개선
2014년 02월 XE세미나 XE서버서능개선2014년 02월 XE세미나 XE서버서능개선
2014년 02월 XE세미나 XE서버서능개선
 
2014년 02월 XE세미나 About XE 1.7.4
2014년 02월 XE세미나 About XE 1.7.42014년 02월 XE세미나 About XE 1.7.4
2014년 02월 XE세미나 About XE 1.7.4
 
2014년 02월 XE 세미나 XE with Community
2014년 02월 XE 세미나 XE with Community2014년 02월 XE 세미나 XE with Community
2014년 02월 XE 세미나 XE with Community
 
Selenium and XpressEngine
Selenium and XpressEngineSelenium and XpressEngine
Selenium and XpressEngine
 
2011 XE Camp 모듈제작가이드
2011 XE Camp 모듈제작가이드2011 XE Camp 모듈제작가이드
2011 XE Camp 모듈제작가이드
 
20110702 xeuser
20110702 xeuser20110702 xeuser
20110702 xeuser
 

Recently uploaded

Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)
Wonjun Hwang
 

Recently uploaded (7)

도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
도심 하늘에서 시속 200km로 비행할 수 있는 미래 항공 모빌리티 'S-A2'
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
[Terra] Terra Money: Stability and Adoption
[Terra] Terra Money: Stability and Adoption[Terra] Terra Money: Stability and Adoption
[Terra] Terra Money: Stability and Adoption
 
Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 

Network path reference

  • 2. SSL 구축 의무화 • 방통위 개인정보보호법 - 2012년 8월18일 시행. • 개인정보를 취급하는 홈페이지 대상. • 보안서버(SSL) 구축이 의무. • 위반시 1,000만원이하 과태료 부과 예정.
  • 3. SSL서버만 구축하면, • 사용자가 https로 시작하는 주소로 접속할 때, •그 페이지에 http로 시작하는 img, js, css 파일이 있는 경우. • IE와 FF에서는 보안경고창 발생 !
  • 4. 그래서 보통 이렇게 수정. • 사용자가 접속한 프로토콜를 변수로 설정. • $protocol = is_ssl() ? “https” : “http”; • html내 img, js, css의 절대경로를 http와 https를 분기. • <img src=”{$protocol}://example.com/img/logo.png” alt=”” /> • <script type=”text/javascript” src=”{$protocol}://code.jquery.com/jquery-1.8.0.min.js” /> • <link rel="stylesheet" href="{$protocol}://example.com/css/layout.css" type="text/css" media="all" />
  • 5. 그럼 모두 HTTPS로 바꾸면 ? • https(SSL)의 성능 문제. • ssl handshake, 데이터 암호화/복호화 등에 따른 비용 추가. • 서버의 CPU 사용량 증가. • http 대비 현저히 낮은 TPS. • 따라서, 꼭 필요한 곳에서만 https 사용이 필요.
  • 6. 다른 방법. 단지 SLASH 두개만 ! • 사용자가 http로 접속하든, https로 접속하든 알아서 변경하여 요청. • 브라우져의 보안경고창 회피. • <img src=”//example.com/img/logo.png” alt=”” /> • <script type=”text/javascript” src=”//code.jquery.com/jquery-1.8.0.min.js” /> • <link rel="stylesheet" href="//example.com/css/layout.css" type="text/css" media="all" />
  • 7. RFC 3986 • 4.2. Relative Reference A relative reference takes advantage of the hierarchical syntax (Section 1.2.3) to express a URI reference relative to the name space of another hierarchical URI. relative-ref = relative-part [ "?" query ] [ "#" fragment ] relative-part = "//" authority path-abempty / path-absolute / path-noscheme / path-empty The URI referred to by a relative reference, also known as the target URI, is obtained by applying the reference resolution algorithm of Section 5. A relative reference that begins with two slash characters is termed a network-path reference; such references are rarely used. A relative reference that begins with a single slash character is termed an absolute-path reference. A relative reference that does not begin with a slash character is termed a relative-path reference. A path segment that contains a colon character (e.g., "this:that") cannot be used as the first segment of a relative-path reference, as it would be mistaken for a scheme name. Such a segment must be preceded by a dot- segment (e.g., "./this:that") to make a relative-path reference. • http://tools.ietf.org/html/rfc3986#section-4.2
  • 8. “NETWORK-PATH REFERENCE” • URL에서 프로토콜 이후부터의 상대경로를 표현. • 즉, double slashes(//) 로 시작하는 URL 경로. • IE 하위 버전을 포함한 모든 브라우져에서 지원.
  • 9. 하지만, • IE 형제에겐 항상 문제가 있었으니... 과 IE8 에서 network-path reference를 사용하는 css file을 • IE7 서버에 두번 요청하는 문제가 있음. • 캐쉬 설정이 되어 있다면, 캐쉬 hit가 되니 문제는 없을 듯.

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n