PC Geek's

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

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

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

.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편입니다.

1. 티스토리는 앱을 만들 때, 구버전 호환성은 체크하지 않는 모양.안드로이드 4.4 킷캣에서, 구글 플레이스토어에서 티스토리 앱을 검색해 설치하는 데는 지장이 없고, 구버전 호환성 알림도 없으며, 애초에 티스토리에서 앱을 퍼블리시할 때 버전 호환성을 고려한 것 같지도 않다. 어쨌든 설치 후 실행하면 아래와 같다. 한 번도 실행해보지 못했다. 이걸로 설명 끝. 2. 네이버 앱은 개편 후 여러 가지 단점이 생겼는데 그 중 하나가 Airs라는 물건. 시도 때도 없이 튀어나와서 불편하게 한다. "한 달 동안 보지 않기"라는 게 있긴 하지만 아예 안 보면 안 되겠냐?

블로그 백업, 가져오기 또는 삭제https://support.google.com/blogger/answer/41387 블로그 백업은 설정>기타 메뉴를 통하면 되고그 외 테마 백업은 따로 블로그 메뉴에서 할 것. 사진 등 이미지는 저걸로 백업되지 않음. 그건 '내 데이터 다운로드'(구글 테이크아웃)에서.https://takeout.google.com/settings/takeout?pli=1 이 항목에 대한 설명https://support.google.com/accounts/answer/3024190?hl=ko

1. 각주 말풍선 몇 년 전에 쓴 글이 둘 있고, 그때 코코넛냠냠님의 도움말을 더해 스킨에 어울리게 한 것이 지금 이 블로그 각주다. 과거글 참고https://pcgeeks.tistory.com/12164https://pcgeeks.tistory.com/10368 지금 이 블로그에 적용한 코드는 이렇다: skin.html ( 사이에) ※ 일부 스킨에서는 동작하지 않거나 레이아웃이 깨져 추가로 손봐야 할 수 있음. 이것이 기본이다. 티스토리 블로그의 각주 배경이미지는 포스트잇같이 생긴 풍선말칸인데, 이것은 세로로 계속 늘어나며 가로로는 배경이미지폭으로 정해져 있다. 그래서, 각주말풍선폭을 화면대비 %로 하거나 지정된 크기보다 넓히면 배경이미지가 반복해 패턴식으로 깔리거나 깨지는 식으로 깔끔하지 않게 됨. ..

대화면에서 검색창을 원하는 만큼 늘이는 부분은 아직 하지 못했다. 중화면과 소화면에서는 딱히 손볼 게 없다. 검색 돋보기를 클릭하면 나오는 창에 보이는 기본값은 placeholder 라는 속성으로 지정돼 있다.placeholder는 HTML5에 생긴 것이라고. 활용법 참고: https://www.codingfactory.net/10755 이 스킨에서 기본값은 'Search' 인데, 그걸 '검색어 입력'으로 바꿨다. skin.html

설명글과 예제 몇 가지입니다. https://blog.naver.com/devinfo_today/220743432609manifest 설정/ 버튼만들기/ 팝업만들기/ 백그라운드 페이지/ 콘텐트 스크립트/ 웹익스텐션 API와 여타 알아야 할 내용 설명 WebExtensions 확장기능 (한글) MDN사이트https://developer.mozilla.org/ko/docs/Mozilla/애드온들/WebExtensions https://developer.mozilla.org/ko/docs/Mozilla/애드온들/WebExtensions/What_are_WebExtensions확장앱 예시 Example extensions 확장앱의 구조Anatomy of an extension 간단한 확장앱 예제 Your fir..

카테고리나 사용자 링크목록에 쓰기구글검색: css box expandw3schools.com How TO - Collapse/ Create A Collapsible/ Animated Collapsible (Slide Down)/ Add Iconshttps://www.w3schools.com/howto/howto_js_collapsible.asphttps://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible여기서 시작. 카테고리 링크를 수동으로 추가하는 것은 쉽다. 이전에도 알고 있었던 방법. 저것은 보다 편하게 한 것으로, 저 스크립트를 변용하면 사용자가 html을 추가해주는 배너에 임의로 접히고 펼쳐지는 목록을 편하게 만들 수 있다.하지..

