PC Geek's

메모해 둡니다. 저는 "어디에 쓰는 물건인고?"라고 ㅎㅎ 티스토리 스킨만들기https://tistory.noo9ya.com/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%EB%A7%8C%EB%93%A4%EA%B8%B0 https://mini-sugar.tistory.com/37 구글 검색: 티스토리 반응형 스킨 제작 반응형스킨위주로 스킨제작, 편집에 참고가 되는 글입니다.

동네마트들이 한 달에 한 번꼴, 또는 매일 세일 문자를 보내준다. iot 를 활용한 비콘까지는 아니라도, 크든 작든 동네 독립마트들도 살아남으려고 많이 애쓴다. 그렇게 해야 존재를 알리고 주의를 끄니까. 1.전에는 전단만이었고 지금도 전단배포를 하지만 요즘 전단은 등록된 고객카드 주소지를 봐서 아니면 그냥 가까운 곳에만 배포하고 나머지는 매장에 두는 식으로 하는 듯. 매장에 쌓아두는 전단이 줄었다. 몇 년 전까지는 세일하면 전단을 신문에 끼워 왔지만 이젠 돌리는 경우에는 그냥 붙이고 간다. 하지만 옛날에는 세일은 한 달에 일주일 정도 하기도 했는데 요즘은 열흘이나 2주씩 달에 두 번 하기도 한다. 즉 연중 세일. (경쟁이 매우 치열하고 그래서 컨셉을 달리 잡았는지 어떤 마트는 세일행사와 전단을 없앴다. ..

티스토리앱은 편리하지만, 매 글을 새로 작성하기 전에 앱을 완전히 종료하고 새로 실행해야 안전함. 그리고 글작성 중에 다른 무거운 앱(탭이 많이 열린 웹브라우저 등)을 열면 좋지 않음. 리프리쉬된 경우 앱이 연결을 잃어 작성하던 글을 저장하지 못하는 일이 종종 생김. 그리고 글작성화면에서 범위 지정은 한 문단씩만 가능. 따라서 위와 같이 저장안될 때 본문텍스트를 모두 복사하려면 한 문단씩 복사하거나 빈 줄을 없애고 한줄만들었다 엔터치는 식으로 모든 텍스트를 한 문단으로 인식시킨 후 범위지정해 복사. ps.21일에 앱 업데이트됐습니다. 저 사용기는 그 전에 쓴 것입니다. ps갱신합니다.업뎃한 다음에도 마찬가지군요. 앱이 이런 화면일 땐 글쓰지 마세요.이렇게 주화면이 하얀 공백이고아래 버튼줄만 보일 때가 글..

티스토리 앱은 그런 대로 좋지만 아직은 약간씩 부족한 면이 보입니다. 나온 지 얼마 안 됐으니 차차 나아지겠죠. 지금 당장 바라는 건 본문 편집기에 raw모드 또는 html 편집기 모드가 있으면 좋겠다는 거. (나무위키에 마크다운모드와 함께 raw모드가 있는 것처럼 말입니다) 편집기에 자잘한 버그가 보이는데 그걸 고칠 때까지 혹은 마이너한 거라 놔둘 거라면 사람들이 알아서 우회하도록.. 그리고 편집기에 주석(각주)넣는 기능이 아직 없더군요. 이것 역시 html편집모드가 있으면 꼭 팔요한 사람은 알아서 을 넣어 쓸 것입니다. 아, 마크다운모드가 기본인가요? 주석넣기 코드를 넣으니 입력되네요. 좋습니다. 만세! 가끔 리프레쉬될 때 화면이 다 안 나오면 백버튼을 연타해 종료한 다음 다시 실행해주면 됩니다. 화..

편하다. 그래서 모바일에서도 블로깅을 할 수 있게 되었다. 티스토리는 PC웹 새편집기에서 아직 그림편집을 지원하지 않고 업로드만 지원하는데, 모바일의 편집기 역시 마찬가지다. 그래서 모바일에서 블로깅하려면 그 좁은 화면에서 이미지편집할 수 있는 앱을 따로 하나 가지고 있어야 한다. 전화기 기본 이미지편집기는 겨우 crop정도에 잘해야 선긋기, 얼굴가리기 정도니.. 어쨌든 지금 상태로도 꽤 유용하고, 댓글알림도 해주고 해서 편한데, 티스토리 제공 스킨을 써도 뷰화면에서 모바일 레이아웃을 다 보여주지 못하는 단점이 있기는 하다. 이건 별로 불편하진 않으니 차차 나아지겠지. 그리고 버그라고 해야 하나, 모자란 부분도 있다. 버그가 생긴 부분은 PC웹으로 로그인해서 고쳐야 한다. 예를 들어, 그림업로드하다 어떤..

새 에디터에 반영되면 좋겠다 싶은 부분(구 에디터에서도 지원되지 않는 내용) 1. 예약발행할 때 날짜 시간을 직접 입력하는 창에서,구분점은 공백문자든 "."이든 ":"이든 뭐든 숫자만 아닌 1바이트 문자면 인식하게 하면 어떨까. 이건 특별히 바뀌지 않아도 상관없지만. 2. 태그입력화면에서,최근사용태그를 표시해주는 부분은 좋은 기능.그런데 전에 지원해주던, 태그 자동완성기능이 없어진 것은 아쉬움. 예를 들어, "인터넷저장공간"이라고 쳤는지 "인터넷 저장공간"이라고 쳤는지 모를 때, 자동완성 후보태그 목록이 나오면 편하다. 태그를 더 유효하게 활용해 글을 분류하는 데 도움이 된다.

*2019.12) 새 편집기도 그런지 모르겠습니다만..일단 구편집기이야기입니다. 그러니 고쳐달란 얘기는 아닙니다. 이런 식으로, 글을 쓰다가 html편집모드로 보면 태그가 막 달라붙어 복제되는 일이 있습니다. - 이미지/파일을 삽입하거나- 외부에서 텍스트를 복사해 넣을 때 그렇게 되는 것 같더군요. 다른 모 블로그 서비스의 편집기도 비슷한 현상을 보이는 걸 본 적 있어서, 아마 웹브라우저가 업데이트되며 블로그 편집기와 미스매치가 생긴 게 아닌가하는 짐작을 했습니다. 일단 내용을 보여주는 건 지금은 깨지지 않기 때문에 결벽주의자가 아니라면 무시해도 상관없습니다. html 소스가 기껏 몇십에서 몇백 바이트가 덧붙고 렌더링할 때 조금 복잡해지겠지만 설마 그 정도로 CPU를 더 먹진 않을 테니까요. (2020...

모 커뮤니티에 올라와서 흥미롭게 본 글입니다. 원 출처인 글쓴이 블로그를 링크합니다. [아마존 KDP (개인 출판) 경험기] 누구나 무료로 책을 출판 할 수 있습니다. https://charlychoi.blogspot.com/2020/01/kdp.html 아마존의 저 서비스를 통해 전자책을 출판해 판매할 수 있고, 글쓴이의 얘기로는 아마 영문일 경우에 한하는 것 같지만 전자책을 출력해서 아마존이 책으로 만들어 파는 서비스도 활용할 수 있다고 합니다. KDP는 아직 한국어는 공식지원하지 않는다고. 아마존에 책을 올리면 아마존이 사이트를 연 13개국 온라인몰에서 모두 판매됨. 전자책 수수료는 판매가가 2.99~9.99달러 사이일 때 퍼블리셔(개인출판이라면 저자)에게 주는 '로열티'는 70%. 그 외 35%라..

요즘은 구글 블로그도 세련되게 꾸며 잘 쓰는 분들이 많습니다. 특히 티스토리가 백업을 지원하지 않게 된 뒤로, 실력있으면 고칠 여지가 많다는 구글로 옮긴 분이 늘었다고 합니다. 저는 실력이 없어서 그런 건 꿈꾸지 못하지만. 하여튼.. 별로 고치지 않고 기본제공기능만 사용해도, 요즘은 몇 년 전처럼 허접한 블로그 레이아웃을 보여주지는 않는 모양입니다. 예를 들어 이런 블로그 https://charlychoi.blogspot.com/2020/01/kdp.html도 나름 깔끔합니다. 욕심내지 않으면 글자 그대로의 blog로서는 괜찮죠. 하지만 단점도 있는데, 몇 가지 꼽아봅니다.이 글에서는 레이아웃, 테마 불만은 적지 않습니다. 블로그 관리화면과 글쓰기 화면 로딩이 깁니다.태그(레이블)을 자유롭게 써서 많아지..

(2020년 1월 기준입니다)자신의 네이버 블로그에서 "관리" 링크를 클릭합니다. 작은 글씨지만 보일 겁니다. :) 아래 관리화면에서 "기본 설정"> "사생활 보호" 섹션 아래 블로그 초기화를 클릭하면, 아래 화면이 나옵니다. (클릭하면 원래크기) 이렇습니다. 티스토리/구글 블로거와 달리 즉시초기화는 아니고 예약. 24시간으로 정하고 신청버튼을 클릭하니, 휴대폰 SMS인증을 받아 확인받습니다. 이런 식입니다. "초기화는 안내된 예정일 새벽에 진행됩니다"라고 위에 적혀있군요. 그러니까 24시간으로 하면 다음날 새벽(새벽은 00시라는 뜻은 아닙니다). "초기화신청한 다음에 블로그는 비공개처리된다"고 위에 적혀있군요. (로그인한 사람 화면에는 보입니다) "블로그초기화"라는 것이, 빈 블로그를 표시하는지 아니면..

