본문 바로가기

전체 글159

텍스트간격조절 & cursor:pointer; cusor:hand; <a 태그가 아니라도 클릭 아이콘 나타내기. cursor:pointer; cusor:hand; 글자 한 자 한 자... ‘영어 글자 부분만 따로’ 스타일시트 코드를 적용시키면 됩니다. size：10pt；text- indent：10px；text-align：justify；letter-spacing：－1 px； --> 글자 한 자 한 자... ‘영어 글자 부분만 따로’ 스타일시트 코드를 적용시키면 됩니다. 2021. 2. 12.
구글 검색기록 삭제 간단 방법 정리 이번 포스팅에서는 구글 검색기록 삭제 방법을 정리해 보겠습니다. 구글 검색, 유튜 검색 등 모든 기록을 한 번에 삭제할 수 있는데요. 이는 PC를 안전하고 빠르게 사용하기 위해 가끔씩 해주시는 것이 좋습니다. 오래 사용하시려면 알아두면 좋은 것이니 귀찮더라도 습관화해두시면 좋아요~^^ 나중에는 자동으로 기록 삭제하고 그렇게 됩니다. 검색기록 삭제는 로그인 후 이용했던 기록을 삭제하는 것입니다. 로그인하시고 구글 검색 첫 화면 우측 하단에 설정을 누르세요. 설정 안에서 기록으로 들어갑니다. 다음 날짜는 기준으로 활동 삭제 메뉴로 들어가 주세요~~ 날짜를 지정하고 메뉴도 설정할 수 있습니다. 저는 전체 삭제를 했습니다. 기간 전체 기간 설정하고 삭제를 누르시면 모든 기록이 삭제됩니다. 온라인 오프라인 모든 .. 2021. 1. 27.
30-10 인터넷에서 가장 인기있는 검색어는 무엇일까? 인터넷에서 가장 인기 있는 검색어는 무엇일까? 인기 검색어를 말하기 전에 실시간 인기 검색어에 대해 알아봅시다. 요즘은 포털사이트마다 실시간 인기 검색어를 서비스?로 제공하고 있습니다. 그러나 과연 이것을 얼마나 믿을 수 있을지는 의문입니다. 분명 인기 있는 검색어는 맞는 것 같습니다. 한 때 저도 아침에 인기 검색어로 오른 어떤 검색어를 사용해서 글을 써본 적이 있죠. 그랬더니 평상시에 500-700명 정도 찾아오던 바로 그날 무려 2000천 명에 가까운 사람들이 찾았습니다. 놀라운 일이죠. 이렇게 간단한 검색어를 가지고도 사람들은 쉽게 접근해 온다니요. 혹 글을 써놓고 사람들이 찾아오지 않는 분들은 한 번 시도해 볼만 합니다. 그러나 이러한 것은 휘발성이 강한 의미 없는 몸부림입니다. 정직히 말하면 .. 2021. 1. 26.
jquery hover function 사용 예 제이쿼리 이벤트 중에서 꽤 흔하게 사용되는 이벤트 메소드가 바로 hover다. 특정 엘러먼트 위에 마우스가 위치하거나 벗어났을 때의 이벤트를 정의한다. 자바스크립트의 mouseenter, mouserover를 한 번에 제어할 수 있다. CSS의 :hover 선택자를 이용한 것과 같은 이벤트를 타기 때문에, 키보드로 앵커에 위치했을 때는 동작하지 않는다. jquery hover function 사용 예 $(document).ready(function(){ //2depth menu showing when menu is collapsed var hoverMenu = $('.lnb .lnb1depth >li'); hoverMenu.hover( function () { var menuInitH = $('#menu.. 2021. 1. 18.
부트스트랩 날짜선택 폼 bootstrap 4.3 datepicker 부트스트랩을 사용하면 여러 편리함이 있는데 그중에서도 드롭다운, 데이터 피커 같은 것을 쓰기가 굉장히 쉽다. 그런데 부트스트랩 4.3으로 업그레이드를 하면, 기존에 부트스트랩으로 작성했던 스타일이 흐트러진다. 그중에서도 특히 datepicker는 최악이다. 또한 부트스트랩 4.3에서는 더 이상 글리피콘을 지원하지 않는다. 글리피콘이 유료화된 탓이다. 기존의 부트스트랩 데이터 피커를 그대로 사용했다면, 클래스 명을 변경해 주고 글리피콘 대신 :before 선택자로 이미지 캘린더를 달아 주면 된다. 꽤 비슷한 화면이 나왔다. html markup은 다음과 같다. - 달라진 점은 input-group-addon 대신에 input-group-append을 사용했다. 또한 캘린더 아이콘이 뿌려지던 태그에서 글리 .. 2021. 1. 16.
nginx woff mime type error 설정 해결 방법 Unexpected character in input: 에러 nginx woff mime type error 설정 해결 방법 Unexpected character in input: 에러 2019/07/25 15:19:07 [error] 25892#24016: *313 FastCGI sent in stderr: "PHP Warning: Unexpected character in input: ' ' (ASCII=11) state=0 in C:\work\cj_003\dcms-ui\assets\fonts\glyphicons-halflings-regular.woff2 on line 100 PHP Warning: Unexpected character in input: '' (ASCII=16) state=0 in C:\work\cj_003\dcms-ui\assets\font.. 2021. 1. 14.
CSS 선택자 (selector)의 정의와 사용법 CSS를 다루는 데 있어서 가장 기초적이고 기본적이고 핵심 적인 것이 바로 CSS 선택자의 활용이죠. CSS의 선택자 문법은 다음과 같죠. 선택자 { 속성:값} /*example*/ select {position:absolute} #selector { position:absolute; } .selector { postition:absolute; } 이런 선택자는 우리가 CSS의 스타일을 적용하고 싶은 특정 대상을 제한하고 지정하는 것을 지칭하는 것이죠. 쉽게 생각하면 타깃이라고 여겨도 무방합니다. 위에서 예를 든 선택자 3종에 대해서 일단 알아보죠. 요소 선택자 (type Selector) 아무런 기호가 없이 오는 단어는 html 태그의 Element요소입니다. a, p, div, table, li, u.. 2021. 1. 13.
bootstrap4 datepicker tempusdominus style css 수정을 위한 달력 element dom class bootstrap4 datepicker tempusdominus style css 수정을 위한 달력 element dom class 부트스트랩 4에서는 기존의 datepicker가 작동하지 않는다. 그렇다고 bootstrap을 마이너그레이션을 하기도 애매하다. 부트스트랩 4에 적용이 가능한 데이트 피커는 tempusdominus가 거의 유일하다. 좀 더 커스터마이징을 하려면 필스 라이브러리인 moments.js도 건드려야 하지만, 일단은 tempusdominus가 그리는 calendar의 class와 html element 구조만 알아도 대략적인 스타일링은 가능하다. 하지만 유감스럽게도 데이터피커를 멈추고 돔을 탐색하기가 쉽지 않다. 시간이 없어서 일단 그냥 tempusdominus datepicker .. 2021. 1. 11.
css3 :not 선택자 css3를 쓰면 css2에 비해서 퍼블리셔가 원하는 결과를 얻기가 굉장히 수월하다. 예전 같으면 스크립트의 도움을 받았어야 할 일을 css만으로 처리가 가능해졌기 때문이다. display:flex, nth-child(), calc()와 더불어 :not 선택자는 정말 축복이다. 사용방법은 간단하다. :not(.foo) {color:blue} 와 같이 사용하면 .foo 클래스가 아닌 다른 엘레먼트는 모두 텍스트 컬러 색을 파란색으로 바꾸란 뜻이다. 좀 더 세분화 할 수도 있다. div:not(.foo) { color:blue} div중에서 foo클래스가 없는 div는 텍스트 컬러를 파란색으로 하라는 뜻이다. Elements뿐만 아니라 클래스, ID를 대상으로도 선언할 수 있는 것은 당연하다. .chartAr.. 2021. 1. 5.

티스토리툴바