VICTORY::VICTORY

최근 글 - Recent PostsMORE

부트스트랩5 그리드 1

container에서 fluid를 더 해 container-fluid로 변경했다. 레이아웃을 1단으로 하고 노트북을 하다보니 화면이 작게 보여서 fluid가 괜찮았다. 그런데 화면이 큰 모니터를 사용하면 fluid가 어떻게 보일지... 참고로 fulid를 사용하면 경계가 브라우저 앞 옆이다. 그리고 lg-12를 사용하니 왼쪽과 오른쪽 여백이 너무 없는 것 같아 lg-11로 했고 1은 여백이다. 사이드바에서 두 개를 같은 너비로 하고 싶었는데 그때 그리드릴 col를 사용하면 된다는 것을 알았다. lg에서 같은 너비를 같도록 col-lg를 사용했다. 만약 xs에서 같은 너비를 원한다면 col을 사용하면 될 것이다. 나는 class="col-sm" 라고 정의하면 두 개의 사이드바는 같게 되게 xs에서는 하나인..

2021.12.29

부트스트랩5에서 기본적인 다이내믹한 컨포넌트

이 블로그 스킨을 부트스트랩5로 만들었다는 것을 말했다. 이 블로그에 부트스트랩에서 제공하는 컴포넌트를 사용해 다이내믹하게 만드려 했다. 다른 사람이 부트스트랩5를 변형한 소스를 사용하지 않고 다이내믹하게 만들기는 쉽지 않았다. 아래는 부트스트랩5에서 기본으로 제공하는 내가 생각하는 다이내믹한 컴포넌트인 아코디언, 캐러셀, 오프캔버스 3개다. 아코디언 Accordion Item #1 This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the o..

2021.05.20

여기에서 부트스트랩 5를 시작하기로 했다.

이 글을 쓰기 전까지 이 블로그 스킨은 부트스트랩 버전 4였다. 내가 부트스트랩 버전 4를 공부하기 위해 만들었다. 이번에 버전 5 정식 변경하면서 더 알고 싶다는 생각이 들었다. 이 블로그를 5로 변경하기 전에 부트스트랩 버전 3으로 만든 블로그인 https://min-blog.tistory.com/를 버전 5로 변경해서 운영하려고 했다. 부트스트랩 5가 많이 변했고 그 블로그도 많이 추가하여 쉽지 않았다. 그런데 이 블로그를 버전 5로 변경한 후 마음이 변했다. https://min-blog.tistory.com/을 변경하다 보니 정말 무거워졌다. 얼마 동안 이 블로그를 운영한 후 마음이 안 들면 다시 https://min-blog.tistory.com/로 블로그를 가면 된다. 이 블로그에서는 순수하..

2021.05.15

새에디터에서 코드블럭 실험

이 블로그는 새에디터를 사용하고 있고 코드블럭을 실험하려고 한다. 하여튼 티스토리는 플러그인, 스킨, 치환자 등을 추가하면 공지를 하지 않는 경우가 많다. 티스토리 블로그에서 새에디터에서 코드를 삽입할 때 플러인을 활성화(적용)하면 아래나오듯이 코드가 보기 좋게 나온다. 몇개월 전에 PC 페이지에서 코드블럭이 제대로 되지 않았는데 아마 플러그인을 활성화하지 않은 것일 수 있다. 모바일 페이지에서는 플러그인이 자동으로 설정되니 그랬을 것이다.

2019.06.22

이 블로그를 멋진 스킨으로 만들어야 하는데...

아직 생각나지 않는다. 현재 이 스킨은 내가 주로 운영하고 있는 부트스트랩3로 만든 백전백승을 기초로 해서 만들어서 너무 비슷하여 독특하지 않다. 부트스트랩3로 만든 스킨을 부트스트랩4을 사용해서 1단으로 만들었는데 어딘가 어색하다. 부스트스트랩 무료테마를 제공하는 사이트에서 좋은 테마를 제공하고 있지만 현재 마음에 드는 것이 없다. 그리고 새로 테마를 만들려면 시간이 걸린다. 자투리 시간을 내면서 스킨을 완성하고 있지만 귀찮다. 꾸미는 것도 시간과 노력이 엄청 걸리는 것을 안다. 부트스트랩5까지 나오기를 기다릴까?

2019.06.21

다음에서 유입이 없다

