About Me

Let me introduce myself
Mansu Jeong / Appist / 20, Male / Web Developer

Mansu Jeong
Web/Application Developer
  1. 본 스킨은 티스토리 블로거를 위하여 무료로 배포되며, 피드백 및 버그, 오류 등은 덧글로 적어주시면 감사하겠습니다.
    덧글과 공감은 블로거에게 큰 힘이 되어줍니다. 많은 사랑과 관심 부탁드립니다. 또한, 스킨 제작은 계속 될 예정입니다.

  2. 바다소리

    와우~~ 심플하고 좋습니다. "화이팅"입니다!!

    • 첫 덧글 감사합니다. 앞으로도 많은 스킨을 제작할 예정이니 관심 부탁드립니다

  3. 호출대기시간이 짧아 사진 로딩시 서로 겹치는 현상이 있네요.
    1,2페이지 클릭하다 보면 여러번 보입니다.

    • 그렇군요.. 그런 버그가. 참고하도록 하겠습니다.

    • 그리드 레이아웃을 제공하는 jQuery 플러그인의 높이 적용이 제대로 반영되지 않아 생긴 문제로 생각되어 코드를 아주 약간 수정하였습니다. 새로 적용해보시는 건 어떠실까요? 문제가 지속되신다면 다시 알려주세요!

    • VisualStylish

      모바일, PC 잘 됩니다, 고맙습니다^ ^

    • VisualStylish

      또 되다가 안되다 그러네요.

      1)
      http://cfile29.uf.tistory.com/image/272AC53F57B7156B15609C

      2)
      http://cfile1.uf.tistory.com/image/26120B4457B71532169D68

      3)
      http://cfile5.uf.tistory.com/image/211D174457B715360B5DCC


    • 이미지주소를 보아하니 포스트에 사용된 이미지 인 것 같군요.. 일단 지금은 힘들고 내일 살펴보고 다시 답변 드리겠습니다 ~ !!

    • 지저분한 부분을 살짝 지웠고,
      오류가 있던 부분도 수정하였습니다.
      다만, 포스트 이미지가 수집되지 않는 부분은 저도 알 수 없습니다.
      포스트는 티스토리가 알아서 변환해주기 때문이죠 ㅠㅠ.

  4. 비밀댓글입니다

  5. 카테고리에 마우스 오버시

    전체 카테고리 > 카테고리 리스트 ....... 이런식으로 나오는데

    카테고리에 마우스 오버시 바로 카테고리 리스트가 나오게 할 수 없을까요?

    • 티스토리 메뉴 구성상 어쩔 수가 없더군요.. 제가 만질 수 없는 부분입니다 ㅠㅠ

  6. 버전이 2.0 으로 상승되었습니다. 전반적인 디자인이 수정되었으니 참고바랍니다 ~ ^^

  7. 저 2.0버전 압축파일에서 inedx 파일이 없다는데 어째야하나요?

  8. 안녕하세요 스킨너무감사하고요. 제가 이번에 처음으로 블로그만들때 앱작가님 스킨을 쓰려고 합니다.
    티스토리 관리 -> 꾸미기, 스킨 -> 스킨등록 -> 파일 업로드(이미지폴더안에 모든것과 인덱스,프리뷰,스킨,스타일) 다 하고 스킨저장명 눌러서 저장을 누르면

    skin.html 또는 style.css 또는 index.xml 파일을 업로드 하지 않았습니다.
    해당 파일이 없을 경우 블로그 접속에 문제가 발생할 수 있으니 다시 확인해주세요.

    라고 뜨네요. 제가 뭘빠뜨린게 있을까요?

    • 다른 버전으로도 해보니 그렇네요.. 음, skin, style 파일을 메모장으로 여셔서 스킨편집기에 각각 html, css 부분에 복사해주시고,
      이미지 폴더에 있는거 파일업로드에 모조리 업로드 해버리세요!

      현재 안 되는 것은 티스토리오류가 아닌가 조심스레 추측하여 봅니다.

  9. 음 제가 이런거는 처음이라 좀더쉽게설명해주실수있나요...?
    다른버전이라고라셨는데 2.0말고다른거는바로적용이 될까요?

    • 수동으로 하는 것은 다소 복잡할 수 있습니다만, 스킨저장이 제대로 작동이 안 되는 관계로 설명해보도록 하겠습니다.

      총 5단계를 거치는데, 다음과 같습니다.

      1. 티스토리 관리 -> 꾸미기 -> HTML/CSS 편집
      2. 스킨압축파일의 압축을 풀고 skin.html, style.css 파일을 메모장으로 열기 ( 빈 메모장을 열고 파일을 드래그앤 드롭 하세요. )
      3. skin.html 모든내용을 복사(Ctrl+A 이후 Ctrl+C)하여 아까 열어두었던 HTML/CSS 화면에서 html 부분에 붙여넣기..(Ctrl+V)
      4. style.css 도 같은 과정(style.css 파일을 열고 CSS 부분에 복사)으로 처리.
      5. HTML/CSS 화면의 세번 째 탭에있는 파일업로드 부분에 images 폴더에 있는 모든 것을 업로딩.. 이후, 저장 버튼.

      추가 질문사항이 있으시면 덧글 달아주세요. 말이 길어서 그렇지 직접해보면 간단하답니다. :)

  10. 자세한설명감사합니다. 바로적용이되었네요! 근데 인덱스파일은 따로 안낳너두아도될까요 그리고 홈 블로거 카테고리있는 메뉴바에 로고추가가 될까요? 감사합니다.

    • 수동으로 적용시키는 경우 인덱스파일은 따로 필요가 없습니다. 그 외에 메뉴바 로고같은 경우는 스킨 제작시에 따로 고려를 하지 않은지라 넣는 것이 불가능합니다.
      한 가지 방법이라면, 코드를 입력하시는 것입니다. :))

  11. 보자마자 반해서 적용 중이에요. 멋진 스킨 배포해주셔서 감사합니다! 네비게이션 메뉴 폰트를 블로그에 적용한 폰트와 다르게 적용하고 싶은데 잘 안 풀리네요. 혹시 팁이 있을까요?

    • 폰트의 경우 CSS 문서 내에 구글웹폰트로 적용한 것입니다.

      구글 웹폰트를 CSS 문서에 포함시키고,
      CSS font-family 속성을 변경하시면 됩니다.

      https://fonts.google.com/ 구글 웹폰트사이트입니다. 참고하시기 바랍니다-!

  12. 사용하고 싶어서 다운로두 받고, 압축풀고 스킨 추가 하려는데... 인덱스 파일의 내용이 유효하지 않다고 업로드가 안되네요,

    • Index.xml 파일이 유효하지 않다고 하는 것은 현재, 티스토리의 자체적인 버그로 생각됩니다. 다른 분들이 배포하는 스킨으로 테스트해봐도 동일 증상이 나타나는 군요..

      수동으로하는 방법을 알려드립니다.
      다소 복잡할 수 있습니다만, 스킨저장이 제대로 작동이 안 되는 관계로 설명해보도록 하겠습니다.

      총 5단계를 거치는데, 다음과 같습니다.

      1. 티스토리 관리 -> 꾸미기 -> HTML/CSS 편집
      2. 스킨압축파일의 압축을 풀고 skin.html, style.css 파일을 메모장으로 열기 ( 빈 메모장을 열고 파일을 드래그앤 드롭 하세요. )
      3. skin.html 모든내용을 복사(Ctrl+A 이후 Ctrl+C)하여 아까 열어두었던 HTML/CSS 화면에서 html 부분에 붙여넣기..(Ctrl+V)
      4. style.css 도 같은 과정(style.css 파일을 열고 CSS 부분에 복사)으로 처리.
      5. HTML/CSS 화면의 세번 째 탭에있는 파일업로드 부분에 images 폴더에 있는 모든 것을 업로딩.. 이후, 저장 버튼.

      추가 질문사항이 있으시면 덧글 달아주세요. 말이 길어서 그렇지 직접해보면 간단하답니다. :)

  13. 그리드 스킨 사용해보고 싶었는데 앱작가님 덕분에 제 티스토리에도 적용해서 사용해보게 되었네요. 좋은 스킨 정말 감사합니다!




