꼬반 Blog

2020년도 스킨 적용!

오랜만에 올리는 글입니다. 일단 오랜만에 스킨을 좀 손대서 적용해봤습니다. 하다가 귀차니즘이 생겨서 최소한만 해놓고 일단 적용. 방명록이나 댓글은 곧 추가로 수정을 하기로 합니다. 올해는 좀 자주 볼만한 글을 올릴 수 있도록 하며 올해 목표는 정보보안기사 자격증 취득과 업무 관련 개발 및 테스트 베드 구축등을 목표로 하겠습니다! 얍

Read More

[2017] 결산

http://www.tistory.com/thankyou/2017/tistory/146015

Read More

[Skin] 배포용 티스토리 스킨 제작 중

요즘 약간~ 시간이 남아서 배포용으로 블로그 스킨을 하나 만드는 중입니다. 처음에는 티스토리를 어떻게 한번 새로운 기술로 만들수 있을지 않을까 이리저리 테스트 해봤는데.. 안되겠더군요.. 그래서 그냥 심플하고 깔끔하고 가벼운 스킨을 목표로 손보는 중입니다. 오늘부터 만들기 시작한거라 주말엔 못하고 어느정도 완성은 다음주 화요일이면 되지 않을까 시포요.. 미리보기 : http://ggoban.tistory.com

Read More

[ReactJS] 어라????

음.. 요근래 ReactJS 를 공부하다 티스토리 블로그 스킨을 ReactJS로 만들수 있지 않을까.. 라는 생각을 하고 테스트 블로그에 공부하며 작성한 ReactJS 를 빌드 후 티스토리 스킨구조에 맞게 조금 수정하고 올려봤다. 그랬더니.. 어라? 어.. 이거 이렇게 동작된다고 하면.. 음.. 티스토리가 제공하는 치환자는 사용이 안된다. 일단. 그런데 다른쪽으로 응용이 가능한데.. 이래도 괜찮나.. ㄷㄷ http://ggoban.tistory.com

Read More

[마감] 초대장 배포 합니다.

초대장이 매번 들어와도 배포하는걸 깜빡하니 큰일입니다.. 이번에는 깜빡하지 않고 10장 배포. 댓글에 이메일하고 달아주세요. 초대하고 보면 근데 열심히 활동하시는 분은 적다는게 참 슬프지만요 ㅠㅠ 10장 모두 초대 드렸습니다. 사후 관리도 철저! 초대드린분들 블로그 한번씩 꼭 방문해봅니다. 이상한 블로그면 신고도 넣습니다 +_+ 모두 즐거운 티스토리 활동 되세요~!

Read More

2016년 블로그 결산

2016년 블로그 결산 입니다. 초반엔 조금 열심히 해야겠다고 생각했었는데 역시 연말로 갈 수록 힘이 빠진 모양새였습니다. 2017년에는 다시 한번 심기일전 하고 열심히 해봐야겠습니다! http://www.tistory.com/thankyou/2016/tistory/146015

Read More

티스토리 꼬반 스킨 V2 수정 일지.

2015. 09. 08. 꼬반 스킨 V2 베타 적용 2015. 09. 09. 댓글, 대댓글, 비밀글 적용, 댓글 부분 이미지 노출 스타일 수정. 2015. 09. 10. 메인 화면 수정, breadcrumb 링크 적용 부분 수정. 방명록 적용. 2015. 09. 11. 방명록 프로필 이미지 수정, 스타일 수정, 공지사항 적용 및 수정 예정 2015. 09. 11. 1차 베타 버전 완료 / 이후 개발은 버그 수정, 코드 최적화를 위주로 진행 예정

Read More

꼬반 스킨 v2 beta 적용!

지난주, 이번주 작업하여 꼬반 스킨 v2 beta를 적용하였습니다. 이번에는 이것저것 많이 집어넣어봤는데 제 마음에는 드는데 다른 사람들이 보기에는 어떨지 모르겠네요. 다만 한정된 기능을 야매로 구현하다보니 속도나 표준을 지켰냐고 하면 대답할 말이 없습니다..(쿨럭) 거기에 배경화면! 이미지만 2mb! 무려 2mb! 로 크기도 크고 (이것도 유료...) 유료 템플릿을 사서 커스텀하였기에 미사용되는 css/js 코드들이 많이 들어가 있다는 점.. 일단 v2 작업 하면서 조금더 여러 지식들을 배울 수 있었다는 점에 위안을 삼아봅니다. ㅎㅎ 비록 부족한 스킨이지만 그래도 작업의 결과물을 다른사람들에게 내어보고 부족한 부분들을 도움을 받아 채워보고자 올려봅니다.

