1. 벽과나사이 - Theme


갤러리 형태로 테마를 보여줘야 했기 때문에, 이 기능이 xe, 그누보드 중에서 뭐가 더 잘 지원되는지 알아보고자 찾아본 것.


결론적으로 말하면 둘 다 잘 지원됨. 그러나 디자인이 예쁜건 그누보드인 듯 하고 사용하기 편리한 건 xe 쪽인듯...


http://sir.kr/g5_skin/9396?sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC


http://sir.kr/g5_skin/7637?sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&page=5


http://blog.naver.com/dualband/220068881685


https://www.xpressengine.com/index.php?mid=download&package_id=21813965


* 아래 링크는 서버이전 방법인데 저 방법은 쓸 줄 모르는건 아니지만 솔직히 많이 불편함. 아무리 나도 리눅스 쓸 줄 안다지만 저건 좀...


http://mylostworld.co.kr/bbs_xe/13010




2. Hercules - Editor Plugin


유료로 돈을 주더라도 지금보다 좀 더 강력한 성능의, 에디터에서 보여지는 대로 자유자재로 글 수정이 가능하고 보는 그대로 출력되는 에디터 플러그인을 회사에서 요구했기 때문에 찾아본 것.


결론적으로 말하면 성능이 더 강력한 것은 몇개 있으나, 에디터에서 보여지는 그대로 자유자재로 글 수정이 가능하고 보는 그대로 출력되는 에디터는 아무리 유료라도 불가능함.


* 유료 에디터 플러그인들


http://codecanyon.net/item/wp-quick-frontend-editor/13077804?s_rank=4


http://codecanyon.net/item/textmorph-wp-onpage-editor/4843694?s_rank=5


http://codecanyon.net/item/wordpress-post-styler-pretty-post-styles-plugin/5572802?s_rank=1


* 기본 폰트 적용 방법


http://mwultong.blogspot.com/2006/07/html-css.html


*** Tiny Advanced 사용 방법 - 그나마 이 방법이 강력한 에디터 기능을 구현하는 제일 나은 방법임.


http://stackoverflow.com/questions/24105575/how-to-add-new-font-to-tinymce-advanced




3. hercules - 워드프레스 Kboard


*** 공지글을 최신글 보는 부분에 추가하는 방법


http://www.cosmosfarm.com/threads/document/5920


*** 게시판에 New 표시 추가


http://www.cosmosfarm.com/threads/document/2071




4. 벽과나사이 - Menu Animation


지금은 홈페이지 모양이 여러차례 수정된 결과 이런 메뉴 애니메이션이 필요없게 되었지만,


초반의 시안에서는 실장님이 메뉴 애니메이션을 포함하길 강력하게 요구했고


그래서 찾아본 것.


http://tympanus.net/codrops/2013/08/06/creative-link-effects/


* 100vw 단위가 Scroll Bar 너비를 계산하지 못하는 문제를 해결하기 위해 찾아본 것. 방법은 있으나 쉽지 않다는 게 함정...


https://davidwalsh.name/detect-scrollbar-width


https://tylercipriani.com/2014/07/12/crossbrowser-javascript-scrollbar-detection.html


http://chris-spittles.co.uk/jquery-calculate-scrollbar-width/




5. 벽과나사이 - Menu Display


lnb menu를 2단까지 출력하기 위해 찾아본 것. 결론적으로는 이런거 찾을 필요도 없고 xe 기본으로 주어지는 스킨의 gnb menu 코드를 조금만 변형시키면 lnb menu로 2단 출력이 가능함.


https://books.google.co.kr/books?id=XNxAAwAAQBAJ&pg=PT240&lpg=PT240&dq=xe+lnb+menu&source=bl&ots=ZFUIuFwctx&sig=JjCqvqegK-4sdKucKdtI-LnDIIY&hl=ko&sa=X&ved=0ahUKEwj-8oTCiaHLAhXBjZQKHWvwBJwQ6AEIUjAJ#v=onepage&q=xe%20lnb%20menu&f=false




6. Hercules - Image Upload


계정을 테스트계정 -> 실계정에서 변경하는 과정에서 이미 고정된 이미지 주소들을 어떻게 변경시켜야 DB에서 일괄변경해서 좀 더 빠른 작업이 가능할 지 찾아본 것. 이미지가 한두개가 아니었으므로...