컴퓨터를 사용한 툴과 인공지능관련 내용 온라인 강의가 있는 개인사이트입니다. 운영자는 관련 학위를 받았고 책을 낸 적 있습니다. 내용말고도 웹사이트가 무척 깔끔하고 글꼴과 본문 표현도 종이책보는 느낌이라서 구성을 본받을 만 합니다. https://datascienceschool.net/ 파이썬/ 회귀분석과 시계열분석/ 머신러닝/ 딥러닝/ 데브옵스(도커) / 수학 배경지식

버튼을 누르는 순서에 따라 다르게 표현됩니다. :) 티스토리 구형 편집기의 밑줄긋기 기능에 대해 이렇게 적은 다음에, A.티스토리 구형 편집기의 밑줄긋기 기능에 대해: 밑줄을 긋고 글꼴 색상을 정하면 이렇게 됩니다. B.티스토리 구형 편집기의 밑줄긋기 기능에 대해: 글꼴 색상을 정하고 밑줄을 그으면 이렇게 됩니다. 티스토리 구형 편집기의 밑줄긋기 기능에 대해 : 이건 글꼴색을 파랑으로 한 다음에 위의 A와 같은 순서로 버튼을 누른 것입니다. 즉, 버튼누를 때는 선택된 텍스트의 글꼴색으로 밑줄을 긋는다는 말. 스킨을 건드리지 않으면 보통 아래와 같이 나옵니다(스킨에서 그걸 신경써준 경우는 제외). 하지만 지금 제 스킨에서는 밑줄 스타일을 색까지 고정해놔서 색이 적용되지 않는군요. 이런 속성적용 순서는 글꼴..

