최근 글 - 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

인기글수 변화

오랜만에 이 블로그에 글쓰다 알았는데 인기글 썸네일 수가 변했다는 것을 알았다. 전에는 5개였지만 4개로 변했다. 변한 수를 어떻게 알았냐면 모바일에서 보도록 아래 그림처럼 가로로 2 줄로 배치되도록 5개 썸네일로는 레이아웃을 짜기 나는 불가능햇다. . 그래서 모바일에서 인기글 모듈을 사라지게 했으나 4개로 변했으니 모바일에서 두 개로 배치되도록 하여야겠다. 이왕이면 댓글, 최근 글을 설정할 수 있는 것처럼 인기글도 나타나는 글 수나 제목의 수를 설정할 수 있었으면 좋겠다. 그래서 아래 그림처럼 나오게 했다. 참고로 사용한 브라우저는 네이버 웨일브라우저다. 웨일 브라우저는 모바일창 보기가 있어 좋다.

2019.02.02

조회수 많은 인기글

네이버에는 파비콘 설정이 없다.

티스토리를 하다가 네이버 블로그에 간다면 파비콘 설정할 곳을 찾아 고생할 것 같습니다. 현재 네이버 블로그에서는 파비콘을 설정할 수 없으므로 헛고생입니다. 아래는 익스플로러8에서인데 아래그림처럼 브라우저에 나오는 작은 아이이 파비콘(Favicon)입니다. 이 글을 쓰는 현재 네이버 블로그에는 없고 나중에 생길지 모르겠습니다. 워드프레스,블로거,XE,이글루스 블로그 등에는 있으나 네이버 블로그만 아니라 다음 블로그에도 설정하는 것이 없다는 것을 알아야 된다. 그러니 파비콘 설정하는 것을 찾지 말았으면 합니다. 티스토리에는 아래 그림처럼 브라우저 주소창,즐겨찾기에 나오는 링크앞에 붙는 작은 아이콘이 파비콘을 설정하는 것이 있습니다. 그러나 네이버 블로그와 더불어 다음 블로그의 경우는 현재 없으니 찾기 말기 ..

READ MORE

암호로 보호,N드라이브 등에 접속하려면 암호를 입력해야...

아래는 왼쪽에서 차례로 웹공간을 제공하는 클라우드 스토리지 서비스이다. 클라우스 스토리지 서비스는 컴퓨터에 하드디스크에 파일을 저장하는 것처럼 웹에 공간을 제공하는 것이다. 보안이 필요한 파일을 하드디스크만 아니라 웹에 저장할 일이 있기 때문에 앱에 암호가 있으면 간단히 N드라이브 등에 접속하는 것을 방지할 수 있을 것이다. 그래서 아래는 왼쪽에서 차례로 네이버의 N드라이브(30GB+),다음의 클라우드(50GB),드롭박스(2GB+),올레의 유클라우드(50GB+)의 보안에 관한 그림이다. 아래 그림에서 볼 수 있듯이 암호를 설정해서 스마트폰에서 앱을 터치해서 간단히 접근할 수 없다는 것을 알 수 있다. 암호를 설정하지 않으면 간단히 접속할 수 있다. 얼마전까지는 다음의 클라우드 앱만 암호를 걸 수 있는 것..

READ MORE

아이패드와 아이폰 플래시 지원하지 않는데...

애플의 iOS 운영체제인 아이패드와 아이폰은 기본적으로 플래시를 지원하지 않는다. 그러므로 아이폰과 아이패드의 기본 브라우저이면서 애플이 만든 사파리(Safari)에서 홈페이지나 블로그의 플래시를 볼 수 없다. 아이폰과 아이패드에서 플래시를 지원하는 브라우저인 퍼핀을 사용하면 홈페이지나 블로그의 플래시를 볼 수 있다. 참고로 애플의 아이팟도 플래시를 지원하지 않는다.- 사파리에서 플래시를 볼 수 있어야 - 그러나 나는 초보자의 입장에서 본다면 아이폰과 아이패드의 기본 브라우저인 사파리(Safari)에서 플래시를 볼 수 있어야 한다고 생각한다. 아이패드에서 플래시를 볼 수 있는 브라우저로 본다고 한다면 웃긴 것 아닌가 생각한다. 아이패드는 태플릿PC에서 가장 많이 사용한다. 갤럭시탭,갤럭시노트10.1 등이..

READ MORE

제주전용서체,다운로드와 저작권

