TREASURE408

• 

  포스팅을 할 때 사진을 극적으로 줄이는 완벽한 방법! WebP (단순 용량 압축 X ) 오늘은 티스토리나 웹사이트에 포스팅을 작성할 때 사진을 많이 사용하게 되는데, 게시글의 속도가 느려지며 구글 SEO(검색 엔진 최적화) 적으로 굉장한 마이너스를 받게 되며 구글 상단 노출의 기회를 놓칠 수 있습니다. 그렇기 때문에 포스팅을 하기 전 사진의 용량을 줄이는 작업을 필수적으로 하시는 게 좋습니다. 보통의 방식은 PNG 나 JPG 같은 파일을 압축해 용량을 줄이는 방법을 사용할 수 도 있지만, 오늘은 WebP라는 파일에 대해 알아보며 이 파일들의 형식과 압축률에 대해 비교해보려 합니다. JPG & PNG & WebP 란? JPG, PNG 차이 및 장단점 JPG/JPEG는 PNG 파일에 비해 압축률이 뛰어납니다. 하지만 아래 처리과정을 보면 어떠한 단점이 있는지 알 수 있습니다. 쉽게 말해 말하면.. TIP/CSS & Tistory 2022. 3. 19.

• 

  (티스토리) 미넴스킨 - BGM 넣는 방법 및 스킨을 업데이트해도 스킨 설정 유지하는 방법! 오늘은 제 블로그에서 사용하고 있는 미넴 스킨의 기능 중에 하나인 BGM 넣는 방법에 대해 자세히 알려드리려고 합니다. 그리고, 만약 미넴 스킨의 버전이 업데이트되어 새롭게 적용할 때, 스킨 편집 부분의 설정 내용이 초기 설정으로 돌아가서 BGM 을 포함해 직접 설정한 값을 다시 넣어야 되는 경우가 있습니다. 어떻게 이 값을 본인의 값으로 저장할 수 있는지도 알려드리겠습니다. 미넴 스킨 BGM 적용 방법 사실 미넴 스킨 BGM 변경 방법에 대해서는 아미넴님의 블로그에 이미 포스팅이 되어있습니다. 하지만 글을 확인하지 못하신 분들이 꽤 있으신 거 같더라구요..! 그래서 어떻게 설정해야 하는지 설명드리겠습니다. BGM 업로드 미넴 스킨에 BGM을 넣기 위해서는 당연히 .mp3 파일을 업로드해야 합니다. 해당.. TIP/CSS & Tistory 2022. 3. 19.

• 

  (기록) 로딩화면을 위해 GIF 이미지를 처음으로 직접 만들어 보았다..! 로딩 화면을 위해 GIF를 직접 만들어본 후기 티스토리를 스킨을 꾸미면서 로딩 화면 아이콘을 찾던 도중 아래 gif 이미지를 발견했는데, 나름 쓸만하다고 생각했었어요 그런데 문제점은 배경색! 이 배경색을 없애기 위해 gif 파일을 개별 파일로 뜯고, 그 뜯은 파일을 png 형식으로 바꾸고, 바꾼 png 파일을 캐릭터 하나 빼고 크롭 하고, 그 파일 120장을 전부 포토샵으로 불러와서 하나하나 배경색을 지워줬습니다. 진짜.. 개고생 했습니다. 근데 결과는 스킨이 흰색일 때는 아무런 문제가 없지만 저는 검은색을 사랑하는 사람으로서 검은 배경일 때 테두리에 하얀색 도트가 너무 많이 찍힌다는 게 너무너무너무너무 걸렸습니다. 그래도 만들었으니 사용하려고 했죠. 근데 이게 사람 마음이라는 게 한번 정 떨어지니까 바.. PLAY/잡담 2022. 3. 18.