태그의 항목, 그 외 태그의 본래 속성을 다르게 바꿀 때. 줄대신 옆으로 나열되게. 예를 들어 이 블로그의 태그목록.https://www.google.com/search?q=display%3Ainlinedisplay 속성과 visibility 속성 https://aboooks.tistory.com/85https://mainia.tistory.com/3295?category=591853 CSS Layout - display: inline-block https://www.w3schools.com/css/css_inline-block.aspCSS display Property https://www.w3schools.com/cssref/pr_class_display.aspCSS: Cascading Style S..

이거 잘 만들었는데, 티스토리 블로그에 적용할 방법이 없을까..자바스크립트만으로 가능할까?back버튼을 눌러 돌아가는 URL을 변경하는 언론사 웹사이트가 많은 걸 보면 바로 앞 주소는 자바스크립트에서 구할 수 있을 것 같다.

언제나 그렇듯, 스킨을 고쳐가며 적고 적어가며 알게된 내용. font-stretch 속성은 장평, 즉 "A"나 "가"같은 글자의 가로폭을 늘였다 줄였다 한다. 하지만, 모든 글꼴에 대해 적용되지 않는다. 글꼴 파일에 정의된 폭이 있을 때만 적용되므로, 특정 웹폰트를 임베딩할 때처럼 결과가 분명할 때만 사용할 것. 출처: https://www.w3schools.com/cssref/css3_pr_font-stretch.asp(매우 유용한 곳이지만, 열어놓고 방치해두면 웹페이지가 가끔 cpu를 잡아먹는 사이트 중 하나. 오래 켜놓지는 말 것)https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch width, min-width, max-width 는 글자 ..

