웹 프로그래밍/HTML & CSS & JS2 Vue 특수문자 HTML 이스케이프 해결하기! 간만에 재미있는 기능들을 찾아보게 되어서 정리를 한다! 현재 VUE를 이용한 공부를 하고 있는데, props와 API를 받아내는 과정에서 HTML이 이스케이프 되어서 특수문자가 깨지는 경우가 많다! '카카오' 에 대한 유투브 검색 결과이다! 두번째 제목을 보면 따옴표가 ' 가 아닌 '으로 표시되는 것을 알 수 있다! vue라고 해야하나 npm 환경에서는 JS 내장함수인 unescape를 '아무런 사전 준비를 하지 않고서는' 사용할 수가 없어서 처음에는 map을 이용해서 바꿔주려고 했다. map = { ':"'". amp:'&' ...} 이런식으로 해당되는 특수문자랑 연결하고 replace함수를 써줬는데 다른 특수문자에 대해서는 문제없이 작동하는데 quotemarks 에 있어서는 undefi.. 2020. 6. 1. 나 보라고 만드는 CSS 팁들! 내가 까먹을까봐 적는 CSS 팁들! 1) 간단하게 div 를 가운데 정렬로 만드는 방법! div { width:700px; margin: auto; } 2) 배경화면 이미지(background-image)가 헤더크기보다 클때 헤더 크기에 맞추기 (cover 이용) header{ width: 700px; background-image: url(xxx.jpg); background-size: cover; } 3) 배경화면 이미지(background-image)가 헤더크기보다 작을 때 헤더 크기에 맞추기 (contain 이용) header { background-image: url(xxx.jpg); background-size: contain; } 4) 이미지 여러 개 한줄로 놓고 가운데 정렬 하기 (inli.. 2020. 3. 14. 이전 1 다음