• 

  (티스토리) 스킨 편집 자바스크립트 및 CSS가 많을 때 한 파일로 몰아넣는 방법! 이번에는 티스토리의 스킨에서 HTML부분 자바스크립트 및 CSS가 너무 길 거나 많을 때, HTML 부분을 깔끔하게 한파일로 넣고 호출하는 방법까지 알아보도록 하겠습니다. HTML의 자바스크립트가 너무 많거나 중복되면 구글 SEO에 안 좋기 때문에 해당 방법을 사용하는 것을 추천드립니다. 만약 티스토리 스킨 편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com 스킨 편집 자바스크립트 및 CSS 정리 방법 파일 생성 HTML에서 자바스크립트를.. TIP/CSS & Tistory 2022. 3. 17.

• 

  (티스토리) 카테고리 새 글 발생 시 나오는 NEW 아이콘 변경하는 방법 - 아이콘 첨부! 티스토리에서 새 글을 발행하면 카테고리에 아이콘이 생기는 것을 확인할 수 있는데, 이번에는 이 애매하고 예쁘지도 않은 아이콘을 원하는 이미지로 변경하는 방법을 알아볼까 합니다. 직접 일러스트레이트로 따와서 SVG 파일로 변경한 이미지 파일도 첨부합니다! 많은 분들이 이미 알고 계신 줄 알았는데 댓글로 요청해주셔서 이번 기회에 포스팅해봅니다! 만약 티스토리 스킨 편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com 카테고리 새 글 아이콘 변경.. TIP/CSS & Tistory 2022. 3. 16.

• 

  (티스토리) 스킨 편집 기초 상식 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스킨 편집 기초 상식 스킨 편집 경로 티스토리에서 스킨을 편집하기 위해서는 관리 페이지로 가야 합니다. 관리 페이지로 가는 방법은 다양한데 아래와 같이 할 수 있습니다. https://본인의 티스토리 주소.tistory.com/manage 본인의 티스토리에서 단축키 Q 블로그 상단 프로필 또는 적용된 스킨에서 '관리' 버튼 클릭 관리 페이지에 오셨다면, 왼쪽 박스에서 꾸미기 ➜ 스킨 편집 ➜ html 편집을 차례로 눌러줍니다. 그러면 HTML / CSS / 파일업로드 탭이 오른쪽에, 왼쪽에는 프리뷰 창이 나오게 됩니다. HTML HTML은 블.. TIP/CSS & Tistory 2022. 3. 15.

• 

  (잡담) iOS 15.4 유니버설 업데이트 출격! 오늘 드디어 iOS 15.4, iPadOS 15.4, macOS Monterey 12.3이 업데이트되었다는 소문을 듣고 급하게 아이폰, 아이패드, 맥북 소프트웨어 업데이트 창을 켰습니다. !!!!!!!! 우옥우 옥!! 드디어 15.4버전이 나왔다니.. 제가 이토록 반기는 이유는 바로 '유니버설 컨트롤' 기능과 마스크 쓰고 Face ID 잠금 해제 기능 ㅠㅠㅠㅠ 안타깝게도 마스크를 쓴 상태로 Face ID 기능을 사용하려면 iPhone12 이후 모델만 가능합니다. 유니버설 컨트롤은 트랙패드 나 키보드로 Mac 하고 iPad를 제어할 수 있는 기능인데, 이게 대박인 게 뭐냐면요... 저는 아이패드는 블루투스 키보드, 맥북은 매직 키보드와 트랙패드 항상 이렇게 세 개를 가지고 다녔다 이 말이죠 ㅠㅠㅠ 그런데 .. PLAY/잡담 2022. 3. 15.

• 

  (티스토리) 사이드바 카테고리 접기/펼치기 버튼 구현하기! 오늘은 사이드바 카테고리 접기 및 펼치기 기능을 구현하면서 어떻게 적용시키는지 알아보도록 하겠습니다. 사이드바 카테고리 접기 및 펼치기 버튼 구현 티스토리에서 기본적으로 제공하는 카테고리는 보통 펼쳐진 상태입니다. 만약 본인이 사용하는 스킨에 카테고리 접기 및 펼치기 스크립트 기능이 없다면 카테고리의 서브메뉴가 길어지면 길어질수록 가독성도 그렇고 상당히 보기 지저분해지는 경향이 있습니다. 만약 티스토리 스킨편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.t.. TIP/CSS & Tistory 2022. 3. 15.

