'분류 전체보기' 카테고리의 글 목록

jQuery 를 이용한 반응형 FullPage (resize) 만들기

사용 코드 jQuery 구현기능 좌우 버튼 클릭시 페이지 이동 Dot 버튼 으로 index 를 UI 확인 가능 Dot 버튼 클릭 시 페이지 이동 html에 page 추가 시 동적으로 dot 버튼 변경 HTML 각 페이지를 담는 wrap 페이지를 만든다. 페이지를 원하는 만큼 100% 크기로 만든다. 가로로 만들 경우, 각 페이지를 가로로 배치하자. wrap 은 overflow:hidden, display: absoulte 하고, left 를 이동하면서 다음페이지를 보여주자. 페이지를 이동할 버튼을 만들자. JS( + resize) 페이지 개수를 구한다. page.length 각 페이지의 위치값을 배열에 넣는다. pagePos = [] ← for문 $(window).width() 현재 페이지 인덱스를 저장..

Web Publisher/jQuery 2021. 4. 2. 09:03

css의 hover 를 JavaScript 로 구현해보자!

CSS 의 가상 선택자 :hover를 사용하면 쉽게 할 수 있는 부분이지만, JavaScript 로도 구현할 수 있다. 연습을 위해서 마우스오버를 자바스크립트로 구현해 보자. 아래의 예시는 태그에 src 값을 바꾸면서 hover 를 처리해야 하는 경우이다. 상세 내용 먼저, 태그의 src 에 접근하여 off_str 에 저장한다. off_str 과 replace 를 이용하여 src 의 value를 일부 바꾸고 on_str 에 저장한다. 마우스 이벤트에 따라 태그의 src 를 off_str 또는 on_str 로 변경해 준다. JS const rollover = document.querySelectorAll('.rollover'); rollover.forEach((aTag, index) => { let off..

Web Publisher/JavaScript 2021. 4. 2. 01:27

[가성비 무접점 키보드] 한성 GK898B 블루투스 유선 무접점 키보드(풀무무)

오랜만에 또 지름신이 강림했습니다. ㅠㅠ 키보드에 대해서 알지도 못했던 저인데 어느순간 가보니 "무접점 키보드"까지 오게 되었네요. 사실 키보드란게 가격이 천차만별인거같아요. 멤브레인 키보드는 싼건 마우스 키보드 합해서 1만원대 인데.. 고가의 키보드들 (레오폴드, 리얼포스 등등) 좀 유명하다 싶으면, 30만원도 우습게 올라가는 가격;; 그중에서 나름의 가성비(?)로 알려진 한성의 풀사이즈 키보드 GK898B를 질렀습니다. 작년에 나왔는데 이제서야 사서 후기를 올리는 나는.. 얼리 어답터가 아닌, 딜레이 어답터.. 한성컴퓨터 GK898B OfficeMaster 영문 제가 산 제품은 한성컴퓨터의 GTUNE GK898B OfficeMaster 영문 블랙 버전입니다. (이름 참 깁니다. ) 처음 배송이 되었을..

리뷰 모음/제품 리뷰 2020. 7. 15. 15:20

[알쏠 지식]Qoo10 큐텐 회사 CEO가 한국인?!

해외 직구를 자주 접하게 되면서 큐텐 쇼핑몰을 자주 이용하게 되더라고요. 중국 제품을 많이 팔아서 당연히 중국계 회사라고 생각하면서 이용하다가 문득 궁금해서 검색을 해보았는데... 익숙한 한글이 보입니다??? 큐텐을 모르신다면 Qoo10 - 큐텐! 구경하러가기 G마켓 + ebay 의 아들 뻘? 큐텐(Qoo10)의 기원은? 알고 보니 G마켓 설립자인 구영배 CEO님께서 이베이와 합작투자로 만든 회사라고 합니다. 정확히는 Giosis Pte. Ltd.에 의해 Qoo10 Pte. Ltd.의 자회사로서 설립되었으며 Giosis Pte. Ltd.는 G마켓의 설립자 구영배 대표님과 이베이 간의 합작투자로 인해 설립되었다고 합니다. 한국에서는 아직까지 큐텐을 모르는 사람도 많은데 싱가포르나 일본 등 아시아권에서는 상..

알쏠지식 2020. 4. 25. 09:57

[프로그램세팅]서브라임 텍스트 헥사 코드에 컬러 효과 넣기

안녕하세요 잡학로그입니다. 이번엔 제가 주로 사용하는 프로그램 서브라임 텍스트(sublime text3)에서 컬러 값을 표기하는 헥사코드에 실제로 컬러를 알 수 있는 패키지를 소개하려 합니다. Package Control을 여시고 Color Highlight를 설치하세요! Ctrl + Shift + p 를 누르셔서 Package Control을 여시고 PCI를 입력하여, Package Control : install package 를 여세요 다음으로는 Color 를 쳐서 Color Highlight를 클릭하시고 잠시 기다리면 자동으로 설치가 완료됩니다. 설치는 아주 간단하죠? 설치가 완료되면 이런 식으로 color 헥사 코드에 색상이 표시됩니다. 어떤 색을 넣었는지 바로 확인이 가능해서 꼭 필요한 패키지..

Web Publisher/프로그램 세팅 2020. 4. 24. 10:46

[해외 직구 Tip] 개인통관번호 받는 방법

해외 직구 시 필요한 개인통관 번호를 받는 방법에 대해서 포스팅해볼게요. 개인통관 번호, 개인통관고유번호로 많이 불리는 이것의 정확한 명칭은 "개인통관 고유부호" 입니다. "개인통관 고유부호"가 필요한 이유는 해외 직구 시 세관신고를 위해 관세청에서 개개인을 알 수 있는 고유번호가 필요했는데 이전에는 주민등록번호를 사용하다가 개인정보보호법이 개정 시행되면서 주민등록번호를 수집하기 어려워지자 대체하는 번호를 위해 개인통관 고유부호가 필요했던 것입니다. 관세청에서 쉽고 간단하게 개인통관 고유부호를 발급 받으실 수 있으니 천천히 인증절차를 밟아나가면 되겠습니다. 개인통관 고유부호 받는 방법 개인통관고유부호 - 관세청 바로가기 개인통관고유부호 발급은 별도의 회원가입 없이 이용 가능하며, 모바일 앱으로도 발급받으..

해외 직구 Tip 2020. 4. 23. 09:12

[제품 리뷰] msi의 선물 - 용용이 인형

안녕하세요. 잡학로그 입니다 :) 오늘 포스팅은 바로바로 인형입니다. 용용이에 대해 궁금해 하실 분들도 아마???? 있으실 것 같아서 포스팅해요. 얼마 전에 msi 노트북을 샀었는데 포토 상품평을 작성하면 인형을 주네요. 굳이 필요없지만 준다고 하니 받아 일단 챙겨보았습니다. 유명한 MSI 인기 캐릭터 용용이 되겠습니다. 제 노트북이 궁금하시다면? msi의 귀여운 빨간 용 - 용용이 위 사진은 포토상품평을 등록하면 인형을 준다는 글입니다. 아래에 작게 정품 모양과 다소 차이 날 수도 있다는 점은 확실하네요. 우직한 저 모습을 기대 했는데 조금 귀여운 구석이 있는 용용이가 왔습니다. 받아 보았을 때의 얼굴 디테일은 확실히 다르네요. 뭔가 입이 작은 것부터.. 흠.. 그래도 갖출 건 다 갖췄습니다. 지금부터..

리뷰 모음/제품 리뷰 2020. 4. 22. 08:38

[제품 리뷰] 가성비 전문가용 삼각대 추천 리뷰 - 벤토사

안녕하세요. 잡학로그입니다. 영상 촬영을 위해서 괜찮은 삼각대를 서칭 하다가 가성비 제품을 발견해서 포스팅해봅니다. 점점 영상을 접할 일이 많아지다 보니 삼각대가 필요하게 되는군요. 사진을 찍을 때는 그다지 필요하지 않지만 손떨림 없이 5분 이상 촬영을 해야 될 때는 피치 못하게 삼각대가 필요하더라고요. 그래서 쇼핑하기 편한 쿠팡에서 삼각대를 찾아보다가 전문가용 제품으로 구입하게 되었습니다. 저렴한 걸 사려고 했으나 삼각대 같은 것은 하나 사면 거의 살 일이 없을 것 같아서 몇만 원 더 주고 튼튼해 보이고 기능이 많은 제품으로 구입했습니다. 벤토사 전문가용 3단 삼각대 + 블루투스 리모컨 세트 받자마자 사진을 전체 모습 사진을 찍으니 우리 고양이 라라가 관심을 갖네요. 상당히 큰 모습을 지닌 삼각대입니다..

리뷰 모음/제품 리뷰 2020. 4. 21. 07:47

[제품 리뷰] msi 노트북 키스킨 추천 - 파인스킨 리뷰

집에 고양이를 키우느라 털이 너무 날려서 참다 참다가 노트북 키스킨을 구매하게 되었습니다. 사실 노트북에 키스킨을 씌우는 게 발열 측면에 있어서는 좋은 행동이 아니지만, 사이사이에 털이 들어가는걸 더 못 참겠더라구요. 허허 그렇게 구매한 노트북 키스킨에 대해서 리뷰를 작성해 보겠습니다. 먼저 노트북 키스킨을 구매하기 위해서 제 노트북을 검색해 보았는데 제품의 종류가 많지 않더라구요. 거의 가격도 차이가 나지 않아서 쿠팡에서 결제를 진행하였습니다. 저는 카라스에서 만드는 파인스킨을 구매하였습니다. 잡학로그의 노트북이 궁금하시다면? [제품 리뷰] msi 게이밍 노트북 GS75 Stealth 9SD msi MSI GS75 Stealth 9SD 노트북 키스킨 파인스킨 쿠팡 - MSI GS75 Stealth 9S..

리뷰 모음/제품 리뷰 2020. 4. 20. 21:50

[맛집]대구 수성못 냉면 맛집 - 계수식당

날이 점점 풀리고 있어서 간만에 외식할 겸 수성못 근방으로 나섰다. 사실 수성못에 밥집은 많지만 다 가격이 세다는 게 함정... 오늘은 지나가다 매번 봤지만 한번도 가보지 않았던 계수식당 에 도전해 보았다. 청와삼대 바로 옆에 붙어있는 가게 뭔가 배달만 할거같은 느낌을 풍겼지만 문을 열어보니 꽤 테이블이 많고 잘 되어 있었다. 코로나 여파 때문인지 아주머니 혼자서 일하고 계셨는데 한산한 요즘이라 다행히(?) 바쁠 일은 없었다. 들어갈 때 현수막으로 본 2인 세트를 시키기로 결정했다. 냉면2 + 만두 딱 구성이 알찼다. 뭔가 양이 적으면 어쩌지 했었는데 너무 배불러서 남길뻔 했다. 성인 남자가 먹기에 적당한 양이다. 계수식당 - 만두, 냉면 맛집 내가 먹은 것은 비빔냉면. 중국집을 가게되면 짬뽕보단 짜장면..

리뷰 모음/맛집 2020. 4. 19. 09:04

니노's 잡학로그 :: 알_아두면 쏠_쏠한 지식

분류 전체보기 → (35)건