요즘에 블로그에 글을 많이 쓰다보니 비교적 사용범위가 넓고 제약이 적은 서체(글꼴)에 관심이 쏠린다. 제주전용서체도 제약이 적어 사용 범위가 넓은 것 같다. 아래는 제주전용서체에 대한 저작권이니 꼼꼼히 읽어보기 바란다. 참고로 위는 제주전용서체에 있는 서체에서 제주고딕이다. 제주전용서체 저작권 제주전용서체는 누구나 무료로 다운로드 받아 자유롭게 사용할 수 있습니다영상매체, 인쇄매체, 웹, 모바일 등 다양한 매체에 자유롭게 사용이 가능하며, 특별한 허가절차 없이 사용할 수 있습니다.다만, 제주전용서체를 유료로 양도하거나 판매하는 등 상업적 행위는 금지하고 있습니다. 제주전용서체는 제주한라산체,제주고딕체,제주명조체가 있는데 다운로드는 아래에서 할 수 있다. 제주전용서체 다운로드만 아니라 메뉴얼,저작권 등 정..

READ MORE

티스토리 모바일에서는 할 것이 없다.

저의 스마트폰은 안드로이드폰이고 티스토리 모바일에서 접근한다. 아래는 네이버에서 제공하는 네이버 블로그 어플인데 할 것도 많고 볼 것도 많다. 아래 그림을 보면 이웃의 새글을 볼 수도 있습니다. 그리고 내 블로그로 와서는 티스토리 블로그의 모바일웹과 비슷하다. 티스토리 블로그는 이웃 관리를 위한 기능이 아니올시다이다. 블로그로 돌아와서 티스토리 블로그 센터라고 할 수 있는 내소식보기에서 댓글을 볼 수 있다. 그리고 글쓰기는 단순히 이미지만 올리는 것이 아니라 카카오톡에서 글쓰는 것이 비슷하다. 만약 모바일웹 스킨을 티스토리 블로그처럼 설정할 수 있다면 카카오스토리와 비슷한 것 같다. 티스토리 모바일웹 스킨을 PC에서만 설정할 수 있다. 모바일웹 스킨을 모바일에서 설정할 것 같지만 PC에서 할 수 있다. ..

READ MORE

카메라 정보,티스토리와 네이버의 차이

디지털 카메라나 스마트폰으로 사진을 찍으면 사진촬영정보도 저장합니다. 티스토리 블로그와 네이버 블로그 다 사진촬영정보가 나타나게 할 수 있습니다. 티스토리 블로그의 경우는 EXIF 정보 출력이라는 플러그인을 활성화하면 블로그에 있는 모든 글의 사진아래에 촬영정보를 보여줍니다. 아래 사진은 곰플레이어(GomPlayer)에서 뮤직비디오의 일부를 저장한 것입니다. 무조건 사진을 찍어야만 사진촬영정보가 나오는 것이 아닙니다. 그리고 일부 편집기에서 수정하면 사진촬영정보가 사라진다는 것도 알아야 합니다. 저의 캡처프로그램인 스내그잇으로 사진을 편집하면 사진촬영정보가 제거되고 포토샵 버전은 모르지만 포토샵으로 수정해도 사진촬영정보는 사라지지 않더라고요. 네이버 블로그에서는 사진을 올릴 시 첨부파일에서 첨부파일 촬영..

READ MORE

네이버뉴스를 트위터,페이스북 등으로 보내기

네이버 뉴스를 보았는데 전에는 단지 미투밖에 없었는데 SNS로 기사보내기와 소셜 댓글로 SNS로 글 보내기가 좋아졌다. 예전에는 미투밖에 없어서 네이버가 이 정도밖에 라고 생각했다. 그러나 아래 그림을 보듯이 미투데이말고 페이스북,트위터,요즘에 보낼 수 있다. 네이버 블로그에서 보내기도 아래와 같다. 티스토리에 라이브리 댓글이 있는데 네이버 뉴스에 아래와 같이 소셜 댓글이 있다. 이것은 트위터,페이스북,미투데이,요즘에 로그인하면 그 댓글을 그 곳으로 보낼 수 있다. 나중에 좋으면 아래의 소셜댓글을 네이버 블로그에도 적용할 것 같다. 라이브리 소셜 댓글창인 경우는 소셜을 활성화하는데 도움이 된다고 알 것이다.

READ MORE

About. 블로그, 부트스트랩,프로그램 등 유용한 정보를 마음껏 적고 있습니다.
전체 방문자 수 명은 2003.11.부터 누적된 방문자 수입니다. 그리고 아래 그래프는 일주일 간 방문자 통계입니다.

티스토리툴바