• 

  [애드센스] 광고 크롤러 오류? 수익 손실 발생! 해결방법 애드센스를 사용하다 보면 애드센스 보고서에서 '광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다.'라는 경고창이 나올 때가 자주 보일 때가 많습니다. 오늘은 이 크롤러 오류가 무엇이며 어떻게 해결해야 하는지 알아보겠습니다. 애드센스 광고 크롤러 오류 크롤링이란? 대부분의 검색 엔진에서는 크롤링이라는 걸 하는데, 이 크롤링은 간단히 말해 각 플랫폼(구글, 네이버, 다음 등)에서 어떠한 문서 및 게시글을 가져가는 그 행위를 크롤링이라고 합니다. 사실 웹사이트는 상당히 프라이빗 공간 입니다. 그래서 아무나 가져가도 되는 것이 있고 안되는 것이 있죠. 예를 들어 우리들은 검색엔진 플랫폼에게 '내 모든 게시글을 가져가서 게시해줘!'라고 생각하겠지만 사실 그렇지만은 않습니다. 게시글 같은 경우.. TIP/CSS & Tistory 2022. 3. 13.

• 

  우크라이나 키이우 인근 일부 반격 성공 속보 안녕하세요. CIS 국가에서 유학 중인 현재 우크라이나와 러시아의 전쟁으로 안타까운 소식들이 많이 들려오고 있습니다. 그래서 우크라이나 전쟁 상황에 대해 포스팅해보려고 합니다. 2022년 3월 10일 키이우 인근 러시아군이 대부분의 영토를 장악했지만, 우크라이나군이 일부 반격에 성공했다는 속도가 들려왔습니다. 참고로 키이우(Київ, [ˈkɪjiu̯])는 우크라이나어로써 러시아식 발음인 키예프(Киев)를 사용하는것은 지양하는것이 좋습니다. 우크라이나 키이우 인근 일부 반격 성공 우크라이나 72기계화보병여단이 키이우 지역에서 러시아 군을 격파하는 데 성공했다는 소식입니다. 우크라이나군은 밤 시간대에 키이우 인근에서 반격을 가해 러시아군의 탱크 5대를 파괴하는 데 성공했다고 NEXTA가 소식을 전했습니다... ISSUE/Info 2022. 3. 11.

• 

  2차 소상공인 방역지원금 신청 방법, 지원대상 및 기간 총정리! 얼른 신청하세요 2차 소상공인 방역지원금 안내에 관한 문자를 받으신 분들이 헷갈려하시는 2차 소상공인 방역지원금 신청 방법에 대해 알아볼까 합니다. 2차 소상공인 방역지원금 사업 목적은 코로나 19 재확산으로 인한 방역조치 강화로 어려움을 겪고 있는 2차 소상공인과 소기업 등의 피해 회복 및 방역지원을 하는 것을 목적으로 두고 있습니다. ​2차 소상공인 방역지원금 지원 대상 매출 감소 또는 감소가 예상되는 2021년 12월 15일 이전 개업한 2차 소상공인, 소기업 연매출 10억을 초과 30억 이하 사업체​ 지원 금액은 사업체 당 300만 원 정액 지급입니다. 현재도 2차 소상공인 방역지원금 신청이 가능합니다. 또, 100만 원 및 300만 원에 대한 지원이 아직 끝나지 않으며, 1~5차를 받은 분들은 대부분 포함 대상.. ISSUE/Info 2022. 3. 10.

• 

  [제 20대 대통령] 윤석열 대통령 10대 공약 정리 2022년 3월 9일 대한민국의 20대 대통령으로 윤석열 후보자가 당선(이하 '윤석열 대통령') 되었습니다. 윤석열 대통령이 후보 시절 발표한 선거공약서의 10대 비전과 분야별 공약들이 어떤 것이 있었는지 알아보도록 하겠습니다. 윤석열 대통령 10대 공약 정리 윤석열 대통령이 이끌 대한민국의 호의 방향은 어떨까? 윤석열 대통령은 후보 시절 '국회 세종의 사당이 차질 없이 개원되도록 하고, 청와대 제2 집무실을 설치해 세종시를 명실상부한 행정수도로 만들겠다' 고 언급했었고, '세종은 우리 국토의 중심이자 행정의 중심이고, 앞으로의 의사당과 대통령의 집무실까지 이전하면 명실공히 정치의 중심이 된다'라고 강조하며 충청권의 지지를 호소하기도 했었죠. 또, '일자리야말로 최고의 복지'라고 강조했었는데, '지속 가.. ISSUE/Info 2022. 3. 10.