App W 2.0 스킨을 소개합니다.



안녕하세요 앱작가입니다. 이번에 처음으로 티스토리 스킨을 배포하게 되었습니다. 

저의 첫 작품이니 만큼 미흡한 점도 다소 있겠으나, 부디 양해 부탁드립니다. 



App W




그리드형 인덱스페이지를 이 스킨의 주 레이아웃으로 선정하였습니다.

반응형으로 구성되었으며, 메인 페이지는 타일형 섬네일하단의 사이드바를 포함합니다.



포함 및 불포함 사항




사이드바의 요소는 세개로써 최근 글, 최근 덧글, 방문자 수입니다.

달력, 공지사항 및 보호글, 트랙백 기능을 포함하고 있지 않습니다.

검색의 경우 네비게이션바에 오른쪽에 위치하고 있습니다.



배포 버전 v2.0




App_W_for_tistory_skin_designed_by_앱작가_v1.0.zip

App_W_for_tistory_skin_designed_by_앱작가_v1.1.zip

App_W_for_tistory_skin_designed_by_앱작가_v1.2.zip

App_W_for_tistory_skin_designed_by_앱작가_v2.0.zip





업데이트




Update. 2016.08.16 - App W v1.1


- 네비게이션바가 개편되었습니다.

- 모바일 버전의 네이게이션바가 제공됩니다.


Update .2016.08.19 - App W v1.2


- 그리드 레이아웃이 사이드바와 겹치는 현상이 개선되었습니다.

  ( 해당 버그를 제보해주신 Visualstylish 님께 감사를 표합니다. )


Update .2016.10.14 - App W v2.0


