쓰윔's
FootballManager
https://swimfm.tistory.com/
그외
해당되는 글 102건
티스토리 블로그에서 스키마 태그, 리치 스니펫 활용하기 구글에 글을 검색했을 때 내 글을 더 돋보이게 만들 수 있는 방법이 있습니다. 바로 [블럭*스키마 태그*]입니다. 이 태그는 구글에서 공식적으로 권장하는 태그입니다. 구글이 제공하는 검색엔진 봇 입장에선 글의 어느 부분이 중요하고 어느 부분이 덜 중요한지를 파악하는 데 한계가 있습니다. 스키마 태그는 이 중요한 부분을 검색엔진에 알려주는 역할을 합니다. 실제로 구글 서치콘솔에선 스키마 태그를 적용한 글을 개선사항이라는 이름으로 표시해줍니다. 스키마 태그가 적용된 모습과 효과 아래 사진은 스키마 태그가 적용된 제 실제 포스트입니다. 일반적인 검색결과와 다르게 나와있다는 걸 보실 수 있습니다. 검색결과 아래에 3가지의 Q&A가 있어서 다른 검색결과보다 더 눈에 띕니다. 또한 사용자 입장에선 제 글에 들어가기..
자바스크립트로 반응형 벽돌 레이아웃 (Masonry Layout) 구현하기 방법 핀터레스트는 [**Masonry Layout**]을 사용하는 대표적인 사이트입니다. 위의 사진을 보시면 알겠지만 [**Masonry Layout**]은 벽돌을 쌓듯이 썸네일을 차곡차곡 쌓아올린 레이아웃 형태를 뜻합니다. 사진을 최적의 형태로 넣어 공간낭비를 최소화해서 사용자들에게 만족감을 주는 형태라고 보시면 됩니다. Masonry Layout을 순수 자바스크립트로 구현하기 인터넷에 찾아보면 JS 파일 형태의 플러그인이 제공되고 있습니다. 하지만 플러그인은 용량도 크고 속도도 느릴 뿐더러, 간단한 코드로 구현가능하기 때문에 굳이 플러그인을 사용할 필요가 없다고 생각합니다. 그래서 JAVASCRIPT를 이용해서 직접 만드는 방법을 알아볼까 합니다. 기본 원리 기본적으로 HTML의 형태는 아래와 같습니다. ..
개인사업자 현금영수증 가맹점 가입과 발급 방법 소프트웨어 판매를 위해 개인사업자 등록을 했더니 현금영수증 가맹점에 가입해야한다고 문자가 날아왔습니다. 만약 가입 의무자인데도 가입하지 않으면 20%의 가산세를 내야하기 때문에 가입을 했습니다. 절차도 간단하고 수수료 같은 비용도 없었습니다. 다만 이 작업을 수행하려면 사업자등록을 해놔야 하는데, 개인사업자 등록을 하는 방법은 일전의 포스트에서 소개했으니 참고하시면 됩니다. 준비물 스마트폰 홈택스 앱 준비물은 간단합니다. 스마트폰과 홈택스앱만 있으면 됩니다. 현금 영수증 가맹점 가입방법 손택스 앱에서 로그인을 해주세요. 그리고 아래의 사진과 같이 [블럭*조회발급*] -> [블럭*현금영수증 발급*]탭으로 가신 후에 [블럭*현금영수증 발급신청*]을 눌러주세요. [블럭*현금영수증 발급신청*]을 누르셨다면 아래..
순수 자바스크립트로 자동 캐러셀 슬라이드 만들기 예제와 방법 강좌 쇼핑몰에서 대중적으로 사용되는 것은 슬라이드입니다. 슬라이드는 독자의 시선을 끌어오는 역할과 함께 돋보이고 싶은 글을 읽을 수 있게 해주는 역할을 합니다. 의외로 슬라이드 구현은 매우 간단합니다. 이번 시간에는 순수 자바스크립트로 이 캐러셀 슬라이드를 만들어보겠습니다. 아래의 사진은 미리 보는 완성품입니다. 디자인이 되어 있지 않아서 투박하지만 자동 슬라이드 기능+버튼 클릭시 다음/이전으로 이동하는 기능이 잘 작동하는 것을 볼 수 있습니다. 심플한 코드를 짠 것이기 때문에 속도와 유지보수면에서 편할 거라고 생각합니다. 방법도 쉽기 때문에 사용하실 홈페이지/블로그 같은 곳에 적용하기도 쉬우실 겁니다. 굳이 복잡한 플러그인을 사용할 필요가 없습니다! 기본적인 원리와 구조 잡기 원리는 간단합니다. 기본적인 원..
가성비 무선 마우스 로지텍 G304 리뷰 - 더블클릭 문제는 없을까? 인터넷에서 가성비 좋은 5만원 이하의 무선 마우스를 추천해달라고 하면 가장 대중적으로 추천이 들어오는 게 로지텍의 [**G304**]입니다. g304은 g102의 무선 버전이며 저렴한 가격과 좋은 성능이 장점인 마우스입니다. 저는 이 제품을 올해 1월 28일에 구매했고, 사용한지 두 달이 지나서 리뷰해볼까 합니다. 얼마에 사야할까? 현재 제가 글을 쓰고 있는 시점에서 g304는 [블럭*병행수입*] 버전이 39,900원, [블럭*정품*] 버전이 59,900원 정도 합니다. 하지만 무조건 정품 버전으로 사시는 게 좋습니다. 병행 수입의 경우 제대로 A/S가 안되기 때문에 후술할 더블클릭 현상이 일어나면 그대로 돈낭비가 되기 때문입니다. 보통 1달에 1번꼴 정도로 정품을 3만5천원 정도에 할인해주는 이벤트를 ..
티스토리 블로그에서 자동 목차 기능 간편하게 만들기 블로그에 방문한 사람들에겐 [블럭*목차*]가 중요한 요소입니다. 필요한 정보를 취사 선택해서 빠르게 얻어나갈 수 있기 때문입니다. 또한 블로거에게도 유용한 기능인데 구조적으로 글을 작성해서 검색엔진에 SEO를 어필할 수 있기 때문입니다. 다만 일일히 수동으로 목차를 넣거나, 서식으로 만들어 쓰는 것은 시간도 걸리고 비효율적입니다. 그래서 이번 시간에는 자동으로 목차를 만드는 방법을 알아보겠습니다. [블럭*HTML*], [블럭*CSS*], [블럭*JAVASCRIPT*] 수정이 필요하며 그 분야를 잘 모르시는 분들을 위해서 복사-붙여넣기만 하면 적용할 수 있도록 설명하겠습니다. 작동의 원리 구조적인 글을 작성하려면 검색엔진에게 중요한 글[각주*제목*]이라고 알려주는 H2,H4 태그로 제목-소제목을 구성해야 ..
구글 지메일에 HTML 코드 삽입해 발송하는 방법 현재[각주*2021년 3월 26일*] 기준으로 구글 메일을 발송할 때 HTML을 넣을 수 없습니다. 하지만 약간의 우회를 통하면 HTML 코드를 넣을 수 있습니다. 지메일에 HTML 넣기 지메일에 접속해주세요. 그리고 [블럭*편지쓰기*]를 눌러주세요. 그러면 위와 같이 이메일 쓰기 창이 나올 겁니다. 상술한대로 [블럭*HTML 모드*]가 없기 때문에 우회 방법을 써야 합니다. 방법은 누구나 따라할 수 있을 정도로 간단합니다. 아래의 사진을 참고해주세요. 본문을 쓰는 곳에 마우스 우클릭을 해주신 후 검사를 눌러주세요. 그러면 아래의 사진과 같이 [블럭*개발자 모드*]가 열릴 겁니다. 거기서 aria-labe="메인본문"이라고 되어 있는 부분을 찾아서 선택해주세요. 위의 사진처럼 메일본문이 있는 곳을 찾으셨..
유튜브 미리보기 썸네일 추출 후 다운로드 하기 도구 추출 도구 추출하기 콘트라텍스트 블러 그레이스케일 효과초기화 추출 방법 입력창에 미리보기 썸네일 이미지를 추출할 주소를 복사 후 붙여넣어주세요. 그 이후, 추출하기 버튼을 누르시면 아래에 추출된 이미지가 나옵니다. 이미지에 대고 우클릭 후 다운로드를 하시면 됩니다. [참고*썸네일에 필터를 적용할 수 있습니다. 원하신다면 필터 적용 후 다운로드 하시면 됩니다.*] 관련글 프로그램을 이용해 이더리움을 채굴하는 방법 크롬 다운로드 차단해제 설정 방법
