본문 바로가기

Dev/script42

자바스크립트로 구현한 rgb 색상표 + CSS 16진수 rgb 색상코드 자바스크립트로 구현한 RGB 색상표 + CSS 16진수 색상 코드 2015.08.29 11:11 RGB 색상표를 CSS 16진수(HEX) 색상 코드로 표현하기 퍼블리싱을 할 때 디자인팀에서 지정한 색의 색상을 CSS로 표현할 때 포토샵의 스포이드로 찍어보면 RGB 색상표에서 HEX값을 알 수 있다. 이 RGB 색상표는 #1930a2와같이 표현되는데 난해한 암호 같아 보이지만 다 뜻이 있는 문자의 조합이다. 위에서 일부러 색을 2 글자씩 잘라서 다르게 썼는데, 명민한 사람이라면 금방 눈치챘을 것이다. RGB라는 말의 뜻부터 이해한다면 따로 설명하지 않아도 감이 따악 올 것이다. RGB의 뜻은 R=Red, G=Green, B=Blue를 뜻한다. 그러니 위의 코드에서 #을 제외한 나머지 6자리의 각 두 자리는.. 2020. 9. 7.
자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트를 이용해서 일정한 시간 간격마다 혹은 일정한 시간이 지난 뒤에 특정 이벤트를 발생시키거나 동작을 취해야 할 경우가 종종 있다. 이럴 때 사용하는 자바스크립트 시간 함수가 바로 setTimeout()와 setInterval()이다. setTimeout(), setInterval()의 가장 큰 차이점은 한 번만 실행하느냐, 계속 반복적으로 실행하느냐의 차이다. 위의 두 예제처럼 단 한번만 적용하고 싶다면 setTimeout을 사용하고, 일정한 시간간격으로 반복 적용하고 싶다면 setInterval()을 사용하면 된다. setInterval에서 1000이라는 숫자는 밀리세컨드로 해당 숫자의 .. 2020. 8. 31.
자바스크립트 link Canonical javascript createElement appendChild window.location.href 결론부터 말하자면 삽질이다. 어느 날 갑자기 구글 애드센스 광고가 뜨지 않길래 확인해 보니 개인 도메인으로 설정된 무료 도메인의 루트 도메인에서 구글 애드센스 정책 위반이 떴다. 무료 도메인은 내도메인.한국 의 주소를 사용했다. 이게 해결이 안되면 광고를 게재할 수가 없단다. 난감하게도... 이 도메인 주소로 네이버 유입이 제법 있다. 그래서 혹시나 301 redirection이라도 써 볼까 했지만 그럴 방법이 전혀 없다. 돈을 쓰면 가능하겠지만... 일단 새로 호스팅을 받지 않는다는 전제 하에 그렇다. 그래서 궁리한 것이 내 도메인 한국의 단일 페이지 수정에서 Canonical를 설정해주고, 자바스크립트 location.href로 리다이렉션을 걸어서 옮기는 방법을 생각해 봤다. 결과는 앞서 말한 데로 .. 2020. 8. 30.
제이쿼리 아코디언 on() 이벤트 주간 스케줄 만들기 css :not() 선택자 제이쿼리 on() 이벤트 와 css :not() 선택자를 이용해서 주간 스케줄 제이쿼리 아코디언 만들기 일하는 중이라 자세한 제이쿼리 아코디언 설명은 생략한다. 다음과 같은 주간 스케줄 표에서 특정 날짜나 특정 스케줄을 선택하면 열리고 다른 스케줄은 접히는 아코디언을 구현하는 것이다. 핵심은 on()함수와 css:not() 선택자를 이용하는 것이다. 특정 엘리먼트를 선택하면 선택된 엘리먼트에만 클래스를 부여하고 나머지 형제 엘리먼트에서는 클래스를 빼고, css:not() 선택자로 선택여부를 토글할 수 있다는 것이 핵심이다. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spaci.. 2020. 8. 24.
모바일홈페이지 주소창 감추기 tip body[orient="portrait"] ,body[orient="landscape"] [모바일홈페이지 제작] 모바일 웹 주소창 감추기 tip 모바일홈페이지를 제작할 때 코딩에서 위의 사진처럼 모바일 주소창 없애기 방법에 대한 설명이다. 보통 흔히 아래와 같은 자바스크립트를 많이 쓴다. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); 이 스크립트는 모바일웹서 주소창이 사라지는 기능을 적용하고 있다. 혹은 아예 body 태그에 onload로 넣을 수 있다. ... 이 자바스크립트는 window.setTimeout(func, delay, [param1, param2, ...])을 호출하는 형식이다. 1. 0초 후에 scrollTo 메소드를 실행시켜라 2. [param1, param2, ...] 은 .. 2020. 2. 19.
앵귤러 폴더 권한 문제 angular error windows [nodemon] clean exit, 윈도우 angular js choco install yarn 설치 앵귤러 폴더 권한 문제 angular error windows [nodemon] clean exit, 윈도우 angular js choco install yarn 설치 angular error [nodemon] clean exit - waiting for changes before restart sqlite 어느 날 갑자기 앵귤러 서버가 구동이 안 되는 일이 발생했다. yarn start:server:nodemon 으로 잘 구동되던 노드 서버가 [nodemon] clean exit - waiting for changes before restart 에러를 띄우고 실행이 멈춘다. 윈도우 환경에서 SQLite를 사용할 때 SQL라이트가 Workspace에 Dev 폴더를 생성하고 database.sqlite 파.. 2020. 2. 11.

티스토리툴바