기존에 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의 범주로 편입할 수 있을것 같은데, 통계에 잡히지 않은 것이 좀 의아합니다.

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

사자 두상을 그릴 생각은 없었는데, 문득 ‘음 요즘 포마드로 넘긴 올백 머리가 무척 멋있던데’ 라는 생각을 하다보니 사자 갈기가 생각나더군요. 그래서 이렇게 저렇게 아이디어 스케치를 하다보니 좀 더 다양한 표정의 캐릭터로 발전시키고 싶더군요. 그러다가 그만 일이 커졌습니다.

폴리머클레이

언제나 그렇듯이 전 충동구매입니다.

생각하고 실행에 옮기는데까지 시간이 그리 오래 걸리지는 않았습니다. 왜냐면 전부터 조형을 해보고싶다는 생각을 많이 했었던터라 망설이기만 하던것이 발동걸린것 뿐이었거든요. 물론 조형을 배워본 적도 없고 가르침을 구할만한 사람도 없는지라 유튜브와 네이버의 도움을 받아 필요한 재료들을 물색하고 홍대 호미화방으로 뛰어가 이것저것 줏어왔습니다.

생각해보니 철사와 패드도 필요한데 어쩌지 싶었는데 역시 다이소에 다 있더군요. 이것저것 사갖고 와서 간단히 저녁을 먹고 두근대는 마음으로 조물딱거리기 시작했습니다.

근데 생각대로 잘 안되더군요. 너무 물러서 쉽게 뭉개지는게 영 다루기가 쉽지 않았습니다. 그러다가 기분전환할겸 유튜브를 봤더니 대체로 쌓아가면서 형태를 만들어가더군요. 그래서 그런 방식으로 한번 만들어봤더니 대략 아래같이 형태가 그래도 조금씩 나오네요

폴리머클레이

누가 개냐고 물어보더군요. 물론 제가 봐도 개같긴 하네요 

 

그래도 굴하지 않고 열심히 쪼물딱거리다보니 첫 작업치고는 그래도 그럭저럭 나온거 같아요. 경험치가 부족하니 부족한 부분은 많지만, 일단 성질을 파악해가는 중이니 그것만으로도 무척 재미있습니다. 폴리머 클레이는 일단 오븐에 구워야 굳는 성질이라고 합니다만, 오븐이 없는 관계로 그냥 이대로 유지해둘 생각입니다. 작업의 목적이 어디까지나 참고자료로써 형태 파악을 위해 만든것이니 디테일도 크게 더 욕심내고 싶진 않네요.

아무튼 대략 총 작업시간은 4~5시간 정도 걸린것 같습니다. 만지작 거리다보니 시간 휙휙 잘가네요. 다만 아쉬운 점은 빛반사나 간접적인 색영향을 덜 받겠거니 싶어서 회색을 찾다가, 없어서 프레모 실버를 집어왔는데 펄이 들어가서 손에 반짝반짝 펄이 뭍는게 영 마음에 안드네요.

내일은 다이소에서 니트릴 장갑을 사와서 끼고 해봐야겠어요. 새롭게 뭘 만들어 볼지 생각도 한번 해봐야겠네요. 당분간 재미나게 할 수 있을거 같습니다. 이미 사온 클레이들만 소진하고나면 색깔있는 클레이들도 도전해봐야겠어요. 이것저것 섞다보면 색깔이 참 다양하게 나오더군요.

왜들 이렇게 폴리머클레이를 재미나게 하는지 좀 알 것 같습니다

포토샵 액션

포토샵 액션 기능을 활용하면 반복되는 작업을 줄이는데 많은 도움이 됩니다. 저도 그다지 즐겨 쓰지 않았습니다만 최근에 귀찮은 반복작업을 하게 되니 자연스럽게 꾀(?)가 나더군요. 저처럼 게으른 사람일 수록 빈둥대는 시간을 늘리기 위해 무언가 귀차니즘으로부터 벗어나고자 하는 욕구가 생기기 마련입니다.

