이전 포스팅 – 카페24 모바일에서 소비자가를 표시하는 방법에서 카페24에서 소비자가와 판매가를 구분하는 작업을 하고난 뒤에 자동으로 두 값을 이용해서 할인율을 표시하는 자바스크립트입니다.

See the Pen
소비자가,판매가 퍼센티지 계산
by 배현기 (@illustudio)
on CodePen.

스크립트는 단순합니다. 두 값을 변수에 저장한다음 정규표현식을 이용해 한글을 제외한 숫자만 추출한 뒤 퍼센티지 계산을 합니다. 그리고 새로운 엘리먼트를 만들어서 해당 내용을 담아서 원하는 위치에 삽입하는 방식으로 구성된 스크립트입니다.

해당 내용을 운영중인 카페24 쇼핑몰에 적용하고 싶으시면 연락주세요. 해당 내용을 바로 적용할 수 있는 경우도 있지만 소스의 가공이 필요해지는 경우도 있습니다. 작업 난이도에 따라 소정의 작업료(5~10만)만  받고 진행해드리도록 하겠습니다.

포토샵

포토샵은 이미 많은 분들에게 알려진대로 사진 편집 및 보정, 디자인, 일러스트레이션, 합성 등 다양한 분야에서 활용되고 있는 그래픽 소프트웨어입니다.

포토샵은 그래픽에 대한 만능도구처럼 다양한 기능이 존재합니다. 하지만 전문가들도 포토샵에 있는 모든 기능을 모두 활용하지는 않습니다. 본인의 업무에 필요한 도구들 이외에는 거의 사용할 일이 없기 때문이죠.

포토샵

그래서 포토샵을 막연하게 잘 하고 싶다고 하면 더 없이 어려워질 수 밖에 없습니다. 합성, 사진, 디자인, 일러스트레이션 등 모든 분야를 다룰 것이라는 이야기와 마찬가지이기 때문입니다.

실제로 그렇게 일하는 사람은 없다고 봐도 무방합니다. 한 분야에서 전문성을 인정받기도 어려운 세상에 모든 분야를 다 잘한다는것은 불가능에 가깝죠.

그래서 일단 당장 필요한 것을 익히면서 포토샵이라는 도구에 겁을 내지 않도록 친해지는 것이 가장 중요합니다. 나머지 기능은 필요없거나, 필요하면 나중에 배워도 무방한 것들이기 때문이죠.

지금도 어도비에서는 소소한 업데이트를 통해서 포토샵에 기능을 추가하고 있습니다. 이 모든 기능을 모두 마스터한 다음 포토샵을 사용하겠다고 하면, 아무래도 무척 오랜 시간이 필요할 겁니다.

시작은 가벼울 수록 좋습니다. 모든걸 다 짊어지고 가려고 마음먹으면 한 걸음도 딛을 수 없기 때문입니다. 쉬운  것부터 – 따라할 수 있는 것 부터- 시작하면 됩니다.

포토샵 버전도 크게 개의치마세요. 기초적인 기능의 대부분은 CS3 이후로 크게 변하지 않았습니다. 물론 가능하면 최신버전일 수록 좋습니다. 최신 버전은 번거러운 일을 쉽게 해결할 수 있도록 기능을 개선하고 있기 때문입니다.

앞으로 짬짬히 포토샵에 대한 내용을 포스팅할 예정입니다.

기존에 git에 저장해두었던 gulp 세팅이 되어있던 파일을 불러오는 과정에서 node-sass가 설치 되지 않는 문제가 발생한다.

주로
“user “root” does not have permission to access the dev dir”
라는 문구를 내뱉으며 문제를 일으키는데 아래 화면처럼 계속 권한이 없다는 말만 반복하면서 무한 루프에 빠져버린다. 그래서 권한을 주고 벼라별 짓을 다 해도 몇시간 동안 node-sass 설치에 실패했다.

구글을 아무리 뒤져도 답이 나오질 않아서 한참 해메며 포기할까 싶은 무렵 실낱같은 희망이 되어준 옵션이 하나 나타났다. –unsafe-perm

이를테면 이런식으로 사용하는 것이다.

이 옵션을 주면 위와같이 권한 문제로 무한루프에 빠지는 것을 해결 할 수 있다. 좀처럼 풀리지 않는 문제라 주말 내내 골치 썩고 이제는 포기하고 싶었는데, 자기전에 극적으로 해결이 됐다… 주말이 다 날아갔다는 이야기.ㅋㅋㅋ

추가적으로 node-sass를 설치하는 과정중에 컴파일 하는 과정이 있는데 이럴 경우 컴파일러가 없으면 “make g++ command not found” 오류를 내뿜는다. 이런 경우에는 구글에서 아래와 같은 답을 내어주었다.