전에도 지나가며 적었을 텐데, 티스토리 카테고리 기능은 공개, 비공개를 지정할 수 있습니다. 공개카테고리는 언제나 보이는 것이고, 비공개카테고리는 로그인해야 보이는 것입니다.관리목적이나 개인적인 용도로 사용하는 비공개글을 비공개카테고리에 넣어둘 수 있습니다. 단, 비공개카테고리에 들어간 글이라 해도 글 자체 설정이 공개면 공개글이므로 주소를 직접 입력해 아무나 볼 수 있습니다. 따라서, 남에게 보여줄 글이 아니거나 작성 중인 글이라면 비공개상태로 저장해야 합니다.덧붙이면, 티스토리나 구글 블로그나, 비공개글로 저장해도 비공개가 되는 건 기본적으로 텍스트고, 이미지는 공개속성이 되거나 거기에 준하게 관리된다고 보면 될 겁니다. 그래서, 블로그에 비공개글로 개인사생활을 적는 건 그다지 권할 만한 습관은 아닙..

1. 블로그 첫페이지 로딩이 된 다음 왼쪽에- 그림을 넣을 때는 스킨 편집화면으로 가서 글목록갯수메뉴 바로 밑에 보이는 그림파일 업로드.- 단순히 색을 바꿀 때는 아마 이거. 나중에 확인해볼 것. style.css 카테고리와 메뉴를 호출하면 그 바탕화면색은, skin.html 2. 글 본문 글자 크기와 글자색 만약 이렇게 했는데 바뀌지 않는 글자가 있다면(특히 몇 년 전, 옛날 스킨, 옛날 편집기로 적은 과거글), 그 위에 있는 .area_view 에도 설정을 넣어준다. 3. 본문 글자 크기를 키웠기 때문에,본문 하단에 카테고리의 다른 글 보기 플러그인이 표시해주는 글자 크기도 키웁니다.테두리선색을 바꾸고, 여백을 넣고, 그러면서 글씨를 키웠으니 테이블도 키우고, 레이아웃이 깨지지 않게 몇 가지 고쳐준 ..

skin.html 파일과 style.css 파일을 편집하기 전에 주의: 1. 고치기 전에 스킨과 스타일 파일 편집창을 열어 ctrl-a 로 전체선택해 ctrl-c 로 복사한 다음, 윈도우 메모장을 열어 붙여넣기할 것. 그래서 skin.2019-10-22-1.txt 라는 식으로 저장할 것. 고치다 스킨이 깨졌는데 뭐때문인지 모르면 그걸로 원상복구한 다음 재시도. 다 고친 다음에도 그날의 완성본 파일을 같은 방식으로 다른 이름으로 백업. 2. 편집은 티스토리의 편집화면에서 해도 무방하지만, 은근히 불편하고 단축키가 다르게 먹기도 하기 때문에, 자기 컴퓨터에서 손에 익숙한 편집기에 붙여넣어 거기서 고친 다음에 티스토리에 붙여넣기하고 적용하는 것도 괜찮음. 1. 블로그를 깔끔하게 보이기 위해 본문 퍼블리시 일시..

메타태그는 스킨을 직접 수정하지 않아도 되게 해주는 것이니까 편리하게 해주는 쪽이고 메타태그를 자주 수정하진 않으니까 없어도 별 지장은 없지만, 코드블럭은 이쪽 내용으로 블로깅하는 사람에게는 없으면 번거로운 것. https://notice.tistory.com/2483 지금은 안 쓰지만, Syntax Highlight은 언제 쓰게 될 것 같아 체크.

아래와 같은 식입니다. 노랑색 동그라미친 X표 버튼은 원래 없었죠. 기본 스킨에선 오른쪽에만 있습니다. 내비게이션 화면이 닫혀 있을 땐 그 자리가 내비게이션 화면을 여는 버튼입니다. 그래서 더블클릭하면 열었다 닫았다가 됩니다. 화면을 연 다음 닫을 때 커서를 움직일 필요가 없습니다. skin.html에 한 줄 추가해주면 됩니다. 클래스를 새로 만들진 않았고 그냥 자리만 옮겨주었습니다.style.css는 건드리지 않았습니다. 해당하는 부분: 그런데 이렇게 하면, 화면폭이 줄어들 때 반응형 화면에서 보이는 엘레멘트와 새로 집어넣은 X표가 겹치가 됩니다. 그래서 그 부분을 X표의 오른쪽으로 조금 밀어 고쳐줍니다.하지만 여기까지 해놓고 보니 화면폭을 바꿀 때 예쁘지가 않고, 됐다 안됐다 해서, 완성은 아니고 일..