(2019.12.05) 공지글이 떴군요. 이달 내 다운받을 수 있도록 공개하겠다고 하며, 빠르면 다음 주말까진 올려준다고 합니다. https://notice.tistory.com/2518 출시 일정2019년 12월 9일 월요일 대상 OSAndroid, iOS 업데이트 주의사항기존 앱에서 임시 저장해 둔 글은 업데이트 시 보존 되지 않습니다. 기존 앱 내 임시 저장 글의 보존이 필요할 경우, 업데이트 전 작성을 완료해 주시거나 비공개 글로 발행을 권고합니다. 부득이하게 글을 발행 하지 못할 경우 기타 문서 백업용 애플리케이션(메모장, 워드프로세서, Html 에디터 등)을 활용하여 미리 저장하여 주시기 바랍니다. 통계와 알림을 개선하고 구독∙피드를 추가했습니다. 많은 이용자 여러분의 바람이었던, PC 작성 ..

스포카 한 산스의 저용량 서브셋은 한글 완성형을 기본으로 약간 추가된 글꼴입니다.매우 작은 용량으로 웹페이지 로딩에 걸리는 시간이 짧은 것이 장점입니다. 2015년에 공개되었으며, 무료로 사용할 수 있습니다. (전에 적은 글) 오픈소스 라이센스라고 합니다. 지금 사용 중인 스킨이 이 글꼴을 기본으로 쓰기에, 한 번 써보기로 했습니다.https://spoqa.github.io/spoqa-han-sans/ko-KR/ 2.0버전 기준으로 스포카 한 산스 KR오리지널스포카 한 산스 KR서브셋 (매우 가벼운 - 용량이 작다는 - 글꼴은 이것입니다)스포카 한 산스 JP오리지널스포카 한 산스 JP서브셋 모두 다운받으면 140MB정도(압축풀면 270MB)가 되고, KR서브셋만 받으면 4.7MB정도입니다. 그 중 레귤러..

엘리멘트 자리와 패딩, 마진을 지정할 때 DIV가 먹히지 않으면 table로 둘러치면 먹히는 경우가 있음. CSS Tableshttps://www.w3schools.com/css/css_table.asp width, height borderborder-collapse, border-spacing padding text-align, vertical-align color background-color empty-cellstable-layout 배경이미지https://aboooks.tistory.com/162background-imagebackround-repeatbackground-positionbackground-size (쓸만한 게 있다) background (위의 백그라운드관련 여러 속성을 한 번에 지..

박스-쉐도우(box-shadow): 박스에 그림자나 비대칭두께 선, 장식을 넣을 때.그라데이션(계조)넣기 됨. https://developer.mozilla.org/ko/docs/Web/CSS/box-shadowhttps://www.google.com/search?q=box-shadow :visited selectorhttps://www.w3schools.com/cssref/sel_visited.asphttps://www.google.com/search?q=css+%3Avisited 질문)id (#)와 class(.)의 차이는?예를 들어, id는 매크로, class는 서브루틴이란 식으로 이해해도 되나?단순히 그런 건 아님. https://thrillfighter.tistory.com/487style > ..

티스토리 스킨에 들어가는 이미지와 배너를 편의상 블로그글에 올려놓고 사용할 때, 특히 http주소로 IMG, url()에 넣어둔 경우에는 그냥, '안전하지 않다'며 웹브라우저가 주소창에 느낌표를 띄우는 게 요즘 기본인 듯. 문득 보니 내 블로그에도 붙어있다. 아래는 Mozilla Firefox. "더 알아보기"를 클릭하면 아래 링크: Firefox의 혼합 컨텐츠 차단https://support.mozilla.org/ko/kb/mixed-content-blocking-firefox?redirectlocale=ko&as=u&redirectslug=how-does-content-isnt-secure-affect-my-safety&utm_source=inproduct "더 보기"를 클릭하면 어떤 이미지가 htt..