sudo apt-get install build-essential g++

여기까지 해주고나니 기나긴 컴파일 과정을 거치고 난 후 정상적으로 모듈이 설치되고 작업환경이 완성됐다.

 블랙 프라이데이는 11월의 마지막 주 목요일인 추수감사절 다음날로, 미국에서 연중 가장 큰 규모의 쇼핑이 행해지는 날이다. 

위와 같은 정의를 갖고 있는 블랙프라이데이. 아마도 쇼핑몰을 운영하시는 분들 중에서는 이런 이벤트도 생각하고 있지 않을까 싶어서 준비했습니다. 임의로 넣은 내용들인지라, 할인 기간과 할인 퍼센티지는 수정이 가능하도록 텍스트 레이어 형태로 넣어두었습니다. 무료폰트인 본고딕 ( 노토산스 – Noto Sans )로 작성했습니다. 포토샵 CC 버전으로 작성한 관계로 하위버전에서의 호환을 완벽하게 보장할 수는 없습니다.

포토샵이 익숙치 않아서 수정이 어려우실 경우 작업 요청 주시면 소정의 작업비용만 받고 수정 해드리도록 하겠습니다. 단순 텍스트 수정은 5천원부터 작업 가능합니다. 새로운 디자인을 필요로 하실 경우엔 1000×1000 px 기준 5만원부터 작업가능합니다.

해당 파일의 저작권은 저에게 있습니다. 상업적, 비상업적 용도로 모두 사용이 가능하나, 다운로드는 항상 illustudio.co.kr에서 이뤄져야하며, 다른 곳으로의 무단으로 게시하거나 배포하는 행위를 금합니다. 웹 용도로 사용이 허락되어 있으며, 허락된 용도 이외의 저작권 침해행위를 모두 금합니다.



워드프레스 시장 점유율은?

wordpress.com 사이트에 들어가면, 세계 28%의 사이트가 워드프레스로 만들어졌다고 소개하고 있습니다. 전세계에서는 28%일지 몰라도, 한국에서 워드프레스가 얼마나 사용되고 있는지 궁금해졌습니다. 그래서 통계자료를 찾아봤습니다.

워드프레스

워드프레스

출처 : builtwith.com

위의 데이터를 보면 워드프레스가 30.52%의 사용량을 보여주고 있는데요. 버전별로 나뉘어져있다보니 별도 버전까지 다 합친 양을 보면 48.26%라는 것을 알고 있습니다. 생각보다 많은 사용량이라 저도 조금 놀라운데요. 그누보드, XE,킴스큐와 같은 국산 CMS가 있는데도 노출되지 않고 있네요. 사용량이 적어서인지, meta값에서 파악이 되지 않는것인지 모르겠습니다. 그리고 .kr로 끝나는 사이트들만 통계에 잡힌것으로 생각되는데요. .com이나 .net 같은 사이트까지 합치면 더 많을것 같습니다.

나모 웹에디터(namo webeditor)나 에디트 플러스(edit plust)는 CMS가 아님에도 불구하고 리스트에 올라가 있는 것이 보입니다. 아마도 이 통계사이트에서 meta 태그 내용을  긁어오다보니, 사이트를 만드는 사람들이 해당 에디터들로 작성하고 미처 head부분의 meta 태그에서 수정하지 않았기 때문일거라 생각합니다.

그리고 눈에 띄는 것이 wix(윅스)인데요. premium(프리미엄)이나 non-flash(논-플래시)버전을 가리지않고 사용량을 파악해보면 20.71%나 사용하고 있음을 알 수 있습니다.  해당 통계로 보면, 워드프레스와 윅스가 양분하고 있는 상황으로 보여지죠. 윅스는 편리한 구축이 장점이고, 워드프레스는 다양한 커스터마이징이 가능하다는 것이 강점이죠.

이 사이트에서 CMS를 구분하는 기준을 잘 모르겠는데요. Blogger가 CMS로 구분된 것을 보면 네이버 블로그나 티스토리도 CMS의 범주로 편입할 수 있을것 같은데, 통계에 잡히지 않은 것이 좀 의아합니다.

호기심에 찾아본 통계입니다만 생각보다 많은 사이트들이 워드프레스로 운영되고 있어서 놀랐습니다. 윅스가 빠르게 치고 올라왔지만 다양한 요구에 워드프레스가 빠르고 손쉬운 방법으로 제공하고 있기때문에, 훨씬 더 강력한 무언가가 나타나지 않는 이상 한동안 계속 사랑받을 것으로 생각됩니다.