- 전체적인 디자인이 개선되었습니다.



커스터마이징 및 자유도




불행하게도 자유도는 거의 없다고 보셔야 합니다. 

다만 장점으로는 사용자가 건들 것이 전혀 없다는 부분입니다.

한 마디로, 스킨 적용만 하면 그냥 사용하면 된다는 얘기죠.


HTML/CSS/Javascript/jQuery 사용가능자는 제외입니다.



스킨 적용이후 설정사항




스킨 적용이후 변경해야 할 것이 딱 두 가지 존재합니다.



>> 모바일 웹 사용 OFF 설정하기


관리자페이지의 꾸미기 - 설정 메뉴에 들어가서 모바일웹사용을 OFF로 전환합니다.




>> 에디터 가로폭 변경하기


관리자페이지의 글 관리 - 글 설정 메뉴에 들어가서 가로폭을 1280px 으로 변경합니다.


Note.

일반 데스크톱에서도 화면의 세로사이즈가 줄어들면 

레이아웃이 변하도록 되어있습니다.


화면 전환 기준은 세로사이즈 1280px 입니다. 






피드백




본 스킨은 티스토리 블로거를 위하여 무료로 배포되며, 

피드백 및 버그, 오류 등은 덧글로 적어주시면 감사하겠습니다. 



#3. 티스토리 스킨 가이드 :: 티스토리 스킨을 적용하는 두 가지 방법

http://appist.tistory.com/entry/how-to-apply-tistory-skin





신고
Mansu Jeong / Appist / 20, Male / Web Developer
Was working as a web programmer in Korea, Now, is making a website as a freelancer in Canada with Workingholiday visa, is gonna go back to Korea maybe next year march, Also, have work experience over 3 years. And, making TISTORY themes for blogger.

Development

I can make a website with programming languages such as HTML5/CSS3, Javascript/JQuery, MySQL/PHP, Also, using many plugins like Bootstrap, JQuery UI.

Communication

I always listen requirement carefully about functions, design for customer's convenience, Also i try to hear opinions with co-worker

Application

When i meet with a difficulty, i ask to help, or use plugins through searching such as Github, JQuery UI and Bootstrap.

Documentation

For management, I compose documentations about the website such as program, requirements specification, storyboard, sitemap, flowchart, ERD

Endless studying

I want to know more techniques such as game, smartphone apps, desktop apps so I always study, review everyday.

Obvious goals

Now, I'm makeing only website, but i want to make a many things such as smartphone, desktop app, game so I'm running to my goals for top programmer.

Fervor

I like composing something through programming languages, so if I start doing one, I can't stop it until i feel satisfaction.

Explore

Sometimes, when i have to do new project that i haven't done until now, I always challenge it without fear for growth.

Technique Setting
Now, I'm a web programmer, especially i write well about frontend part so i usally use HTML5/CSS3/Javascript/JQuery. I can backend part programming too with MysSQL/PHP but, It's insuffition than frontend part. but, I'm trying to study, research for better website.

When i design website, i always use photoshop but, I like benchmarking than i design directly because my designing skill isn't good actully than programming.

For management, I compose documentations about the website such as program, requirements specification, storyboard, sitemap, flowchart, ERD
HTML/CSS3
95%
Javascript/JQuery
80%
MySQL/PHP
70%
Web Design
60%
Documentation
85%

Portfolio

Work for websites & themes

Time-Line

History & Work experiences

Incheon Infomation Industrial High school

I've graduated high school about computer engineering, started my first programming with C Language, when i was studying programming, I feel fun. so I've studied until now.

Mar, 2011 - Feb, 2014

Korea Auto System

My first company, it was related with a car. it was different what i learned in my school but, I haven't' given up, I tried to know. finally, I learned basic programming with C/C++/MFC ( Windows programming ), Also, I learned programming sense.

Sep, 2013 - Jan, 2014

Hanyang Cyber University

I felt what i need to study for growth, so i started university in computer engineering part. I learned Network, Web programming, C/C++, Linux OS etc. sometimes I felt sad that i couldn't hang out with my friend, but I could focus about studying because it's cyber university.

Mar, 2014 - Present

Incheon Girls Technical High School

I started working in the school as a computer engineer, in school, there wasn't computer engineer without me, so I have many responsibility, I had to manage so many computers Sometimes, I did programming, Sometimes, I fixed teacher's computer.

Apr, 2014 - Feb, 2016

Canada Workingholiday

When i studied about programming, there were many English words, Also, When i was searching on the internet for reference, many websites had been composed with English. I didn't know English, but I needed to study English in English-speaking world. So i went to Canada for studying, getting experience.Now, I'm in Canada, I'll go back to Korea next year.

Apr, 2016 - Present
7,471 TOTAL
12 TODAY
34 YESTERDAY
2016.08.12 Since
Location
Canada, Vancouver, BC
Cell phone
+1 778-927-8076
E-mail
pronist@naver.com

티스토리 툴바