반응형 #2 스킨은 기본적으로 1262픽셀, 738픽셀을 기준으로 화면 레이아웃이 바뀐다.이것은 css파일에서 간단히, 입맛대로 고쳐줄 수 있다. 조금 생각해야 할 것은, 1262픽셀 이상에서는 이렇게 표시되는 내비게이션 화면이, 738-1262픽셀 사이에서는 이렇게 두 줄로 표시된다. 카테코리열 하나, 나머지를 다 집어넣은 열 하나.아래 그림에선 두 열 사이가 많이 비는데, 이건 내가 스킨을 고치면서 아직 최적화가 덜 돼서 그렇다. 그런데 기본 모습도 꽤 비어 있다. 이 부분을 최적화시켜주는 게 다음 과제. 738픽셀 아래에서는 이렇게, 카테고리열만 한 줄로 표시된다.커스텀 링크가 모조리 사라지는 게 문제다.1) 가로 720픽셀이하가 아니라면 2열로 표시되도록 해주는 게 좋을 것 같다.2) 화면에서 사..

좋은 글이 많은 블로그입니다.http://ghebook.blogspot.kr/search/label/%EC%88%98%ED%95%99http://ghebook.blogspot.kr/ 두 가지 면에서 좋은데1. 컨텐츠가 아주 좋습니다.2. 구글의 블로그스팟/블로거닷컴 블로그인데요, 그런데도 깔끔합니다.전에 손대봤을 때 블로그스팟 템플릿은 쓸데없이 여백이 많고 한글하고도 안 어울렸는데, 저기는 레이아웃이 참 깔끔하고 괜찮네요.

혹시 요즘 프로그래밍용 텍스트 에디터에는 기본일 지도 모르지만,이번에 스킨을 갈아엎으면서 여러 가지를 새로 알게 돼서 메모하는 것 중 하나입니다. 편집기에서 검색어를 치면 이렇게, 본문만이 아니라 스크롤바에서도 그 문자열이 검색된 위치에 노랑색 표시를 해줍니다. ctrl-f 키로 검색할 때 엔터키를 습관적으로 잘못 치면 소스코드를 건드려서 짜증났는데, 익숙해지니 괜찮네요. :)

지금 플래시를 꺼놔서 그런가, 티스토리 옛글쓰기 편집기에서 임시저장버튼과 기능은 동작하지 않는 듯. .가. .카테고리 다른글보기 플러그인 하단에, 같은 카테고리글목록으로 가기, 최신글목록으로 가기 추가. 카테고리 다른 글보기 플러그인의 제목에 걸린 링크 자체가 그거지만 모르는 사람이 많은 것 같아서. 나도 이 링크를 추가했을 때는 그게 그건지 모르고 했다. 또한 페이지 레이아웃의 맨 상단에 글제목 위에 걸린 카테고리 이름을 클릭해도 같은 곳으로 간다. 하지만 스크롤업해 그걸 클릭할 걸 생각하면 글을 다 읽은 다음에 보이는 것도 편할 것 같아서. .나. .티스토리 블로그의 좋은 점이 본문 아래 주석을 표시하는 기능이 있다.이 주석을 적당히 고쳐주려면 style.css 파일에 body DIV.footnote..