결론적으로 말하면 작업을 좀 더 빠르게 하는 방법이 있긴 하지만 어떤 방법을 쓰던 결국 수작업을 거쳐야 함. 노가다...;;; 2번째 링크의 방법이 가장 유용함.


http://blog.publisher.name/687


http://extrememanual.net/4016


http://maeon.com/wordpress-web-hosting.html




7. Effecos - Image Slider


카페24 쇼핑몰에 삽입할 이미지 슬라이더를 찾기 위한 것.


관건이라면 다양한 해상도의 PC에서 모두 잘 보여야 했으므로 반응형 이미지 슬라이더여야 했음.


결국 찾았는데 처음에는 responsive slider를 썼지만, Fade 기능이 반드시 포함되어야 한다는 추가 요구사항에 의해 unslider를 쓰게 되었음.


http://responsiveslides.com/


http://responsiveslides.com/themes/themes.html


http://designscrazed.org/free-responsive-jquery-image-sliders/




8. Hercules - Counter Plugin


워드프레스 Counter 기능을 삽입하기 위해 찾아본 것.


카운터 기능은 보통 위젯으로 넣을 수 있는데, 우리가 구축할 사이트의 경우 위젯이 아니라


홈페이지의 푸터에 카운터를 넣어야 했으므로, 그걸 구현하기 위해 찾아본 것.


http://blogcastfm.com/4-top-free-wordpress-counter-plugins/


http://www.wordpressn.com/wptuts-%EC%9C%84%EC%A0%AF-%EC%9C%84%EC%B9%98-%EB%82%B4-%EB%A7%98%EB%8C%80%EB%A1%9C-%EB%82%B4%ED%82%A4%EB%8A%94%EA%B3%B3%EC%97%90-%EB%84%A3%EC%96%B4%EB%B3%B4%EA%B8%B0/


http://w.chch.kr/?p=75


http://moneyclick.tistory.com/363


http://www.opentracker.net/article/hits-or-pageviews


그러나 좀 더 자세히 알고보니 카운터 기능만을 원하는 게 아니라 전반적인 통계기능이 제공되길 원했음.


그러려면 네이버 애널리틱스나 구글 애널리틱스를 워드프레스와 연동시켜야 한다는 결론이 나온다.


그래서 결국 네이버 애널리틱스 연결시킴.




9. hercules - 역대합격자명단


역대합격자명단 pdf가 익스플로러에서도 다운로드 없이 바로 보이기를 원해서 찾아봤음.


그러나 일부 익스플로러에서는 pdf 리더를 자동 감지해서 보여주고, 일부에서는 그렇지 않다는 것이 진짜 문제.


결국 그걸 테스트하기 위해 내 업무 컴퓨터의 pdf 리더를 지우기에 이름.


역시 익스플로러가 문제. 좀 과장된 말일 수도 있지만 익스플로러는 프론트엔드 개발자의 가장 큰 적이다.


https://helpx.adobe.com/kr/acrobat/using/display-pdf-in-browser.html




10. hercules - 팝업창


팝업창 띄우는 자바스크립트를 찾아본 것.


그러나 브라우저 새창으로 자바스크립트를 띄우는 게 아니라, 레이어를 띄운다는 것을 알게 되어 이 방법은 사용하지 않게 되었음.


http://h5bak.tistory.com/130




11. 벽과나사이 - 로그인 문제


xe 업데이트 후 로그인이 안되는 문제가 있었음.


결론적으로 말하면 xe 엔진 자체의 문제. 업데이트를 통해서 해결해야 한다.


https://www.xpressengine.com/qna/23119993




12. Hercules - Htaccess


htaccess 문제로 홈페이지가 제대로 돌아가질 않아서 찾아본 것.


http://hwangc.com/10-useful-htaccess-rule/




13. illtop - IE11 Compatible


고객에게 특정 익스플로러 버전에서 홈페이지가 깨져 보인다는 항의를 듣고 나서 살펴본 것.


illtop 홈페이지는 html5/css3를 이용한 홈페이지 구축이 요구사항이었으므로


익스플로러 구버전에서 안되는 것은 당연한 거였는데, 나중에 알고 보니 IE8이어서 생기는 문제였다.


그러나 그 사실을 알지 못한 상태에서 여러가지 방법을 찾아본 것.


그러나 이 방법들 모두 통하지 않았다.


http://stackoverflow.com/questions/21656589/css-error-or-ie-compatibility-issue


