Look and Find what i've done.
thumbnail OSS Notice | KEditor OSS Notice | KEditor This application is Copyright © Kakao Corp. All rights reserved. The following sets forth attribution notices for third party software that may be contained in this application. If you have any questions or concerns, please contact us at opensource@kakaocorp.com @babel/polyfill https://github.com/babel/babel/tree/master/packages/babel-polyfill MIT License @ephox/agar https:/..
thumbnail HTML5 웹문서 작성에 대한 고찰 어떻게 보면 단순한 웹문서 작성하는 것은 책을 구성하는 것과 같다. 내가 제목을 쓰고, 본문에 내용을 담고, 어떤 내용을 채우고 색을 입히거나 강조를 하는 것은 모두 문서를 작성하는 것이다. 그것이 페이지(Page)로써, 한 페이지씩 채워나간다고 생각하면 되는 것이기도 하고 그러한 페이지들이 쌓여 하나의 사이트이 되는 것이기도 하다. 그러니, 귀찮더라도 표준웹을 지키면서 처음부터 써나가는 습관을 기르고, 책 한권을 만드는 연습을 해야겠다. 프로그래밍 언어를 배우는 것은 매우 재밌는 일, 신기한 일이 벌어지기도 하고 마법같은 기술을 배우는 것 같기도 하다. 프로그래밍이야 말로, 현대의 마법이 아닐까 싶다. 마법을 외우는 주문을 외워 놀라운 세상으로 만들어가는 것이다. 그 즐거운 여정이 계속되기를 바라면서 ..
thumbnail 해당 요소의 텍스트를 변경하는 자바스크립트 해당 요소의 텍스트를 변경하는 자바스크립트 너무 간단해서 유용하게 활용할 수 있는 자바스크립트, 이번 티스토리 구독하기 버튼이 생기면서 페이지의 메타태그 값을 불러오는데, 한 단어로 짧게 구현하고 싶지만 HTML 스킨 편집에 해당 내용을 수정할 수 없고 치환값을 따로 제공하지 않아서 자바스크립트로 텍스트를 변경했다. 위와 같이 티스토리 메인에서 제공되는 어드민 기능의 텍스트 값을 자바스크립트를 활용하여 텍스트를 쉽게 변경하였다. 너무 단순하지만, 의외로 자주 사용되는 기능이다.
thumbnail Naver Cloud Services | Products & Services ComputeServer UpdateSSD ServerGPU Server UpdateVirtual Dedicated Server UpdateBare Metal ServerAuto ScalingCloud FunctionsHPC(High Performance Computing)Container RegistryKubernetes Service NewStorageObject Storage UpdateArchive StorageFile StorageBlock Storage UpdateNASBackupData Teleporter UpdateNetworkingLoad BalancerDNSGlobal Internet ServiceCDNGlobal CDNIPsec VPNNAT GatewayGlobal Route Mana..
thumbnail User JavaScript and CSS 문자열 앞 해시태그 추가 및 공백제거 User JavaScript and CSS 문자열 앞 해시태그 추가 및 공백제거User JavaScript and CSS 확장프로그램을 활용하여 해당 사이트의 JavaScript를 추가하거나 수정할 수 있다. Stylebot의 확장 기능인 User JavaScript and CSS를 통해서 해당 해시태그를 수정하거나 추가해줄 수 있다. $('.wrap_my_information .area_keyword .item').before(' #'); $(function() { $('.wrap_my_information .area_keyword .item').each(function () { var String = $(this).html(); $(this).html(String.replace(/ /gi,"")); ..
thumbnail 마우스 우클릭/개발자도구[F12] 방지 자바스크립트(JavaScript) 우클릭 방지와 F12 방지 코드결과적으로는 매우 간단한 우클릭 툴바 및 구글확장프로그램(PigTool)에 쉽게 풀려버리기 때문에 더욱 강력한 기능은 자바스크립트가 아닌 다른 방식으로 구현을 해야합니다. 다만, 매우 간단하게 설정이 가능하기 때문에 필요하신 분들은 아래의 코드를 HTML편집을 통해 설치하실 수 있습니다. 아래의 코드를 사이에 넣습니다. 안에 아래의 태그를 입력합니다.- oncontextmenu='return false' - 우클릭방지- onselectstart='return false' - 블럭선택방지- ondragstart='return false' - 드래그방지 드래그 혹은 블럭선택, 우클릭 방지 중에서 필요가 없는 기능은 제거하고 사용하실 수 있습니다.
thumbnail 알트(Alt) 태그 본문 이미지에 표시하기(css) 사이트 내에 첨부된 이미지들 중에서 알트태그(대체 텍스트)를 css로 표시할 수 있습니다. 티스토리의 경우에는 대체 텍스트를 이미지를 클릭하여 설정해줄 수 있는데, 본문에 첨부된 이미지들 중에서 Alt 속성 값이 없는 이미지 혹은 Alt 속성 값이 있어도 내용이 없는 경우에 본문에서 쉽게 찾을 수 있도록 css로 표시하여 보여줄 수 있습니다./* Find alt tag */ /* img[alt=""] : img 태그중에 alt속성은 있는데 값이 없는 경우를 찾는거에요. */ /* img:not([alt]) : img 태그중에 alt속성이 아예 없는 경우를 찾는거에요. */ img[alt=""], img:not([alt]){ border:3px dotted red; } 위와 같이 빨간 점선으로 표시되어 있..
thumbnail 사이트 티스토리 드래그 / 마우스우클릭 복사방지 스크립트(Javascript) 사이트 티스토리 드래그 / 마우스우클릭 복사방지 스크립트(Javascript) 위 텍스트를 태그 바로 위에 붙여넣기를 하여 스크립트를 실행시킨다. 다른 방식으로도 구현이 가능하다.