9월, 2019의 게시물 표시

console.log 에 style 적용하기

이미지
기획팀과 협의 해볼까나... - 출처  https://heeya7.tistory.com/7 개발자 도구를 열어 작업을 할 때, 우리는 종종  style 이 입혀진  console.log 를 발견할 수 있다. 예를 들자면 쿠팡이나 티스토리가 있을 수 있겠다.  (괜히 이쁘고 부러움) 퍼블리셔로서 스타일이 입혀진 콘솔로그를 지나칠 수가 없지. 오늘은   console.log  에  style  입히는 방법을 알아보려 한다. 아주 간단하다. 메시지에 %c 플래그(flag)만 추가해주고, 원하는 스타일을 입력하면 끝.  참 쉽죠? 간단하게 예를들어, console . log ( '%c Welcome!' ,   'background-color:green; color:#ffffff;' ) ; 결과물은 이렇다. 이렇게 하면? console . log (' %c You are so %c attractive ' ,   'background-color:#000000; color:#ffffff; font-size:23px;' ,   'background-color:red; color:#ffffff; font-size:23px;' ) ; 요렇게 나오고! 조금 더 꾸며볼까? var   style   = [      'padding : 30px 20px' ,      'margin : 20px 0' ,      'background : linear-gradient(#98004C, #FFE8F3)' ,      'font-size : 25px' ,      'font-weight : bold' ,      'text-align : center' ,   

[jQuery] Range Slider - 슬라이더 바

https://www.jqueryscript.net/tags.php?/Range%20Slider/ 재미있는거 많네...