현재 대전지역 한정으로 HTML과 CSS를 무료로 교육을 진행중에 있습니다. 이제 스킨을 새로 만들기로 마음은 먹었지만 다시 처음부터 시작하려고하니 뭔가 급 귀찮아지기도 하고 그동안 버전이 올라감에 따라 정상적으로 동작하지 않는 것들이 몇 개가 있습니다. 대표적으로 폰트어썸이라고 하는 웹 아이콘입니다. 과거에는 회원 가입이 필요없었고 바로 사용이 가능했지만 이제 강제적으로 가입을 해야 사용이 가능하도록 변경되었나 봅니다. 기존 회원 중 이미 구버전의 폰트어썸을 사용중이라면 크게 상관은 없으나 만약 새롭게 HTML 문서를 만들고 폰트어썸 CDN을 사용하려면 회원 가입은 필수입니다. 폰트어썸 가입하기 https://fontawesome.com/ Font Awesome The world’s most popul..
앞서 오픈씨 가입 방법 및 메타마스크 가입 방법에 대해 안내해 드렸습니다. 또한 메타마스크에서 폴리곤 가상화폐를 추가하는 방법까지도 설명했습니다. 이제 마지막 과정입니다. 자신의 작품을 NFT화하고 이것을 오픈씨에서 판매하는 방법입니다. 어렵지 않습니다. 그대로 따라해 주시면 됩니다. 혹시 이전 과정들을 전혀 모르는 상태라면 반드시 아래의 글을 꼭 정독 후 다시 본문으로 넘어와 주시기 바랍니다. 그래야 100% 이해됩니다. NFT 플랫폼 오픈씨 회원가입을 위한 메타마스크 가입 방법 메타마스크 폴리곤 추가 방법 오픈씨 프로필 변경 방법 오픈씨 콜렉션 만들기 가장 먼저 콜렉션을 만들어야 합니다. 콜렉션은 티스토리 블로그로 비유하면 일종의 카테고리입니다. 작품에는 여러가지 종류가 있을겁니다. 크게 보자면 음악..
앞서 오픈씨 가입 방법 및 메타마스크 가입 방법에 대해 안내해 드렸습니다. 또한 메타마스크에서 폴리곤 가상화폐를 추가하는 방법까지도 설명했습니다. 이번에는 오픈씨 프로필 및 이미지 변경 방법에 대해 알아보겠습니다. 혹시 이전 강좌를 못 보신 분들이라면 아래의 글을 정독해 주시기 바랍니다. NFT 플랫폼 오픈씨 회원가입을 위한 메타마스크 가입 방법 메타마스크 폴리곤 추가 방법 이제 오픈씨에 로그인 하셨다면 빨간색 부분의 프로필 이미지를 클릭해서 원하는 이미지로 업로드를 할 수 있습니다. 또한 파란색 영역의 백그라운드 이미지도 동일한 방법으로 선택해서 지정하시면 됩니다. 더 자세한 프로필 변경은 오른쪽에 있는 톱니바퀴 모양의 아이콘을 눌러서 진행합니다. 설정 아이콘을 누르면 이렇게 메타마스크 서명 인증창이 ..
오픈씨에 이더리움의 메타마스크를 사용할경우 가스비라는 수수료가 발생합니다. 근데 이게 생각보다 쌔요. 그래서 수수료 없는 방법이 뭐가 없을까하고 알아보니 폴리곤이라는 가상화폐를 사용하면 된다는것을 알았습니다. 당장 실천해서 알아봐야겠습니다. 정말 그런지 말입니다. 혹시 메타마스크 가입을 아직 안 하셨다면 아래의 글을 읽어주시기 바랍니다. NFT 플랫폼 오픈씨 회원가입을 위한 메타마스크 가입 방법 크롬 확장자 프로그램 아이콘에 있는 메타마스크를 클릭합니다. 상단에 있는 이더리움 메인넷이라는 문구를 클릭하여 네트워크 추가 버튼을 누릅니다. 그러면 이렇게 입력창이 나오는데 아래의 정보대로 똑같이 입력해줍니다. 네트워크 이름 : Matic Mainnet 새 RPC URL : https://rpc-mainnet...
운영중인 그림 모임이 있습니다. 단톡방에서 NFT 관련 이야기가 나옵니다. 뭘까 싶어서 검색해보니 Non-Fungible Token의 약자입니다. 해석하면 대채 불가능한 토큰이라는 뜻입니다. 이더리움이나 비트코인같은 가상화폐를 이용했으며 블록체인 기술이 적용된 것으로, 많은 아티스트 분들께서 자신의 작품을 NFT화하여 온라인으로 유통을 하고 있다는것이 현재의 상황입니다. 그렇다면 어떻게 가입하고 사용하는지를 알아봐야겠죠? 궁금한건 바로 해봅니다. OpenSea (오픈씨) 가입 준비 먼저 아래의 사이트를 방문합니다. https://opensea.io/ 오픈씨는 수 많은 NFT 플랫폼 중 하나입니다. 여기가 꽤 유명하더라구요. 유명하다는뜻은 가장 사용자가 많다는 의미이므로 이곳에서 한번 개인 작품을 발행해보..
티스토리에는 용량 제한이 있습니다. 과거에는 이미지나 파일 당 용량이 10MB이상은 업로드가 되지 않았지만 최근 티스토리는 성능이 향상되었기에 그 두 배인 20MB까지 가능해졌습니다. 하지만 이 또한 그렇게 넉넉한 용량은 아닙니다. 고화질 움짤의 경우는 꽤 용량이 큰데 이런 파일들은 20MB 이상의 용량을 자랑하는 경우가 꽤 많습니다. 그렇다면 이런 이미지들은 어떻게 올리면 좋을까요? 여기에서 우리는 이미지 호스팅이라는 플랫폼을 활용할 수 있습니다. 위의 비내리는 이미지는 애니메이션 날씨의 아이에서 움짤로 만들어본 것입니다. 용량은 약 17MB여서 보시는 것처럼 티스토리에 아무렇지않게 업로드가 가능합니다. 하지만 그 이상의 이미지는 티스토리에 업로드를 할 수 없기에 제목에도 언급한 imgbb라는 무료 호..
div같은 블록박스 요소안에 백그라운드 이미지를 꽉 차게 적용하는 방법이 두 가지가 있습니다. 이미 예전에 이 부분은 잘 정리를 해두었기 때문에 본문에서는 한번 더 부족한 설명 부분을 언급하는 정도로 진행하려고 합니다. 아래의 글을 먼저 정독해 주시기 바랍니다. CSS3 백그라운드 요소: background-size 에서 contain, cover 원본비율, 중앙비율에 대하여 CSS3 백그라운드 요소: background-size 에서 contain, cover 원본비율, 중앙비율에 대하여 CSS3에서 백그라운드를 처리함에 있어서 추가적인 요소가 있습니다. 바로 contain과 cover 입니다. 이 각각의 의미는 한글로 풀이를 하자면, 원본비율과 중앙비율이라고 말씀드릴 수 있습니다. 현재 rgy0409..
불과 몇달전 일입니다. 디스코드가 유튜브 뮤직을 우회해서 들을 수 있다는 소문이 엄청 급성장했는지 유튜브측에서 이 우회 방법을 차단했습니다. 사실 알맞는 조치라고 생각합니다. 유튜브 프리미엄 사용자가 아닌 이상은 광고를 무조건 봐야하는데 디스코드로 음악을 링크해 들으면 광고가 나오지 않고 바로 음악만 쏙 청취할 수 있기 때문입니다. 따라서 기존에 꽤 유명했던 음악봇들이 이 방법이 막혀버렸습니다. 히드라봇, 프레드봇, 리듬봇, 그루비봇 안녕~ 디스코드용 음악봇으로 꽤 유명한 것들이 있습니다. 방금 열거했던 봇들이 그것입니다. 하지만 대다수의 노래봇들은 이제 유튜브의 음악을 가지고 올 수 없게 되어버렸습니다. 또한 설령 되는 봇이 있어도 너무 심하게 음악이 끊기는 현상이 있었습니다. 국내봇인 전적이봇마저....
친효스킨을 후원제로 변경한 지금! 이제 파일을 일일히 후원자 분들에게 전송하고 있습니다. 근데 이게 압축파일 첨부가 되지 않습니다. 지메일만 그런게 아니고 네이버 메일도 그렇다군요. 물론 모든 메일 서비스가 동일하지는 않습니다. 다음의 경우에는 전송이 가능합니다. 허나 언젠가는 다음메일도 막힐게 뻔합니다. 이건 보안상 어쩔 수 없는 수순인 것 같습니다. 이런 식으로 구글 지메일에서 친효스킨 파일을 첨부하면 보안상의 이유로 차단이 됩니다. 도움말을 눌러서 확인해보니 압축파일 내부에 있는 다음의 파일들이 문제가 되는 것이었습니다. Gmail에서 차단하는 파일 형식은 다음과 같습니다. .ade, .adp, .apk, .appx, .appxbundle, .bat, .cab, .chm, .cmd, .com, .c..
안녕하세요. 친절한효자손입니다. 최근 애드센스는 다시 한 번 업그레이드가 진행되었습니다. 일치하는 콘텐츠라는 광고 형태를 아시나요? 애드센스를 승인 받으면 바로 게시는 할 수 없는 광고 형태입니다. 일정 방문자(트래픽)가 어느 정도 달성되면 자동으로 광고를 생성할 자격을 부여받게되는 광고입니다. 이것이 일치하는 콘텐츠 광고입니다. 일치하는 콘텐츠 광고는 PC 해상도 기준에서 4 x 2 형태의 목록이 출력되는데 8개의 목록 중에서 5개는 광고이며 나머지 3개는 설치된 블로그의 글 목록이 출력됩니다. 대체로 랜덤인데 구글의 알고리즘에 의해 본문의 내용과 최대한 관련 있는 글이 목록화 됩니다. 애드센스 멀티플렉스 광고 애드센스에 로그인을 하시면 일치하는 콘텐츠가 사라지고 멀티플렉스 광고가 새로 자리를 잡고 있..
블록 요소를 가로 정렬할 때 display 속성을 inline-block으로 변경하면 됩니다. 가장 쉬운 방법 중 하나죠. 그러나 inline-block 속성으로 변경을 하면 한 가지 문제점이 발생합니다. 완전 치명적인 부분은 아니지만 1px 하나 하나에 민감한 레이아웃 작업에서는 다소 치명적일수도 있는 문제입니다. 여백이 생성된다는 것입니다. 아래의 예시를 봐주세요. See the Pen CSS3 - display : inline-block ; 여백 초기화 by rgy0409 (@rgy0409) on CodePen. wrap1과 wrap2의 아이디값을 가진 div 그룹이 있습니다. 각 div의 자식 요소에는 display : inline-block; 속성이 적용되어 있는 상태입니다. wrap1 그룹은 ..
HTML의 각 태그는 기본적인 속성이 있다고 말씀드린 바 있습니다. 바로 블록, 인라인, 블록-인라인 요소가 그것입니다. 혹시 이 개념에 대해 잘 모르신다면 먼저 아래의 글을 반드시 꼭 정독하시어 이해를 먼저 해주시기 바랍니다. 정말 중요한 부분이거든요. 개인적으로 이 개념이 확실히 머릿속에 적립된 시점부터 웹언어에 대한 이해도가 부쩍 향상되었습니다. 기초는 정말 정말 너무 중요하다고 생각합니다. HTML 태그 기본 분류 - 블록요소 인라인요소 HTML 태그 기본 분류 - 블록요소 인라인요소 티스토리와 함께 배우는 HTML의 세상에 잘 오셨습니다. 사람의 기억력은 한계가 있습니다. 자꾸 써먹지 않으면 언젠가는 까먹습니다. 저는 사람입니다. 즉 저도 써먹지 않으면 까먹을 수 있습니 rgy0409.tisto..
HTML은 버전이 있습니다. 이 글을 작성하고 있는 시점에서는 현재 5버전까지 출시된 상태입니다. 그렇기에 HTML5라고 명시하고 있습니다. 버전이 올라갈때마다 도태되는 태그가 있는 반면, 새로운 태그가 탄생하기도 합니다. 그 중 하나가 바로 시멘틱 태그라 불리는 녀석들인데 어떤 종류인지 바로 확인해 보겠습니다. 시멘틱 태그 종류 : 헤더 영역 : 목록 혹은 목차 영역 : 멀티미디어 영역 : 섹션. 특정 콘텐츠를 묶는 영역 : 섹션 하부의 콘텐츠 영역 : 사이드 콘텐츠 영역 : 푸터 영역 대략 이 정도가 HTML5의 대표 시멘틱 태그입니다. 현재 친효스킨은 이 시멘틱 태그를 적극 사용중입니다. 티스토리 자체에서도 태그를 본문에서 사용중입니다. 시멘틱 태그를 사용하는 이유는 직관성 때문입니다. 과거에는 원..
지난 시간에는 HTML 태그의 블록요소와 인라인요소, 그리고 두 가지 요소가 적절히 섞인 블록-인라인 요소에 대해 간략히 알아봤습니다. 개인적으로 HTML을 처음 배울 때 요소의 성격에 대한 개념을 확실히 잡고 시작했기 때문에 나머지도 쉽고 빠르게 이해할 수 있었다고 생각합니다. 그만큼 어떤 카테고리든 기초 개념은 정말 중요합니다. 혹시 요소에 대해 아직 잘 모르겠다면 아래의 글을 먼저 정독 해보시고 이 글을 보시면 더 많은 도움이 될 것이라고 생각합니다. HTML 태그 기본 분류 - 블록요소 인라인요소 HTML 태그 기본 분류 - 블록요소 인라인요소 티스토리와 함께 배우는 HTML의 세상에 잘 오셨습니다. 사람의 기억력은 한계가 있습니다. 자꾸 써먹지 않으면 언젠가는 까먹습니다. 저는 사람입니다. 즉 ..
티스토리와 함께 배우는 HTML의 세상에 잘 오셨습니다. 사람의 기억력은 한계가 있습니다. 자꾸 써먹지 않으면 언젠가는 까먹습니다. 저는 사람입니다. 즉 저도 써먹지 않으면 까먹을 수 있습니다. 따라서 백업할 공간이 필요합니다. 제 티스토리를 지식 백업 저장소로 다시 한 번 본격적으로 활용하기로 마음을 먹었습니다. 사소한 것 부터 하나 하나를 모두 다 기록할 것입니다. 이번 카테고리는 HTML에 대해서입니다. 웹문서에 대한 기본 강좌를 시작해 보겠습니다. 티스토리와 함께 배우는 HTML 소제목을 이렇게 정해봤습니다. 아무래도 제 블로그에는 티스토리와 관련된 내용이 많이 있습니다. 더불어 스킨 수정에 대한 내용도 좀 있습니다. 하지만 HTML에 대한 지극히 기본적인 내용에 대해서는 언급한적이 없더군요. 그..
최근 국세청으로부터 연락을 받았습니다. 내용은 업종 중 하나가 간이과세에서 제외된다는 내용이었습니다. 따라서 해결 방법은 해당 업종을 제거하면 된다는 안내였고 바로 홈텍스에 접속해서 사업자등록에 대한 내용을 수정했습니다. 해당 방법은 따로 글로 작성했으니 궁금하시면 아래의 글을 참고하시기 바랍니다. 홈텍스에서 사업자등록번호 업종 수정 및 삭제하는 방법 홈텍스에서 사업자등록번호 업종 수정 및 삭제하는 방법 최근 국세청으로부터 등기가 하나 도착했습니다. 내용인즉슨 간이과세자에서 일반 과세자로 자동 변경된다는 이야기였습니다. 제 사업자번호에는 두 개의 업종이 들어있는데 그 중 하나의 업 rgy0409.tistory.com 이제 수정도 완료했으니 한번 사업자등록증을 새로 출력해 봅시다. 집에서요! 사업자등록증 ..
오늘 카드 내역을 다시 살펴보니 구글로부터 8,690원이 결제가 된 것을 발견했습니다. 구글로부터 유료서비스를 이용하는건 현재는 없기 때문에 자세한 정보를 확인해보니 유튜브 프리미엄이었습니다. 현재 저는 프리미엄을 이용하고 있지 않기에... 아니, 정확히는 작년인 2021년 1월에 프리미엄 서비스를 중단했었습니다. 그런데 1년이 지난 시점에서 다시 프리미엄이 자동으로 갱신되어 활성화가 된 모양입니다. 그래서 자동 결제가 된 것으로 보여집니다. 바로 유튜브에 접속했고 결제 정보나 멤버십 취소 관련으로 알아보려니 이거 어디가 어떻게 되는지 잘 모르겠더군요. 역시 구글도 환불 과정을 참 어렵게 숨겨놓은 모양입니다. 아니면 제가 못 찾는 것일수도 있구요. 이럴때는 역시 고객센터만한게 없죠. 가장 확실하고 완벽한..
최근 국세청으로부터 등기가 하나 도착했습니다. 내용인즉슨 간이과세자에서 일반 과세자로 자동 변경된다는 이야기였습니다. 제 사업자번호에는 두 개의 업종이 들어있는데 그 중 하나의 업종 번호가 간이과세자에서 일반 과세로 변경이 되기 때문에 이런 안내문을 보낸 것입니다. 담당 세무서에 전화를하여 상담을 받았습니다. 그리고 세무서 직원은 이렇게 방향을 제시해 주었습니다. "일반 과세를 원치 않으시면 해당 업종을 빼고 나머지 하나를 주업으로 변경해 두시면 됩니다." 그렇습니다. 업종 수정을 하면 되는 상황인 것입니다. 혹시 내방해서 해야 하는건지 아니면 온라인 홈텍스에 접속해서 직접 수정할 수 있는지에 대해 물으니 온라인으로 작업이 가능하다고 해서 그렇게 하겠다고 했습니다. 수정 완료 후 다시 한 번 전화를 달라..
크롬은 정말 다 좋은데 좀 더 한국쪽 플랫폼에 신경을 써줬으면 좋겠습니다. 하긴 전체 사이트 대비 티스토리가 차지하는 비율은 완전 모래사장의 바늘과 엇비슷할겁니다. 그렇기에 이런 자잘한 오류들은 어쩔 수 없이 사용자가 수동으로 해결을 해야만 합니다. 분명 아까까지는 잘 되었던 로그인 문제가 갑자기 오류가 뜨며 발생한다면 어떻게 해야할까요? 다른 브라우저로 로그인을 할 수도 있지만 이건 정말 급할때 사용하는 히든 카드고 대부분은 이 방법 한방이면 해결됩니다. 크롬으로 티스토리 로그인 시 페이지가 작동하지 않는다며 HTTP ERROR 400 오류를 띄우면 다음과 같은 조치를 취하시기 바랍니다. 인터넷 사용 기록 모두 삭제 크롬을 실행합니다. 우측 상단의 메뉴버튼을 눌러서 설정으로 들어갑니다. 크롬 설정 화면..
유튜브의 알 수 없는 알고리즘이 하나의 영상을 보여줍니다. 해당 영상은 홈페이지를 만드는 과정을 보여주었습니다. 해외 유튜버인 것 같은데 웹아이콘을 폰트어썸을 사용하지 않고 다른 쪽 제품(?)을 사용하더군요. 다시 뒤로 돌려서 어디것을 사용하는지 살펴보니 Boxcions(박스아이콘)이었습니다. 역시 세상은 넓고 능력자는 많아요. Boxicons 설치하기 박스아이콘은 폰트어썸과 같은 웹아이콘을 제공합니다. 폰트어썸의 경우는 일부 유료지만 박스아이콘은 완전 무료입니다. 물론 언제 유료화가 될지는 모르겠지만 적어도 아직까지는 무료군요. 박스아이콘 홈페이지의 모습입니다. 아래에 링크를 걸어두었으니 바로 방문해 보시기 바랍니다. 홈페이지 방문 후 우측 상단에 있는 Usage 메뉴를 눌러주세요. Boxicons :..
현재 이 문제는 티스토리에서도 보여지는 문제입니다. 친효스킨에서도 문제입니다. 이것을 해결하기 위해서 한 달 전부터 머리를 끙끙 싸메고 노력중인데 별다른 뾰족한 방법이... 있긴 있습니다. 문제는 이게 기본 아이콘 이미지에도 영향을 준다는 부분입니다. 이게 문제인 것입니다. 현재 상황입니다. 댓글 리스트에서의 사용자 아이콘 부분입니다. 위는 기본 이미지죠. 기본 이미지의 경우는 문제 없습니다. 보시는 것처럼 정상 출력됩니다. 문제는 사용자가 프로필 이미지로 지정한 이미지의 경우입니다. 이게 친효스킨만 이러는건지 타스킨도 비슷한 상황인건지는 확실치 모르겠지만 (확인해보니 타스킨도 일부는 이미지가 흐림) 검색해보면 유독 크롬 브라우저에서 이런 현상이 발생한다는것을 알 수 있습니다. 해결은 어떻게 할까요? 아..
어떤분께서 문의를 주셨습니다. 티스토리의 특정 글에서만 광고가 노출되지 않도록 하는 방법에 대해서 말입니다. 과연 존재할까요? 그렇습니다. 있습니다. 티스토리에서 HTML 태그 수정을 하지 않고 애드센스 홈페이지에서 진행하는 매우 간단하고 확실한 방법입니다. 거두절미하고 바로 알아보겠습니다. 애드센스에 로그인 후 왼쪽 카테고리를 살펴봅니다. 광고 > 개요로 들어가서 자신의 티스토리 주소를 확인합니다. 그리고 연필 모양의 수정 버튼을 누릅니다. 맨 아래를 살펴보시면 페이지 제외라는 메뉴가 있을겁니다. 관리로 들어갑니다. 만약 한 번도 이용한 경험이 없다면 아무것도 없는 상태일 것입니다. 저 역시 그렇구요. 제외 추가 버튼을 누릅니다. 그러면 두 가지 선택 옵션이 나옵니다. 각 옵션에 대한 설명은 다음과 같..
CSS의 스타일을 적용하는 방법이 몇 가지 있습니다. 이 방법을 알아두면 좋은 이유는 스킨 수정을 원하는대로 하고자 할 때 요긴하게 사용할 수 있기 때문입니다. 자신이 직접 만든 스킨이라면 당연히 구조를 알고 있을테니까 원하는대로 뚝딱뚝딱 수정이 가능할테지만 타인의 스킨 경우는 구조 파악이 어렵고 어떻게 CSS를 적용시켰는지 알아내기가 오래 걸릴 수 있습니다. 그럴 때 스타일 적용의 우선 순위를 잘 이해하시면 원하는대로 수정을 할 수 있을 것입니다. CSS 위치에 따른 우선 순위 먼저 CSS가 어디에 위치해있는지 그 영역부터 알아봐야합니다. 외부선택자 현재 티스토리 스킨에서 기본적으로 사용하는 방식입니다. HTML 영역과 CSS 영역이 나뉘어있죠? 이것이 외부선택자입니다. 즉 CSS만의 공간을 따로 만들..
이 방법은 절대적이지 않습니다. 저도 있는 방법 없는 방법 다 동원하고 겨우 위기를 극복했던것이기에 지극히 개인적인 견해가 들어간 방법임을 밝힙니다. 먼저 단도직업적으로 말씀드리자면 파이어폭스 브라우저를 통한 접속을 통해 해결했습니다. 사건의 발단은 이렇습니다. 운영하고있는 디스코드 채널이 있는데 여기에 히드라(Hydra) 봇을 추가하려고 시도했습니다. 근데 「사람입니다」라는 문구가 나타나야 하는데 이 부분이 비정상적으로 출력되는 문제였습니다. 이걸 해결하기위해서 여러 방법을 시도했지만 모두 실패로 끝나고 말았습니다. 시도했던 방법은 다음과 같습니다. 크롬 브라우저 초기화 (쿠키 및 캐쉬 삭제, 재설치 등등) 크롬 리캡차 우회 애드온 설치 (바로가기) 멜웨어 관련 악성코드 진단 유틸리티 설치 후 체크 D..
CSS3의 선택자를 사용하는 방법 중 다중 선택이라는게 있습니다. 쉼표(,)를 사용하여 여러개를 동시 다발적으로 스타일이나 애니메이션 효과를 적용하는 방법이지요. 아래에 간단한 예시문이 있습니다. 텍스트 문장 입니다. 텍스트 문장 이에요. 텍스트 문장 이랑께. 리스트1 리스트2 리스트3 리스트1 리스트2 리스트3 이렇게 간단하게 HTML 구조를 구성해 보았습니다. 여기에서 is01부터 03까지의 클래스명을 가진 태그의 백그라운드 색상을 동시에 지정하는 CSS를 마크업 해보겠습니다. 그 결과는 아래와 같습니다. .is01, .is02, .is03 { margin: 5px; padding: 5px; background-color: #FF5544; } 이렇게하면 백그라운드의 색상이 FF5544인 16진수 컬러..
친효스킨 2.4버전 이상부터 적용되는 디데이(D-Day) 카운터 모듈에 대한 안내 겸 다른 스킨에는 어떻게 적용하는지에 대한 소개입니다. 현재 이곳 친절한효자손 취미생활 티스토리에도 적용된 기능입니다. PC 해상도 기준으로 왼쪽 사이드바에 위치한 디데이 모듈을 주목해 주시기 바랍니다. 아래의 스크린샷 이미지는 과거에 스샷해 놓은 것이기에 현재의 날짜와 맞지 않을 것입니다. 그냥 이미지로서만 봐주시면 됩니다. 두 가지의 기능을 담은 디데이 모듈입니다. 첫번째는 지정한 날짜로부터 계속 카운터가 되는 형태이며 마지막 두번째는 지정한 날짜까지의 남은 날을 계산해주는 카운터입니다. 둘 다 쓰임새가 다를 것입니다. 첫번째의 경우는 예시에서처럼 홈트레이닝 ~일째라는 것을 보여줄 때 요긴할 것입니다. 두번째는 예시처럼..
모바일 웹 퍼블리싱 작업을 위해서 HTML 문서 내에 있는 안쪽에 다음의 메타 태그를 삽입하면 두 손 가락을 사용한 핑거스냅 사용을 할 수 있습니다. 확대 혹은 축소가 가능해집니다. 친효스킨에도 다음의 메타태그가 적용이 되어 있지만 최근에 이 메타태그가 업데이트가 된 모양입니다. HTML는 웹문서로서 버전이 있는데 시간이 지날수록 버전은 올라갑니다. 그러면서 잘 쓰이지 않는 구형의 코드들은 점점 사라지고 있습니다. 새롭게 추가되는 신형 태그(요소) 혹은 메타태그들이 있으면 기왕이면 사용해주는것이 좋을 것입니다. 앞으로의 무궁한 발전을 위해서지요. 거두절미하고 어떤 메타 태그인지 살펴보겠습니다. 뷰포드 살펴보기 구형 : 신형 : 친효스킨에서는 구형의 메타 뷰포트 코드가 삽입되어 있습니다. 작년까지는 정말 ..
현재 유플러스 1기가 인터넷을 사용하고 있습니다. 이제 겨우 1년이 조금 넘은 것 같군요. 만족하고 사용 중입니다. 특히 대용량 파일을 받고 보낼 때 매우 유용합니다. 확실히 속도가 빠르긴 하네요. 그전까지는 100메가 회선을 사용하고 있었는데 보통 다운로드 속도가 정말 잘 나오는 날이면 10MB/s 정도였습니다. 그러면 1기가니까 당연히 100메가의 열 배의 속도겠지요? 이론상으로요. 하지만 기가인터넷의 실제 다운로드 속도는 정말 잘 나와봐야 80MB/s 정도였습니다. 90을 찍었던적은 한 번도 없습니다. 즉 100메가 대비 7~8배 정도의 속도 상승 효과를 가지고 왔다고 볼 수 있겠습니다. 금액 부분으로 비교해보면 어떨까요? 현재 유플러스 TV와 인터넷을 3년 약정으로 묶어 사용중입니다. 월 사용료는..
지난 시간에 아마존 어소시에이트 수익금을 페이오니아로 입금 받는 방법에 대해서 알아봤습니다. 사실 별거 없고 그냥 페이오니아로부터 개설된 미국 가상 계좌를 아마존 어소시에이트 정보에 그대로 입력하면 되는 것이었습니다. 혹시 놓치신분이 계신다면 아래의 글을 먼저 정독 후 이 글을 보시면 더욱 도움이 될 것입니다. 아마존 어소시에이트 수익을 페이오니아 계좌로 송금 받는 방법 Payoneer 달러 to 한국의 은행으로 송금 받기 페이오니아에 수익금이 쌓였다면 이제 한국에 있는 자신의 주 거래 은행으로 계좌 이체를 해봅시다. 참고로 본문에서는 KEB 하나은행을 예로 들고 있습니다. 페이오니아에 접속합니다. 잔액 부분에 보시면 카드 신청하기와 인출하기 메뉴가 있습니다. 당연히 인출하기로 들어갑니다. 기존 등록 은..
제목이 좀 길어졌습니다. 어떻게 압축하면 좋을지 모르겠어서 그냥 생각나는대로 입력했습니다. 이 문제는 최근에 과외를 하다가 발견한 것입니다. 처음에는 티스토리 문제인 줄 알았는데 아니었습니다. 구글 크롬에서 발생하는 문제입니다. 혹시 또 크로미움 엔진 버그인건가 싶어서 엣지나 웨일 브라우저에서도 테스트를 해봤는데 이 문제는 발생하지 않았습니다. 그렇다면 이것은 크롬 브라우저 자체의 문제라는 뜻입니다. 검색해보니 다양한 해결책이 있었습니다. 한컴 오피스 설치 시 자동으로 세팅되는 한컴 키보드와의 충돌 문제라는 이야기도 있고 단순 스크립트 오류여서 고클린같은 정리 프로그램을 사용하면 된다는 분도 계셨습니다. 허나 이 방법이 가장 확실합니다. 저도 현재 이 방법을 통해 깨끗하게 문제를 해결했습니다. 이 오류의..