• 

  2022년 구글 상위 노출! SEO(검색 엔진 최적화) 최적화 글쓰기 방법 SEO(검색 엔진 최적화) 오늘은 수익형 블로그의 시작인 구글 상위 노출에 관련한 SEO(검색 엔진 최적화) 글 쓰는 방법에 대해 알아볼까 합니다. 우선 블로그를 하시는 분들의 대부분의 목표가 구글에 어떠한 키워드 검색했을 때 1페이지의 상단 쪽에 자신의 블로그 게시글이 노출되는 것입니다. 당연한 말이지만 2페이지가 넘어가게 되면 그만큼 노출될 가능성도 적어지며, 1페이지 상단의 게시글과의 경쟁에서 많이 밀리게 되기 때문이죠. 그렇다면 이 SEO(검색 엔진 최적화)에 맞는 글쓰기는 무엇일까요? 구글 SEO가 좋아하는 구조 포스팅하려는 내용의 정확한 정보 포스팅 하려는 내용의 정보를 글쓴이가 잘 파악하고 있어야 한다. 아주 기본적인 말이지만, 이 안에 들어있는 의미는 포스팅하려는 내용의 정보를 블로거분들이.. TIP/CSS & Tistory 2022. 3. 10.

• 

  (카카오뷰) 요즘 대세! 카카오뷰 생성 및 친구 추가 늘리기(맞추) 카카오뷰 요즘 대세로 떠오르고 있는 카카오톡의 카카오뷰라는 새로운 플랫폼이 있는데, 카카오톡답게 티스토리를 연동해서 자신의 블로그에 카카오톡을 사용하는 많은 유저들의 유입을 늘릴 수 있는 제2의 도약점을 제공해주고 있습니다. 티스토리는 물론, 유튜브, 브런치 등을 보드로 발행할 수도 있습니다. 또한 링크를 통해 타인이 발행한 게시글도 보드로 발행 할 수 도 있기 때문에 카카오뷰에서의 수익창출 및 블로그에서 애드센스 수익창출까지 두 마리 토끼를 모두 잡을 수 있는 장점이 있습니다. 창작센터에서 보드 만들기 우선 카카오뷰를 사용하기 위해서는 채널을 생성 해야 합니다. 채널 개설하기 카카오뷰 창작센터에서 채널을 생성할 수 있는데, 기존 카카오 계정이 있다면 아주 쉽게 채널을 만들 수 있습니다. 만약 브랜드 계.. TIP/CSS & Tistory 2022. 3. 9.

• 

  (애플) 2022년 3월 이벤트 아이폰 SE, 아이패드 에어, 맥스튜디오 등 가격 및 출시일 총정리! 3월 애플 이벤트 3월 9일 새벽 3시에 애플 이벤트에서 새롭게 발표한 제품에 대해 정리해볼까 합니다. 아이폰 13 새로운 색상 출시 아이폰 13에서 새로운 색상이 출시되었는데 미드나잇 그린보다는 더 어두운 그린 색상이 아이폰 13프로와, 아이폰 13 라인업에 모두 출시되었습니다. 이 색상은 '알파인 그린'이라는 네이밍으로 출시된다고 합니다. 가격 및 출시일 아이폰 13 프로는 ₩1,350,000원 부터 시작되고, 아이폰 13은 ₩1,090,000원 부터 시작합니다. 그리고 한국에는 3월 18일 오전 9시부터 사전예약을 실시되어 3월 25일부터 제품을 받을 수 있다고 언급했습니다. A15 바이오닉이 탑재된 아이폰 SE Apple이 iPhone SE 이후로 약 4년 만에 공개한 후속작인 iPhone SE .. ISSUE/Info 2022. 3. 9.