디자인도 코드도 몇 년 전 스킨에 비해 잘 만들었고 간결해보이지만, 손볼 곳도 있습니다.예를 들어, 데스크탑 웹브라우저창에서 윈도우 창이 가로 1250픽셀 정도가 못 될 때는, 헤더 영역(이 스킨의 카테고리, 링크, 공지사항, 태그목록 등등이 보이는 곳)이 이렇게 2단으로 보입니다. 그런데 굳이 이럴 것까진 없거든요. 저 광활한 여백을 보세요. 2단 상태에서 사용자 사이드바는 모두 오른쪽 한 단에 몰아버리는 만행을 저지릅니다. (이 스킨은 맨 왼쪽 카테고리는 사이드바메뉴로 수정할 수 없습니다) 가로 1250픽셀을 넘어가면 정상적으로 3단으로 표시됩니다. 더 어울리니까 이게 디자이너의 의도겠죠. 그리고 가로 740픽셀이내가 되면 모바일로 간주하는지, 카테고리말고 다른 헤더 요소(사용자가 만든 수많은 링크와..

원래 쓰던, 10년 전까지 거슬러올라가는 스킨을 실수로 쓸 수 없게 된 고로, 많이 알아보지 않고 옮겨타게 된 반응형 스킨입니다. 모르는 게 많아서 이거저거 검색해가며 조금씩 고쳐간 기록을 추가해가며 갱신하겠습니다. 그러다 길어지면 새 글에 또 하고.. 그런 식으로. ※ 파워블로거들은 유료 스킨을 사서 적용하기도 한다더군요. 그런 것들은 거의 IT관련 소규모 카페나 뉴스, 커뮤니티 사이트에 준하는 레이아웃을 만들어준다던데.. 저는 거기까지는 아니라서 그냥 해봅니다. 한동안 쓸 지 앞으로 완전히 옮겨탈 지 모를 새 스킨입니다. 0. 스킨 아이템 위에 커서를 옮기면 "미리보기"와 "적용"을 볼 수 있습니다. 적용은 그냥 이 블로그 스킨을 이걸로 바꾸는 겁니다. 앞서 글에 적었듯 설정 날아가니까, 결정하기 전..

일요일에 살짝 스킨을 고쳤는데, 카테고리가 동작하지 않더군요. 스킨에서 지원하는 폴더 아이콘은 전부 날아가버렸고. 백업한 스킨으로 복구해도 마찬가지. 헉! 그래서 검색 좀 해보니, 몇 년 전부터 티스토리가 카테고리 트리 동작하는 자바스크립트를 고쳐놔서 카테고리 확장 부분이 동작하지 않는 게 있다는 내용을 볼 수 있었습니다. 정확히 그것인지는 모르겠지만 그래서, 사람들은 스크립트를 한 줄 넣어서 비공식적으로 사용하는 것 같더군요. 그래서 티스토리 스킨 목록을 보니, 제가 원래 사용하던 스킨도 이젠 지워놨더군요. 관리자메뉴에서 카테고리 항목을 봐도, 카테고리 아이템의 공개, 비공개, 주석, 무엇에 쓰는지 모르겠는 이미지같은 기능은 추가됐지만, 원래 스킨에 있던 카테고리 폴더 아이콘 교체, 확장/축소 선택 이..

https://letsencrypt.org/https://namu.wiki/w/Let's%20Encrypt https://findstar.pe.kr/2018/09/08/lets-encrypt-certificates-rate-limit/https://hiseon.me/server/letsencrypt-ssl-certificate/https://www.ridicorp.com/blog/2017/03/05/ev-ssl-howto/

마이크로소프트 워드와 한컴오피스 아래아한글에서 글쓸 때 이것을 적용하면 편합니다.티스토리도 무척 오래 전부터 본문, 머리말1~4 를 적용했는데,이것은 습관들이면 괘 편한데도 불구하고잘 까먹어요.. 블로깅을 좀 더 정성들여 하면 좋은데.머리말 1머리말 2머리말 3머리말 4머리말 1~4까지의 저건 ~ 태그입니다.이것만으로는 별 거 없어 보이지만, css 에서 본문 안에 한정해 저 태그에 텍스트 스타일을 붙여줄 수 있습니다. 그렇게 하면 글 여러 개에 걸쳐 일관된 형식으로 중간제목과 소제목을 달 수 있게 됩니다. 블로그 전체가 하나의 주제를 가지고 책처럼 편제를 갖출 때 저런 도구는 무척 좋습니다.저도 처음부터 저걸 알았으면 그렇게 썼을 텐데, 지금부터 쓰려면 앞서 저걸 멋대로 적용해놓은 것들이 어떻게 바뀔 ..

C언어와 같은 ?연산자조건부(삼항) 연산자(?:)(JavaScript) - microsoft 자바스크립트 연산자 정리 - 모질라 날짜 및 시간 계산(JavaScript) - 마이크로소프트getTime 메서드(Date)(JavaScript)

원사운드님의 웹툰으로 알게 된 웃기는, 또는 내가 해보진 않았으니, 웃길 지도 모르는 게임. :) 얼마 전에 나무위키에서 매스 이펙트글을 읽다가 흘러흘러 들어가 봤는데, 망겜이라지만 읽다 보니 꽤 재미있는 구석이 있었다.그 중 하나가, 멀티플레이가 아닌 유사 멀티플레이 게임이라는 점이다. 즉, PvP, PK, 팀플레이같은 건 못 하지만, 플레이어가 환경을 변화시키면 그 흔적이 (아마도 서버를 경유한 업데이트나 싱크로) 전체 플레이어의 게임 속 월드에 반영된다는 점이다. 자기 이름을 딴 행성이 다른 플레이어의 우주 지도에 나온다든가, 전체 플레이어들이 자원을 사고 팔면 그 영향으로 게임상에 표시되는 시세가 바뀐다든가 하는 식. 자원채굴 경쟁같은 것이 비실시간으로 반영되는 지는 모르겠지만, 재미있는 발상이다..

https://namu.wiki/w/Python 점프 투 파이썬 - 박응용https://wikidocs.net/book/1 파이선 언어로 안드로이드 앱?요즘은 코딩교육이 인기다. 그래서, 격세지감을 느낀다. 우리가 PC교육받을 때, 우리 아버지세대는 터미널조작법과 초기 x86계열 교육을 받으셨으니.. 한편, 옛날에도 초등학생(당시 국민학생)들에게 8비트컴퓨터사서 컴퓨터언어배우라고 나라에서 권장했으니 그건 비슷하다.