초보거나 오랜만에 건드릴 때 착각할 수 있는 부분. 티스토리 관리자 화면에서 스킨 편집을 누르면 스킨편집 화면으로 들어가는데, 여기서 알다시피 화면 왼쪽은 미리보기, 오른쪽은 편집창입니다. 편집창은 HTML 탭, CSS 탭, 파일업로드 탭이 보이고, 오른쪽 끝에 "적용" 버튼이 보입니다.적용 버튼은 수정한 내용이 있으면 저렇게 까만바탕으로 활성화됩니다. 여기서, "적용"버튼을 누르면 현재 웹브라우저가 로드한 skin.html 과 style.css 모두를 저장합니다.지금 보이는 화면이 HTML 탭이라도, 이 화면이 마지막 로딩(또는 리프레시)됐을 때의 CSS탭도 저장해버립니다. HTML탭을 편집하다가 저장하지 않고 CSS탭을 클릭해 CSS화면을 열거나, CSS를 편집하다가 저장하지 않고 HTML탭을 열면 ..

블로그 스킨을 반응형으로 바꾼 김에 그렇게 해보았습니다. 관리자 화면, 꾸미기 > 모바일 항목으로 들어가서, 티스토리 모바일웹 자동 연결을 "사용하지 않습니다." 선택. PC용 웹주소 https://pcgeeks.tistory.com/13526모바일 웹주소 https://pcgeeks.tistory.com/m/13526 저 설정을 꺼도 모바일 웹주소에 접속할 수 있습니다. 그래서 저건 모바일 단말기에서 접속했을 때 티스토리 서버가 모바일 주소로 리다이렉션해줄지를 정해주는 옵션같습니다. 티스토리는 모바일웹 연결로 보여주는 기본 스킨이 몇 가지 장점이 있습니다. 1) 플러그인 중에 모바일에서만 동작하는 것이 있습니다.2) PC화면용으로 골라 놓은 기본 스킨에서는 제공하지 않고, 모바일에서만 보여주는 편리한 ..

그 둘 다 블로그에 메타코드를 넣어주는 방식으로 쓸 수 있는데, 티스토리에서는 더 편하게, 플러그인을 준다. 완전히 별 생각없이 블로그에 글쓴다면 굳이 알아둘 필요는 없지만, html, css공부와 블로그 사이트가 어떻게 동작하는 지 공부할 겸 겸사겸사 기능과 서비스를 시험하는 용도로 블로그를 운영한다면, 해봐서 손해볼 것 없다. 티스토리의 플러그인 설명이다: https://notice.tistory.com/2265 이런 건 나쁘게 말하면 방문자집단을 익명화해 일종의 개미집단으로 간주해 행동패턴을 연구하는 데 도움을 주는 그런 툴이란 느낌이다. 꽤 상세한 정보를 주지만, 개인블로거에게는 그다지 도움이 안 된다. 사람들이 일 주일 중 무슨 요일에 많이 방문하는가, 또는 주방문경로는 어디인가 정도는 요즘은 ..

반응형스킨으로 넘어와서 의아했던 것이, 티에디션 대문 화면은 반응형스킨에 연동되지 않는 것이었습니다. 몇 가지 꽁수를 찾아내긴 했는데 만족스럽지 못하군요. 티스토리 스킨 편집 화면에 들어가면 대문화면을 고를 수 있는데, 반응형 스킨일 때는 윈도우 창을 옆으로 길게 늘여놓고, 미리보기창(왼쪽 블로그창)의 창너비를 조절해가며 바뀌는 것을 확인할 수 있습니다. 티스토리 편집화면의 미리보기는 그다지 만족스럽지 못하고 곧잘 오동작하지만, 그래도 이런 용도로는 쓸 수 있습니다. 이런 식으로, PC, 태블릿, 폰화면 폭을 정해 주기도 합니다만 몰라도 별 상관은 없는 듯. 오른쪽에 이렇게, "최신글", "티에디션", "테터데스크" 이렇게 있습니다.좀 재미있는 현상은, 티에디션은 화면폭이 바뀌어도 그대로지만,훨씬 오래된..

