목록Web/JavaScript (3)
그냥 그래
최근 회사에서 핫 딜 컨텐츠를 준비하다보니 자주 사용하게 된 스크립트 하나를 오랜만에 포스팅 해볼 생각인데,우선 간단한 구조의 로직이니 대충 올려둬도 어느정도 날짜 시간계산이 된다면 이해하는데 전혀 어려움이 없다. 스크립트 구조 -일단위가 아닌 시간단위로 계산하고 싶을 경우 변수 hours의 24(하루 24시간) 을 7로 곱한 값즉, (1000 * 60 * 60 * (7 * 24))) / (1000 * 60 * 60)); 로 계산해준 뒤 days 변수를 지우거나 주석처리해줘도 된다. 자동적으로 현재 지정시간과 카운트다운의 남은 시간을 계산해주어 마지막 결과인 if ( distance < 0 ) 일 경우 #test_count의 html내용이 time out이 아웃풋된다.조금 응용하자면 여러가지 변수와 클래..
최근 회사일 외로 여러가지 기업과 IC관계를 형성하면서 포스팅을 할 시간이 줄어서,사실상 블로그를 안한다고 볼 수 있는데 오늘은 조금 짬도 나는 듯하여, 앞으로는 시간 날때마다기억용도로 기록하고자 한다. 사이트 작업을 요즘들어 많이 하기 시작했는데, 이유는 즉슨 에이전시 쪽 개발 속도가 너무 느려서 일일히 세부적인 부분부터사실상 레이아웃만 업체가 작업하고 디자인, 애니메이션, 각종 스타일은 모두 내가 일일히 짜고있다 -_-;; 알아두면 요긴하게 쓰이는 jQuery 라이브러리를 이용한 slick 애니메이션을 간단하게 구현하는 방법을 대충코드만 공개해보겠다 대충은 보면 알거라 생각한다. (slick 자체가 어렵지 않아서.. ) 기본적으로 필요한건 slick.css | slick.min.js | slick-t..
안녕하세요 도롱군 입니다.이번 포스팅은 JavaScript를 이용하여 HTML Table을 Sort 할 수 있는 방법에 대해 알아보도록 하겠습니다.극히 주관적으로 포스팅 되었으며, 최근 사내 인프라 개발하면서 쓰던 스크립트 파트를 조금 정리하여 포스팅 해보자라는생각으로 포스팅하게 되었습니다. 우선 테이블을 만들기 위해 html 문서를 위와 같이 준비해보도록 합니다.기본적인 베이스로 저정도만 소스를 작업 해주시면 되며, 한 html 문서 안에서 모든 것을 해결할 예정이니,head에 내부 스타일을 적용 시켜줍니다. (이는 Table CSS 디자인을 이용하여 테이블 구분을 하기 위함입니다. 상기의 사진은 html 문서의 head 부분만을 캡쳐한 것 입니다. Table, th, td의 태그를 border sty..