본문 바로가기

전체 글

 (22)
KTX 서울역 -> 동대구역 지난달 서울에서 대구에 갈 일이 있어서 가는 길을 사진으로 남겨놨다. 오랜만에 KTX 타러 간 서울역 요즘은 SRT(수서고속철도)를 많이 타서 예전보다 이용객을 줄었다고는 하지만 그래도 여행 갈 때는 KTX다 9시 45분 부산행 KTX가 보인다 타러 내려가며 찍은 사진 깨끗하다 5호차를 타러 가는 중 KTX 내부는 깨끗하고 좋다 동대구역에 도착했다 동대구역의 전경 바로 앞에 동대구역 전철 역이 있다.
CSS - Aspect Ratio Box (width 비율로 height 정의하기) CSS 개발을 하다 보면 width에 대한 비율로 height 값을 정의할 필요가 있다. 이 경우 padding-top or padding-bottom을 사용하면 width에 대한 비율로 height를 정의할 수 있다. 예를 들어 padding-bottom: 56.25%를 선언하면, width의 56.25% 비율로 padding값이 선언된다. 만약 width가 200px 라면 padding은 112.5로 결정된다. 공식 => 200 x 56.25 = 112.5 div { width: 200px; height: 200px; background: red; } p { padding-bottom: 56.25%; background: blue; }
JavaScript - iframe 안에서 부모에 DOM Element 추가 하는 방법 MSA 아키텍처로 개발을 하다 보면 iframe으로 추가되는 경우가 많다. 이 경우 풀스크린으로 다이얼로그를 띄워야 하는 경우가 있는데 이 경우는 iframe의 body에 DOM Element를 추가하면 iframe에서만 풀 스크린으로 뜨기 때문에 부모의 DOM에 Element를 추가해야 한다. var wnd = window.parent || window.top || window; var $div = document.createElement('div'); wnd.document.body.appendChild($div); window.parent, window.top, window 로 부모의 global (window) 오브젝트를 쿼리 하고, 그 후에 부모의 global 오브젝트에서 document.bod..

티스토리툴바