전에도 적은 적 있을 텐데, 이번에는 반응형 #2 스킨에서 해본 것이다.예를 들어, 티스토리 관리화면의 사이드바항목에서, 사이드바에 태그 클라우드를 넣었다고 하자.그런 다음 skin.html에서 태그 클라우드 코드를 복사해, 본화면에 넣으면 본화면에는 태그 클라우드가 안 나온다. skin.html의 사이드바 부분에서 태그 클라우드 코드를 지워도 마찬가지니까 그건 지우지 말자.이때 관리화면의 사이드바 항목에서 태그 클라우드아이템을 사이드바에서 빼주고 적용버튼을 누르면, 메인 화면에서 원하는 부분에 집어넣은 태그 클라우드 코드가 보일 것이다. 단, 간단한 스킨에서는 이렇게만 해줘도 그럭저럭 보이지만,조금 복잡한 스킨에서는 다단계로 스타일을 잡아놨을 테니까, 레이아웃이 깨져나온다.이럴 땐 skin.html의 ..

좋은 노트북이나 좋은 모바일 단말기를 써본 적이 거의 없어서인지,소리가 무척 마음에 듭니다. 귀가 안 아파요. 잡음도 안 들리고.컴퓨터에서 나오는 소리 뭐 거기서 거기지 생각하고 살았는데, 고급 사운드카드나 모듈에서 나오는 소리가 와 음질좋다 이렇게 느껴진 적은 있었지만,그냥 평범하게 끼워 듣다 어? 귀가 편하네? 이렇게 느껴진 건 또 참.. 이게 착각인지, 환경이 좀 달라서인 지 모르겠습니다만, 생각 좀 해볼 일 같습니다. 일단 지금 생각가는 건,노이즈문제야 하드웨어 바탕이 좋아서 그런 것일 테고요, 이거 볼륨 조절 소프트웨어의 슬라이드바가 로그스케일? 지수스케일? 아니면 무슨 다항식함수로 적용돼 있는 지 궁금해졌습니다. 무슨 인체공학적인 고려가 들어가 있는 것 같네요.

.area_view blockquote 항목을 style.css 에서 찾아 적당히 고쳐주면 됩니다.예를 들어, 백그라운드 색을 정해주면 이렇게 보입니다. 그 외, 인용박스의 배경이미지라든가, 인용부호로 쓸 만한 특수문자를 추가할 수도 있습니다.

구형 맥북 프로의 비프음 3회 증상에 대해.램뱅크 접촉 불량이란 말이 있다. 그게 아니면 CPU냉납이라든가 등등.https://blog.naver.com/nanbong75/220525983871 분해한 적 한 번 없는데 그랬으니... 해줄 수 있는 것은 컴맹의 왕도, "분해 후 조립" 정도.https://www.clien.net/service/board/cm_mac/631356 좀 찾아본 것.구형 맥북에 관한 내용. 애플 사이트. 업뎃안되는 항목.https://support.apple.com/ko-kr/HT1547 POST(Power On Self-Test) 경고음 정의 - 2부1999년 10월 이후 출시된 제품에는 시동 시 울리는 POST(Power On Self-Test) 경고음이 수정되어 제공되었습..

만든 사람은 아마 유튜브 영상을 만들 때 더빙입히는 용도를 상정한 것 같습니다. 괜찮네요. 맥북을 쓰면서 맥OS 음성이 괜찮아서 저도 그런 식으로 써보려 한 적 있었는데요. ㅎㅎ네이버 클로바 보이스 (Clova Voice) 음성합성 자동변환 프로그램 https://godpeople.or.kr/mopds/4638214 샘플 https://youtu.be/t1CBADuLcio사이트 https://clova.ai/voice 저작권이 어떻게 되는지 모르겠지만(일단 간단하게 적혀 있습니다. 위 사이트 참조), 일단 유튜브콘텐츠를 만들 때 쓸 수 있어보이고, 게임만들 때도 가능할지 모르겠습니다. "장비를 정지합니다"이런 게 될 수도 있지만. ㅎㅎ네이버는 이쪽으로 본격적으로 하는 모양이군요. :)

모 사이트에서 알게 된 것. 요즘 유튜브는 정말, 만능입니다. 작업 환경은 맥OS + 클립 스튜디오(CLIP STUDIO) 1편 링크https://www.youtube.com/watch?v=XOlKysJLbOY 파일 설정콘티 작업데생 작업선따기 작업채색빛, 그림자 넣기말풍선스케치업 배경마무리 작업 모두 9편입니다.