티스토리와 다음 블로그는 아래 그림에 나오듯이 등록 신청을 하지 않더라도 자동으로 검색에 노출된다고 한다. 그런데 이 블로그는 티스토리고 2012년 부터 글을 적었는데 한번도 다음 유입을 본 적이 없다. 유입은 구글과 네이버만...네이버는 등록하지 않아도 유입되는 것으로 안다. 구글은 모르겠다. 다음 검색 등록 페이지를 보면 아래 그림과 같은 메시지가 있다. 고객센터에 문의하라는 메시지... 이 블로그는 유입에 신경쓰지 않아서 다음 고객센터에 문의하고 싶지 않다. 기계적 답변을 하는 고객센터는 괜히 골치아프다. 다음 유입이 중요하다면 반드시 고객센터에 문의해야 할 것이다.

2019.06.21

내가 보는 다음블로그

처음 티스토리 블로그를 접했을 때 내가 알고 있는 모든 블로그를 다루었다. 그때가 2010년 이었는데 이미 서비스를 종료한 파란 블로그, 싸이월드 블로그, 이글루스, 텍스트큐브 등 거의 모든 블로그를 다루었다. 참고로 그 글을 이 블로그가 아닌 다른 블로그인 백전백승에서 다루었다. 그러면서 블로그의 장단점을 알게 됐다. 약 2011년에 국내 블로그는 티스토리 블로그,네이버 블로그만 다루어야겠다는 생각이 들었다. 왜냐하면 티스토리 블로그, 네이버 블로그외 다음 블로그 등 블로그는 허접했다. 다음을 인수한 카카오도 이것을 아는지 다음 메인에 다음 블로그는 없다. 최근에 LG V50이라는 키워드로 다음 검색을 봤는데 3페이지까지 모두 티스토리와 브런치(카카오 블로그)뿐이었다. 다음 블로그는 없었다. 그리고 다..

2019.06.20

네이버에 썸네일이 나타나는지 볼까?

예전에 적었던 새 에디터로 적은 글이 아니고 지금 글을 적으면 네이버에 썸네일이 나타나는지 점검하려고 한다. 이 블로그는 기본 에디터를 새 에디터를 하고 있다. 내 다른 블로그인 https://min-blog.tistory.com은 이전 에디터를 기본에디터로 하고 있다. 썸네일이 나타나는지 점검하는 것이므로 글에 사진 하나를 삽입하며 네이버에 검색되려면 시간이 걸린 것이다. 월 28일에 점검했을 때는 다음에는 나왔으나 네이버에는 나오지 않았었다. 우리나라 검색 점유율에서 다음은 10% 미만인데... 나는 다음을 거의 무시한다.

2019.05.25

치환자가 추가됐다.

항상 티스토리는 치환자 추가를 스킨 업데이트 하면서 하는 것 같다. 예전에도 그랬지만 이번 4월에도 추가한 치환자도 4월에 Magazine이라는 스킨을 업데이트하면서 새로운 치환자를 추가했다. 참고로 아래 글에서 **은 ##다. **을 ##로 적으면 읽혀지기 때문에 **로 적었다. 추가된 치환자 내용을 보니 커버,공지,최신 글,인기 글에 날짜 심플형 치환자라는 것이 추가됐다고 한다. 만약 날짜 심플형 치환자를 사용하면 시간을 나타날 때 연.월.일만 나타나고 시간은 나타나지 않는다는 것이다. 예로 커버의 경우 [**_cover_item_date_**] 치환자를 사용하면 발행날짜/시간이 나타나고 [**_cover_item_simple_date_**]을 사용하면 시간을 없어지고 발행날짜만 나타난다는 것이다. ..

2019.04.26

최근글수과 인기글수가 같다.

전에 인기글 수가 변했다는 것을 알았다. 이번에 이 블로그 스킨을 이리 저리 만지면서 최근글 수가 인기글 수와 일치한다는 것을 알았다. 티스토리 블로그 관리에 사이드바 설정하는 페이지에 아래 그림처럼 인기글 수나 제목 글자를 설정할 수 있다. 현재는 최근 글이 인기 글이지만 나중에 최근 글과 인기 글이 나누어질 것 같다. 스킨을 만드는 사람 입장에서 같으면 확장성이...따로 설정하는 것이 좋다. 지금이 예전처럼 강제로 5개로 설정하는 것보다 훨씬 낫다.

2019.02.09

블로그를 멋지게 하고 싶은데...

