진스

[CSS] 크롬에서 이미지가 흐릴 때 크롬은 고질적인 이미지 랜더링 문제가 있다. 웹에 게시된 이미지 해상도가 원본 해상도와 일치한다면 문제없지만, 원본 해상도보다 확대 또는 축소되는 경우에 이미지가 눈에 띄게 흐려진다. lpla.tistory.com (좌) 익스플로러11, (우) 크롬 90 크롬은 고질적인 이미지 랜더링 문제가 있다. 웹에 게시된 이미지 해상도가 원본 해상도와 일치한다면 문제없지만, 원본 해상도보다 확대 또는 축소되는 경우에 이미지가 눈에 띄게 흐려진다. 이것은 크롬 뿐만 아니라 다른 브라우저에서도 일어나는 현상이지만 유독 크롬에서 심하게 나타난다. 이 문제를 해결하기 위해 오랜 시간 찾아봤지만 아주 마음에 드는 해결책은 찾을 수 없었고 적정선에서 타협할만한 수준은 몇 가지 알 수 있었..

css transfrom translate(-50%,-50%) 사용시 이미지,텍스트 흐림 현상 webkit 브라우저에서 가운데로 정렬하기 위해 position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 를 사용할때 텍스트 또는 사진이 흐릿하게,, 뿌옇게 보이는 버그가 발생한다. 그럴때!! tr.. chaeyoung2.tistory.com webkit 브라우저에서 가운데로 정렬하기 위해 position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 를 사용할때 텍스트 또는 사진이 흐릿하게,, 뿌옇게 보이는 버그가 발생한다. 그럴때!! transform:translate(-50%,..

https://console.ncloud.com/dashboard (가입했음) https://developers.naver.com/apps/#/myapps/QRa5FIaz4Sqh3AN_xbIP/overview 애플리케이션 - NAVER Developers developers.naver.com (애플리케이션 id받는곳)

https://codepen.io/barney-parker/pen/OPyYqy Roulette Wheel It's a roulette wheel! Set some options, hit spin and see the result! needs to be put in to an object and made self-sufficient, but basically works!... codepen.io 출처 [interactive web] 이전에 만들었던 roulette 개선하기 이전에 만들었던 roulette는 실제 프로젝트에서 사용하기에는 다소 무리가 있다. 애초에 테스트 용도로 만들었기 때문이다. 실제 프로젝트에서 사용 가능하도록 몇가지를 수정하려고 한다. 항목 blueshw.github.io [intera..

이런식도 가능 or or 출처 Vue.js에선 element의 속성을 동적으로 처리할 때 v-bind라는 Directive를 사용한다. (Vue.js의 Directive는 다음에 정리) 일반적인 HTML 태그들의 속성을 바인딩할 경우가 생기는데, 그 대표적인 예로 img 태그의 src 속성이다. (src는 불러올 이미지의 경로를 지정해준다.) 특히 여러 이미지를 for문으로 한 번에 불러올 때 src를 바인딩 해줘야 한다. 다음과 같이 말이다. 위와 같이 :src 또는 v-bind:src를 써서 binding 해준다. (콜론은 v-bind: 의 sugar syntax라고 생각하면 된다. 즉, 축약어) 하지만 위와 같이 하면 이미지가 불러와지지 않는다. 왜 나오지 않는 것일까? 그 이유는 각 객체의 pro..

애증의 네이버 지도 API... Swift로 프로젝트 할 때 사용해 본 경험이 있는데, Swift에 대한 자료가 많지 않다보니 많이 헤맸던 기억이 난다. 겨우겨우 마커 표시와, 마커 색 바꾸기, 처음 앱 실행시 현재 위치 표시하기를 했었는데, 이번엔 Web으로 네이버 지도 API를 사용하게 되었다. 한 개의 포스팅으로 지도라는 광범위한 분야를 다루기에는 버거울 것 같아 이번 포스팅에서는 지도를 띄우는 것까지 작성해보려고 한다. 제일 기본적인 지도 띄위는 방법은 크게 네이버 클라우드 플랫폼 회원가입 콘솔 접속 Maps 선택 Client ID 발급 Web Dynamic Map v3에서 코드 복사하기 다섯 가지로 볼 수 있다. 먼저, 네이버 클라우드 플랫폼 회원가입 www.ncloud.com/ NAVER CL..

https://stackoverflow.com/questions/56918767/disable-check-of-camel-case-rule-in-eslint Disable check of camel case rule in eslint I have a large JavaScript file with multiple eslint rule violations. I am trying to disable them and address them one at a time. The code below shows that I can disable them all with no trouble, bu... stackoverflow.com fontSize:"10" 이 안되고 자꾸 font-size:"10"이 자동으로 되버린다..

출처 Vue 탭 UI 정말 자바스크립트나 제이쿼리를 사용했을때 이벤트를 바인드 하는거랑vue사용하면서 조금 다르게 생각을 하려다 보니 간단한 ui 조작 스크립트에서도 막히는게 많은 요즘이다! 구글에서 찾다 velog.io 간단하게 요약하자면 인덱스 번호를 저장하는 변수를 만들고 for문의 인덱스를 사용해 클릭했을때 변수에 숫자를 입력하게 되고 그 숫자에 맞는 컨텐츠를 v-show로 노출하는 것 이다. {{ tab }} export default { data () { return { currentTab: 0, tabList: [ '차량옵션', '업체정보', '후기/평점', '환불규정' ] } } }