스킨 전반적인 수정 [티스토리 스킨 수정]

안녕하세요 명월입니다.
벌써 티스토리 스킨을 적용한지 3일차가 지났는데.. 테스트 할 때는 문제가 없던 일들이 실제 블로그에 적용을 시키기 문제가 많이 나타나네요.
가장 큰 문제는 제가 부트스트랩에 대해 처음 다루고 충분한 지식이 없는 상황에서 무료 템플릿을 사용하다 보니 문제가 어디서 발생하는 지를 모른다는 것입니다.


일단 3일동안 일어난 문제점에서 나열하면 다음과 같습니다.


먼저 블로그 적용하고 나타난 문제점이 제가 외국에 있다보니 국내 웹서버가 많이 느리구나 싶었는데 구글 아날리틱스로 보니 접속 방문자 딜레이 시간이 그 전보다 2~3배 껑충 뛰었었습니다.

순간 아 부트스트랩이 무거운건가도 의심을 했지만 다른 반응형 웹을 사용하시는 디자인 고수 블로그에서는 엄청 빠르고 제꺼만 느린 거 였습니다.


문제점을 조사해 보니 제 블로그의 라이브러리, link파일은 github에서 다운로드받는데 부트스트랩+무료템플릿 라이브러리,즉 js,css파일이 너무 많아서 나오는 병목현상이었습니다.
그래서 나온 해결책은 CDN으로 돌릴 수 있는 라이브러리는 최대한 돌려서 병목현상를 없앴습니다.그래도 무료 템플릿 자체가 무겁다고 할까....아니 템플릿 자체가 무겁다라기 보다는 라이브러리 js 파일를 다 쪼개놨더라구요..그래서 나오는 병목현상...ㅠㅠ..무료 템플릿은 완제품이 아닌 미완제품의 느낌이 강하네요...


두번째 버그는 메뉴가 없어지는 현상이 나옵니다.이것으 조사해 보니, 부트스트랩의 hover쪽 이벤트와 무료템플릿의 hover쪽 이벤트가 충돌을 하였습니다. 충돌이라기 보다는 style일 제멋대로 작동한다는 것이지요... 역시 싼게 비지떡인지 첨부터 버그가 있었네요..역시 미완제품..
더 큰 문제는 수정이 매우 까다롭다는 것입니다..거의다 클래스 addClass, removeClass 처리다보니 Class자체를 처리하다보면 다른 곳에서 문제가 생기네요.Class가 너무 복잡하게 꼬였습니다.


처음부터 다시 bootstrap라이브러리만 사용하고 만들고 있습니다.아예 처음부터 생코딩으로 만들려고 합니다.... 서버 사이드 개발자인 저에게는 디자인이란 어렵네요......ㅠㅠ


new skin


Html랑 Css랑 Jquery 공부 원없이 하겠네요...


댓글 3개가 달렸습니다.
댓글쓰기
  1. SONYLOVE
    2016.03.09 22:56 신고 |  수정/삭제  댓글쓰기

    블로그에 쓰인 폰트가 너무 귀여워요. ㅎㅎ

    • 明月 v명월v
      2016.03.09 23:01 신고 |  수정/삭제

      안녕하세요... 블로그 방문감사합니다...
      열심히 리뉴얼 중이라 아직 부족한게 많은데..
      폰트는 저도 무료 배포하는 거 퍼온 거라...
      출처는 http://blog.naver.com/PostView.nhn?blogId=yhui1113&logNo=220590270122&parentCategoryNo=15&categoryNo=&viewDate=&isShowPopularPosts=true&from=search
      입니다.. 좋은게 많은 거 같더라구요...
      좋은 하루 되세요..

    • SONYLOVE
      2016.03.09 23:16 신고 |  수정/삭제

      오호 저도 참고해야겠습니다.
      감사합니다. ^_^