그러다보니 포토샵 액션에 대해서 관심을 갖게 되었는데요. 웹사이트 디자인에 대한 책을 보다가 그리드 레이어를 껐다 켰다 하면서 디자인을 구성하는 방법에 대해서 설명된 내용을 봤습니다. 저도 한 번 적용해보려고 했는데, 근데 문제는 이 책의 예제를 제공하는 사이트가 뻗어버려서 예제에서 제공되는 스크립트를 다운 받을 수가 없더군요. 그래서 스크립트를 따로 작성하자니 시간이 걸릴 것 같고, 액션 자체에서 해결할 수 있을까 싶어서 보니 방법이 있습니다.

우선 제가 요구하는 조건은 이런 겁니다.

  • 한 번의 단축키로 특정 레이어/그룹이 보이거나(show) 안보이도록(hide) 작동해야한다.
  • 해당 기능이 작동하려면 액션에서 레이어가 보이거나 안보이는 상태에 따라서 판단할 수 있는 if문 구성(분기)이 가능해야 한다.

실제로 작동되는 모습을 보겠습니다

포토샵 액션

저는 여기서 “Grid ” 라는 그룹레이어가 Show / Hide로 변경되는 액션을 만들었습니다. 액션의 순서는 이렇게 진행됩니다.

  1. Grid 그룹을 선택한다
  2. 현재 선택된 레이어가 보여지는 상태(show)인가? -> Hide 액션을 실행한다
  3. 현재 선택된 레이어가 감추어진 상태(Hide)인가? -> Show 액션을 실행한다

이 순서대로 작동하기 위해서는 Show 라는 액션과 Hide라는 액션을 통해서 레이어가 보이거나(Show) 감추어지도록(hide) 별도의 액션을 만들어줍니다. 그리고 Toggle이란 액션에 분기를 주는거죠. 각각 상황에 따라서 스스로 판단해서 현재 레이어의 상태에 따라 Show를 실행하거나 Hide를 실행합니다. 만약에 Grid를 선택해주는 과정이 없다면 무조건 현재 선택되어있는 레이어에서 작동하게 됩니다. 그래서 반드시 특정 레이어를 선택해주는 과정이 먼저 필요합니다.

혹은 꼭 “Grid” 그룹이 아니라 현재 선택된 레이어를 끄고 켜고자 한다면 선택과정이 없어야겠지요. 아무튼 이러한 레이어 토글을 위해서는 총 3개의 액션(Toggle,Show,Hide)이 필요합니다. 단축키는 Toggle에만 지정해주면 상황에 따라 각각 액션을 실행해줍니다. 저는 개인적인 편의상 F2를 지정해주었습니다만, 다른 단축키를 지정해주셔도 상관없습니다.

직접 만들기 어려우실 경우엔 아래에 다운로드 링크를 통해 다운 받은 파일(atn)을 C:\Users\본인계정이름\AppData\Roaming\Adobe\Adobe Photoshop CC 2017\Presets\Actions 폴더에 넣어주시기 바랍니다. 혹은 그냥 포토샵에서 alt+F9(Action 윈도우를 켜는 단축키) 를 누르시고 액션 윈도우 메뉴에서 Load Action을 통해 다운받은 atn 파일을 불러오셔도 사용 가능합니다.

참고로 이 액션은 처음에 Grid 그룹을 선택하고 작동되도록 작성되었기때문에, 현재 레이어 윈도우에 Grid 그룹이 없다면 작동하지 않습니다. 따라서 별도로 Grid 그룹을 반드시 만들어주고 실행하시거나, 혹은 Grid 레이어를 선택하는 과정을 액션에서 삭제해주시는 수정이 필요합니다.

포토샵CC를 기준으로 작성된 액션이지만, CS5 이상의 포토샵을 사용하신다면 버전에 따라 사용하는데 큰 무리는 없을 것으로 생각됩니다. 테스트해볼 수 없었던 관계로 하위 버전에서 정상적으로 작동된다고 보장 해드릴 수 없습니다.