Math.random 0 ~ 1 사이의 랜덤한 숫자를 반환합니다. 단, 1은 포함되지 않는 부동소수점의 수를 발생 시키기 때문에 정수형 데이터로 변환해야 합니다. Math.random(); // 함수 실행 시, 아래와 같은 결과값 반환 0.787910016396766 0.9811818120683229 0.018731720450270606 0.26159482631296616 0.4618645356440654 0.5720506552882538 0.8146460036266621 Math.floor 입력값을 내림한 가장 작은 정수값을 반환 합니다. Math.floor(-1.7) : -2 Math.floor(-1.5) : -2 Math.floor(-1.3) : -2 Math.floor(-1) : -1 Math.f..
CSS :hover - 마우스 오버(mouseover) / 마우스 아웃(mouseout) 이벤트 처리
Script - mouseover / mouseout 대부분 script 를 이용하여, selector를 지정하여 mouseover / mouseout 이벤트를 구현 한다. // jquery - mouseover / mouseout $(".card").on({ "mouseover":function(){ console.log("Mouse Over"); $(this).css({'background-color':'red'}); }, "mouseout":function(){ console.log("Mouse Out"); $(this).css({'background-color':'white'}); } }); CSS - :hover CSS :hover selector 를 이용하면, 마우스 오버(mouseover) ..
스마트 밴드 갤럭시 핏2 트래커 목적 실사용 후기
손목에 착용하는 스마트 기기는 주로 트래커를 목적으로 사용한다. 첫 번째, 스마트 기기는 핏빗-알타 였고, 디자인이 가장 만족스러웠으며 트래커로써의 역할에 충실했다. 두 번째, 스마트 기기는 갤럭시 기어 S3 프런티어였는데, 스마트 워치에 가까워 다양한 기능을 제공했지만, 트래커 위주의 기능만 활성화시켜 사용하였다. 두 가지 스마트 기기를 사용해본 결과 나의 사용 패턴에 적합했던 기기는 트래커로써 역할에 충실했던 핏빗-알타 였다. 하지만, 두 기기 모두 만 2년이라는 시간이 지나는 시점부터 배터리 수명의 문제로 불편함이 발생하는건 같았다. 그래서, 아래 기준에 부합하는 제품 위주로 정보를 수집하여, 갤럭시 핏2 를 구입하였다. 트래커 중심 배터리 수명 15만원 이내 제품 살펴보기 반가워 가성비 좋은 갤럭..
Pro#02 블퍼 - 포스팅 도우미 서비스
블퍼 v1.0 GrayCha::블퍼 v1.0 블퍼::블로그 포스팅 작성을 위한 도우미 서비스 www.graycha.net Blog + Helper = BLPER 블로그 포스팅을 위한 정보 검색을 목적으로 하는 서비스입니다. 1. 화면구성 - 메인 검색어 입력, 검색어 출력, 연관 검색어, 실시간 키워드, 실시간 이슈 탭으로 화면을 구성하였습니다. 검색어 출력 탭(A)과 연관 검색어 탭(B)을 상단 배치하여, 정보검색에 중심을 두었습니다. 실시간 키워드 탭(C)과 실시간 이슈 탭(D)을 하단 배치하여, 이슈 정보 탐색에 중심을 두었습니다. 모바일 기준 메인 화면 기본 탭은 검색어 출력 탭(A)과 실시간 키워드 탭(C)으로 정보검색과 이슈 정보 탐색을 한눈에 볼 수 있게 구성하였습니다. - 검색어 출력 탭(..
jQuery scrollTop 메서드를 이용하여 간단하게 스크롤 상단이동 기능을 구현할 수 있다. 아래와 같이 선택자에 지정한 후, scrollTop 메서드에 value 값을 지정하여 사용하면 된다. scrollTop(value) // 기본 설정 $('html').scrollTop(0); animate를 이용하여, 스크롤 이동 속도를 조절 할 수 있다. // 빠르게 $('html').animate({scrollTop : 0}, 100) // 느리게 $('html').animate({scrollTop : 0}, 500) scrollTop() 메서드만 선언할 경우는 현재 스크롤의 수직 위치 정보를 반환는다.
흔들림 없고 퀄리티 좋은 맥북 거치대 추천
식탁이나 거실에서 노트북을 사용하다 보면, 모니터 시선이 너무 낮아 자연스럽게 구부정해지는 나쁜 자세가 된다. 평균 2시간 ~ 4시간 정도 작업을 하기 때문에, 자연스럽게 허리와 목에 통증이 동반된다. 맥북을 흔들림 없이 안정적으로 거치할 수 있으면서, 높이와 각도 조절이 되는 제품으로 정보를 수집하여 '니스톨 노트북 거치대'를 구입하였다. 제품 살펴보기 제품명은 니스톨 노트북 거치대이며, 보유하고 있는 맥북 색상과 동일한 스페이스 그레이로 구입하였다. 스페이스 그레이 색상이 생각했던 것보다 정말 괜찮았다. 보유 중인 맥북 M1을 거치했을 때 이질감 없이 애플에서 판매하는 거치대 같은 느낌이 들었다. 제품 설명을 보면 애플 제품 제작에 사용하는 ULTRA FINE Glass Blasting 표면처리 공법..
CSV 파일형식 알아보기
CSV는 comma-seprated values의 약어로 쉼표(,)로 구분한 텍스트 데이터로 파일 확장자는 *. csv이다. 주로 대용량 데이터를 비롯한 공공데이터와 이기종간 데이터 교환시 사용되며, 데이터 구조가 단순하여 쉽고 간결하기 때문이다. 범용적인 데이터 포맷이라고 생각해도 무방하다. 데이터 구조 플레인 텍스트 형태로, 한줄에 하나의 레코드 정보를 포함하는 구조다. 아래는 구글 트랜드에서 검색한 시간 흐름별 정보와 지역별 관심도 정보를. csv 파일 데이터로 다운로드한 데이터다. 줄 단위로 레코드 정보를 포함하고 있으며, 쉼표(,)로 데이터를 구분한다.