https://msdn.microsoft.com/en-us/library/gg622939(VS.85).aspx


http://stackoverflow.com/questions/8226863/ie9-standard-view-no-load-css




14. Hercules - video no sound


비디오에서 소리를 없애고 재생시킬 수 있는 것을 굳이 동영상을 변경하지 않고 코드로 가능하냐는 실장님의 요구사항에 의해 찾아본 것.


결론적으로 말하면 가능하며, html5 명세서에 있는 부분임.


그러나 실제로는 아주 최신 브라우저에서만 적용되며, IE10마저도 지원이 안된다는 것 때문에, 결국은 동영상 자체를 소리를 없애게 되었음.


http://www.w3schools.com/tags/att_video_muted.asp




15. Hercules - 스윙브라우저


'스윙브라우저'라는 브라우저에서 홈페이지가 제대로 보이지 않는다는 컴플레인을 받고 찾아본 것.


html5, css3를 이용한 반응형+워드프레스 홈페이지 개발이 요구사항이었으므로


내부적으로 IE7 엔진을 쓰는 스윙브라우저가 안되는 것은 당연한 거였음.


물론 IE7을 고려해서 반응형+워드프레스 홈페이지 개발이 불가능하진 않지만, 말도 안되는 요구사항임. 이 요구사항을 들어주려면 어지간한 상황에서는 모바일을 버려야 하기 때문이다.


모바일 안버리고 반응형 만들려면 워드프레스 수준이 아닌 이 블로그 정도 수준이라도 많이 까다로움. 이 블로그도 IE7 맞추기 위해 쌩고생했지...


https://namu.wiki/w/%EC%8A%A4%EC%9C%99%20%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80


http://koreahtml5.kr/jsp/infoSquare/browserUseStatsKor.jsp




16. illtop - favicon


단순 html / php 코드로 만들어진 사이트에 favicon을 어떻게 삽입하는지 찾아본 것. 간단하다.


http://mwultong.blogspot.com/2007/01/favicon-site-icon-html-tag-faviconico.html




17. artplanat - video


http://videohive.net/item/simple-logo-reveal/15377055?s_rank=6


http://videohive.net/item/search-bar/15394976?s_rank=11


회사 홈페이지에 들어갈 인트로 동영상을 위해 찾아본 것.


근데 내가 우리회사 개발 관련 분야 전부다 하는데 그것도 모자라서 동영상까지 맏아야하나... ㅡㅡ;




18. artplanat - modoo


네이버모두에 통계기능이 지원되는지를 찾아본 것.


결론적으로는 '된다' 라는 이야기가 많으나, 구체적으로 어떻게 통계기능을 사용하는지에 대한 글은 하나도 없다는 게 함정...


http://blog.naver.com/alphagate/220354934151




19. 벽과나사이 - animation


페이지 전체에 애니메이션을 주기 위해 찾아본 것.


결과적으로 이 기능은 페이지 전체에는 안쓰기로 했음.


http://tympanus.net/Development/PageTransitions/




20. 비밀보따리 - Slider


카페24에 들어갈 Slider를 찾았던 것.


특히 애니메이션이 끝에서 처음으로 돌아갈 때 반대방향으로 돌아가는게 아니라 원래 흐르던 방향으로 계속 진행되어야 하는 것이 관건이었음.


결국 그 요구사항 때문에 bxslider를 적용하려 했으나,


마우스오버 시 슬라이더가 이동되는 기능이 느리다는 이유로 reject되었음.


사실 마우스오버 되었을 때 슬라이더가 이동한다는 거 자체가 장애인 웹 접근성 위반이라 그런 기능을 제공하면 안되는건데... 참... 이런거 생각하면 우리회사 한숨나온다.


http://designscrazed.org/free-responsive-jquery-carousel-slider-plugins/


http://bxslider.com/examples




21. 벽과나사이 - Tooptip


Tooptip 기능은 부트스트랩에서 기본으로 제공하는 기능이다.


하지만 우리 홈페이지에는 부트스트랩을 쓰지 않았으므로...


부트스트랩의 해당 기능이 들어가 있는 부분만 가져와서 쓰기 위해 찾아본 것.


적용하는 건 어렵지 않다.


http://www.w3schools.com/css/css_tooltip.asp




( 몇일 후 포스팅에 계속... )

댓글을 달아 주세요

티스토리 툴바