티스토리 블로그의 제한없는 HTML,CSS,스크립트를 사용해서 멋지게 블로그를 꾸미고 싶은데 아직까지 멋지게 꾸미지 못하겠다. 부트스트랩4를 만지기는 하지만... 나의 미적 감각 때문인지 멋지게 하기가... 부트스트랩4에서 벗어날까..부트스트랩에서 한정하니 약간 답답하기는 하다. 참고로 이 블로그는 부트스트랩4로 만들었고 다른 블로그는 부트스트랩3로 만들었다. 혹시 나를 부트스트랩에 전문가로 착각하는 사람을 위해 적는데 나는 부트스트랩에 관심이 있을 뿐이다.

2019.02.04

조회수 많은 인기글

부트스트랩 아이콘이 나오게 했다.

이 블로그에 사용한 등 아이콘이 크롬과 익스플로러에서는 나타났는데 파이어폭스에서는 안 나타나서 아래 그림처럼 최근 부트스트랩의 CDN CSS를 이용했다. 참고로 부트스트랩에서 사용하는 Glyphicons은 여기를 보고 부트스트랩 CDN은 여기를 보기 바란다. 그 다음으로 위에 CSS는 폰트 설정이 "Helvetica Neue",Helvetica,Arial,sans-serif으로 설정됐으니 아래처럼 설정했다. CSS에서 우선순위는 인라인 CSS,style,link순이니 폰트를 로 정의하면 될 것 같아 아래와 같이 html에 폰트를 설정했다.

정말 미리보기 몇 번 했더니 방문자수가 상승했네!

티스토리 포럼에 글을 쓴 후 미리보기를 하면 방문자수가 상승한다는 글이 있었다. 그래서 이 블로그에서 실행했는데 보통 20~30이었는데 다른 글에서 미리보기를 수 십 번 실행하니 간단히 100이라는 숫자가 넘었다. 예전에 누군가가 티에디션을 실행시키면 카운터가 올라간다고 했었던 같은데... 하여튼 티스토리 블로그의 통계는 믿을 것이 못 된다는 것을 다시금 느낀다. 그러면 웬만하면 글을 쓴 후 미리보기를 실행시키지 말아야겠다. 신뢰 안되는 숫자가 많이 나오는 것도 좋지 않다. .COM/.NET/.KR 13,500원

글목록이 마음대로 안돼 골치다.

글목록을 부트스트랩4의 card를 사용해서 멋지게 만들려고 했는데 마음대로 안 됐다. 이 블로그 카테고리 다른 글을 보면 4개의 목록이 일정하다. 이 블로그의 카테고리 다른 글와 같은 코드를 사용했다. 그런데도 아래 그림처럼 썸네일이 일정하게 나오지 않았다. 며칠 이것 때문에 골치 아팠다. 글목록의 스크립트 잘못인지 아니면 내 잘못인지 몰라도 그냥 지금 사용하는 방식을 사용해야 할 것 같다. 게임 방송/녹화/캡처

티스토리 블로그를 네이버 블로그와 비교한다.

나는 티스토리 블로그를 주로 네이버 블로그와 비교한다. 블로그는 다음 블로그, 이글루스 블로그 등도 있으나 기능 등 여러가지 면에서 나는 네이버 블로그만 비교한다. 그리고 자체적이 아닌 (사)인터넷전문가협회나 블로그어워드 등 외부적으로 수상하는 곳의 블로그를 보면 대부분 네이버 블로그와 티스토리 블로그가 많다. 다음 블로그도 있기는 하는데 다음 블로그는 개인과 공공 블로그만 있다. 기업 블로그는 하나도 없다고 보면 된다. 기업 블로그중에 대기업 블로그는 거의 티스토리 블로그라 보면 될 것이다. 대기업 블로그가 티스토리 블로그를 선택하지 않으면 워드프레스 등을 선택한다. 혹시 네이버 블로그를 선택하지는 않는다. 아마 네이버 블로그쪽은 제한이 많아서 그런 것 같다. 네이버 블로그쪽도 기업 블로그가 있는데 대..

며칠간 반응형으로 안 나오는 원인을 몰라 고생했다