Read More

티스토리 스킨 카테고리 수정기

이번이 2번째 제작하고 있는 스킨이지만.. 기본베이스가 부족하기도 하고 티스토리 시스템이 불편하기도 하고. 많이 불편하기는 하다. 스킨에디터의 문제가 아니라 치환자나 렌더링 부분들이 그렇다. 그래서 많은 스킨들이 카테고리 부분을 별도의 스타일을 주어 변경을 하지만 나의 경우는 먼저 괜찮은 디자인을 구매하고 -> 그 디자인에 커스텀 작업을 하기때문에 100% 구매한 디자인에 다 적용하기 어려운 부분들이 있다. 그래도 카테고리는 얼추 적용을 완료했는데 아래와 같다. 일반적인 치환자를 사용하면 ([ -> (, ] -> ) 으로 바꿈.) (##_category_list_##) 출처 : 골라조님 티스토리 http://dev.golrazo.com/gnu/bbs/board.php?bo_table=lecture&wr_..

Read More

2차 개발중 스킨 주소

아래 데모 사이트. 1일차 개발 진행 중 http://ggoban.tistory.com/ 주말에 쉬고 다음주 월~화에 마무리 해야지.

Read More

2020년도 스킨 적용!

오랜만에 올리는 글입니다.

일단 오랜만에 스킨을 좀 손대서 적용해봤습니다.

 

하다가 귀차니즘이 생겨서 최소한만 해놓고 일단 적용.

 

방명록이나 댓글은 곧 추가로 수정을 하기로 합니다.

 

올해는 좀 자주 볼만한 글을 올릴 수 있도록 하며 올해 목표는

 

정보보안기사 자격증 취득과 업무 관련 개발 및 테스트 베드 구축등을 목표로

 

하겠습니다! 얍

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

[2017] 결산

http://www.tistory.com/thankyou/2017/tistory/146015

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

[Skin] 배포용 티스토리 스킨 제작 중

요즘 약간~ 시간이 남아서 배포용으로 블로그 스킨을 하나 만드는 중입니다.


처음에는 티스토리를 어떻게 한번 새로운 기술로 만들수 있을지 않을까


이리저리 테스트 해봤는데.. 안되겠더군요..


그래서 그냥 심플하고 깔끔하고 가벼운 스킨을 목표로 손보는 중입니다.


오늘부터 만들기 시작한거라 주말엔 못하고 어느정도 완성은


다음주 화요일이면 되지 않을까 시포요..


미리보기 : http://ggoban.tistory.com



반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

[ReactJS] 어라????

음.. 요근래 ReactJS 를 공부하다 티스토리 블로그 스킨을 ReactJS로 만들수 있지 않을까..


라는 생각을 하고 테스트 블로그에 공부하며 작성한 ReactJS 를 빌드 후


티스토리 스킨구조에 맞게 조금 수정하고 올려봤다.


그랬더니.. 어라?


어.. 이거 이렇게 동작된다고 하면..


음.. 티스토리가 제공하는 치환자는 사용이 안된다. 일단.


그런데 다른쪽으로 응용이 가능한데.. 이래도 괜찮나..


ㄷㄷ


http://ggoban.tistory.com

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

[마감] 초대장 배포 합니다.

초대장이 매번 들어와도 배포하는걸 깜빡하니 큰일입니다..


이번에는 깜빡하지 않고 10장 배포. 댓글에 이메일하고 달아주세요.


초대하고 보면 근데 열심히 활동하시는 분은 적다는게 참 슬프지만요 ㅠㅠ


10장 모두 초대 드렸습니다.


사후 관리도 철저!


초대드린분들 블로그 한번씩 꼭 방문해봅니다.


이상한 블로그면 신고도 넣습니다 +_+


모두 즐거운 티스토리 활동 되세요~!

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

2016년 블로그 결산

2016년 블로그 결산 입니다. 


초반엔 조금 열심히 해야겠다고 생각했었는데 역시 연말로 갈 수록 힘이 빠진 모양새였습니다.


2017년에는 다시 한번 심기일전 하고 열심히 해봐야겠습니다!


http://www.tistory.com/thankyou/2016/tistory/146015



반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

티스토리 꼬반 스킨 V2 수정 일지.

2015. 09. 08. 꼬반 스킨 V2 베타 적용


2015. 09. 09. 댓글, 대댓글, 비밀글 적용, 댓글 부분 이미지 노출 스타일 수정.


2015. 09. 10. 메인 화면 수정, breadcrumb 링크 적용 부분 수정. 방명록 적용.


2015. 09. 11. 방명록 프로필 이미지 수정, 스타일 수정, 공지사항 적용 및 수정 예정


2015. 09. 11. 1차 베타 버전 완료 / 이후 개발은 버그 수정, 코드 최적화를 위주로 진행 예정               


반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

꼬반 스킨 v2 beta 적용!

지난주, 이번주 작업하여 꼬반 스킨 v2 beta를 적용하였습니다.


이번에는 이것저것 많이 집어넣어봤는데


제 마음에는 드는데 다른 사람들이 보기에는 어떨지 모르겠네요.


다만 한정된 기능을 야매로 구현하다보니 속도나 표준을 지켰냐고 하면 대답할 말이 없습니다..(쿨럭)


거기에 배경화면! 이미지만 2mb! 무려 2mb! 로 크기도 크고 (이것도 유료...)


유료 템플릿을 사서 커스텀하였기에 미사용되는 css/js 코드들이 많이 들어가 있다는 점..


일단 v2 작업 하면서 조금더 여러 지식들을 배울 수 


있었다는 점에 위안을 삼아봅니다. ㅎㅎ


비록 부족한 스킨이지만 그래도 작업의 결과물을 다른사람들에게 내어보고


부족한 부분들을 도움을 받아 채워보고자 올려봅니다.


반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

티스토리 스킨 카테고리 수정기

이번이 2번째 제작하고 있는 스킨이지만..


기본베이스가 부족하기도 하고 티스토리 시스템이 불편하기도 하고. 많이 불편하기는 하다.


스킨에디터의 문제가 아니라 치환자나 렌더링 부분들이 그렇다.


그래서 많은 스킨들이 카테고리 부분을 별도의 스타일을 주어 변경을 하지만


나의 경우는 먼저 괜찮은 디자인을 구매하고 -> 그 디자인에 커스텀 작업을 하기때문에 100% 구매한 디자인에 다 적용하기 어려운 부분들이 있다.


그래도 카테고리는 얼추 적용을 완료했는데 아래와 같다.


일반적인 치환자를 사용하면 ([ -> (, ] -> ) 으로 바꿈.)


(##_category_list_##)

출처 : 골라조님 티스토리 http://dev.golrazo.com/gnu/bbs/board.php?bo_table=lecture&wr_id=9

위 처럼 나온다. 이걸 아래처럼 변경하였다.


거의 재조립을 했다..표준 몰라요. 속도 최적화 몰라요. 일단 스타일로 고!(이..이래도 되는거냐! ㅠ) 작업 코드는 아래와 같다.

< ( | > ) 이다.

//테스트 (카테고리 스타일 변경을 위한 추출 및 요소 삽입)
$("ul.t-category li").each(function(i) {
  var str = $(this).children("a").children("span").text();
  var res = str.substring(1, str.length-1);
  $(this).children("a").children("span").html("");
  var str2 = $(this).children("a").text();
  $(this).children("a").text("");
  $(this).children("a").append("(span)"+str2+"(/span)");
  $(this).children("a").append("(b class="badge bg-info pull-right")"+res+"(/b)");
});
//테스트 (카테고리에 화살표 추가)
$("ul.t-category li").each(function(i) {
  var flag = $(this).children("ul").attr("class");
  if(flag=='nav nav-sub') {
    $(this).children("a").addClass("auto");
    $(this).children("a").prepend("(span class="pull-right text-muted")(i class="fa fa-fw fa-angle-right text")(/i)(i class="fa fa-fw fa-angle-down text-active")(/i)(/span)");
  }
});

원하는 모양대로 동작하게 변경하긴 했지만 거지같은 코드를 그대로 작성하니 민망민마하다. 고..고수분들이 보고 고쳐줬으면 좋겠다!(수줍수줍)

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post

2차 개발중 스킨 주소

아래 데모 사이트. 1일차 개발 진행 중


http://ggoban.tistory.com/


주말에 쉬고


다음주 월~화에 마무리 해야지.

반응형

Article By 꼬반

*certificate* : VCP 5(2012), RHCSA 7 (2014), RHCE 7 (2015), RHCSA in REDHAT OpenStack(2017) *development language* : Javascript, NodeJS, Golang, html5, css3, shell script *middle ware* : NGINX, Apache, Tomcat, Docker, Docker Swarm, Mesos, Kubernetes, HCI,

Discuss about post