이 티스토리 블로그를 반응형으로 만들었는데 PC로 반응형 사이트를 검사하는 트로이(http://troy.labs.daum.net/)에서 검사하면 이상이 없었으나 나의 스마트폰으로 보면 아래 그림의 첫번째처럼 나와야 하는데 두번째처럼 나와 원인이 고민을 정말 많이 했다. 참고로 반응형 웹사이트는 외국사이트를 찾을 필요없이 http://troy.labs.daum.net/에서 시험하기 바란다. 오늘 알았는데 뷰포인트인 를 지정해주지 않아서였다. 내가 뷰포인트에 대해서는 모르지만 뷰포인트는 모바일웹에서 글자가 모바일웹에 맞게 보이도록 하게 하는 것이다라는 정도로 알고 있다. 정확한지 모르니 아니면 지적해주기 바란다. 그래서 위 구문을 추가하니 스마트폰에서 위 그림의 왼쪽 첫번째 그림처럼 나왔다. 며칠간 이것때문..

갤럭시노트2,옵티머스G프로,베가넘버6는 젤리빈 운영체제

나는 http://min-blog.tistory.com/1148 글을 적을 때 스마트폰의 운영체제(OS)에 대해 언급하므로 젤리빈 운영체제를 가진 스마트폰이 무엇인지 알아야 한다. 그리고 젤리빈 운영체제로 업그레이드한 갤럭시 S3,옵티머스 G,베가 R3 등의 기기에 대해서 알아야 한다. iOS 운영체제에 기기에 대해서도 알아야 한다. 단지 운영체제에 대해서만 알아야 하지 배터리,화면크기,해상도 등에 대해서는 몰라도 된다. 나는 플래시 지원여부를 다루니 운영체제에 대해서만 알면 된다. 결론적으로 갤럭시노트2,옵티머스G 프로,베가 넘버6의 운영제제는 안드로이드 운영체제(OS)인 젤리빈(Jelly Bean)이다.젤리빈 운영제제에서는 플래시를 지원하지 않는다. 단 플래시 플레이어를 받아 설치해야 하는데 젤리빈 ..

티스토리도 URL를 알면 이미지 삽입할 수 있다.

전에 워드프레스와 블로거를 보니 이미지 URL만 알면 이미지를 삽입할 수 있어 그런 것이 있으면 좋겠다는 생각을 하고 적지 않았다. 이글루스 블로그에 글을 적다보니 이미지 URL로만 이미지를 삽입하는 것이 좋다고 생각했다. 아래 그림은 이글루스 블로그에 이미지 URL로 글에 이미지를 삽입할 수 있다는 것을 볼 수 있다. 워드프레스와 블로거와 이미지 삽입하기가 다른 점은 두 개에서는 에디터의 사진을 클릭하면 되나 이글루스 에디터의 멀티미디어를 클릭해야 하는 것이 다르다. 에디터의 멀티미디어로 이미지를 삽입할 수 있다는 것을 모른다면 소용이 없다. 이것은 티스토리에서 외부콘텐츠를 클릭하여 이미지 삽입하는 것과 비슷하다. 단 티스토리에서는 HTML에서 이미지 태그를 알아야 한다. 아래는 외부컨텐츠로 삽입한 것..

네이버에서 사진원본으로 올리기

티스토리에는 사진을 올리면 사진원본이 그대로 유지되면서 에디터에 맞게 축소되지만 네이버 블로그의 경우는 다르다. 네이버 블로그에 사진을 올릴 때는 원본을 유지하지 않고 강제로 원본을 에디터의 창에 맞게 조절한다. 그래서 네이버 블로그에서 원본 사진을 올리고 싶다면 아래 그림처럼 가로크기를 원본크기로 선택한 후 사진을 올려야 한다. 이것 안해본 사람은 엄청 피곤하다. 그리고 글에 원본 사진이 삽입될 때 에디터에 맞게 축소되는 것이 아니라 원본크기 그대로 올라간다는 것을 알아야 한다. 이것 엄청 피곤하다. 사진을 원본을 보는 방법은 티스토리처럼 사진을 클릭한 후 사진위에 나타나는 원본보기 아이콘을 클릭하면 된다.

방명록(Guestbook)은 무조건 비밀글

네이버 블로그에 안부글에 적는 글이 무조건 비밀글쓰기만 허용했다면 티스토리 방명록에 비밀글을 적고자 한다면 비밀(Secret) 옵션을 선택해야 합니다. 댓글을 적을 때도 마찬가지입니다. 네이버 블로그에서는 안부라고 하지만 티스토리에서는 방명록이라고 합니다. 티스토리에서 안부라는 것을 찾아도 없습니다. 전에 말했듯이 네이버 블로그에서는 덧글이라고 하지만 티스토리에서는 댓글이라 하지 않고 덧글이라고 합니다. 그리고 네이버 블로그에서는 트랙백을 엮인글이라고만 했지만 티스토리에서는 트랙백,엮인글이라하고 영어로 trackback이라고 합니다. 그러니 방명록,댓글,트랙백이 뭐지라고 하지 마세요. 필자가 네이버 블로그를 할 때 안부글을 보고서 시비를 걸더라고요. 네이버 블로그는 학생들이 많잖아요. 괜한 것으로 시비를..