따라해 볼 수 있는 튜토리얼과 간단한 팁에 대해서 다루고 있습니다.

늘 그렇듯이 본업과는 좀 거리가 있는 것들에 흥미를 갖는 못된 습성(?)덕분에 요즘 장고(django)라는 파이썬 웹프레임워크를 공부하고 있습니다. 사실 이런 것들에 흥미를 갖는 이유는 어찌보면 현실 도피 내지 소소한 불만들에서 비롯됩니다. 워드프레스가 놀라운 사용자 편의성을 제공하기는 하지만, 사소한 것 하나를 고치더라도 무척 까다로운 기준에 부합해야한다는 것들이 불만으로 쌓이고 있다보니 쉽다는 이야기에 귀가 팔랑거려 장고를 공부하고 있습니다.

일단 각설하고 김석훈님이 쓰신 파이썬 웹프로그래밍이라는 책을 보고 간단하게 블로그를 따라서 만들어보고 있는데, 실수로 장고 2.0을 설치해버렸습니다. 책에서는 장고 1.7 버전을 기준으로 하고 있다보니 달라진 점들이 많습니다.

1.7 버전대만 해도 파이선 2.x 버전을 위해서 아래와 같은 호환성을 유지하려는 목적의 코드들을 일부러 삽입합니다. 하지만 장고 2.x에 들어와서는 파이썬 3.x 버전을 기본으로 사용하기  때문에 파이선 2.x를 고려할 필요가 없습니다. 그래서 아래와 같은 코드를 삽입하면 오류메세지를 출력합니다. 아래 호환성 처리 문장은 사용하지 않습니다.

이제 더이상 django.core.urlresolvers는 쓰이지 않습니다. 간단하게 django.urls로 변경되었습니다.

파이썬 2에 대한 호환성은 이제 더 이상 명시하지 않습니다. 아래 문구 삽입시에도 마찬가지로 오류메세지가 발생합니다.

urlpatterns를 사용하는 방법이 조금 달라졌습니다. 루트에 있는 urls.py에서 app에 있는 – 예를 들면 /blog/urls.py와 연결할때 쓰는 include의 사용법이 조금 달라졌습니다.  django.conf.urls는 django.urls로 간략해졌고 이제는 url 대신 path를 사용합니다. include에서 네임스페이스를 따로 넣지 않는다는 점도 차이점입니다.

또 다른 점을 보자면 include를 했을때 namespace를 명시해주지 않았기에 /blog/urls.py에서 새롭게 추가해줘야하는 부분과 정규표현식을 다뤘을때 다른 점이 있습니다. 달라진 점은 마찬가지로 django.urls가 쓰인다는 점과 path와 re_path로 구분되어서 정규표현식을 쓸때는 re_path 함수를 써야한다는 점이 다릅니다. 그리고 namespace 대신 app_name 이라는 것이 필요하게 되었습니다.

책에서 본 그대로 소스를 입력해서 결과가 나오질 않아서 오류메세지와 함께 django 2.0 document를 뒤져보니 이런 변화들을 적용해야 작동한다는 점을 알게 되었습니다. 아무래도 또 까먹을것 같아서 이렇게 정리해 놓습니다.

주로 참고한 부분은 하단에 링크되어있는 url dispatcher부분입니다. django documentation이 잘되어있다는 이야기는 여러번 들었습니다만, 언어의 장벽때문에 읽어볼 생각을 못해봤는데, 의외로 궁하면 통한다고, 목마른 놈은 우물을 파게 되어있네요 ㅎㅎ

 

최근 카페24 스킨을 잘못 구매한 덕분에 쓰레기 치우느라(?) 아주 곤욕입니다. CSS 코드를 중복해서 여러번 불규칙적으로 정의해놓은 덕분에 5000여줄의 코드에서 일일이 찾아 지워주고 나니 1000여줄로 줄어드는 상황에 어이가 없는데, 이게 문제는 카페24 솔루션 특징상 CSS 코드가 수십개는 되는데다 만든 놈이 추가한 파일들도 있다는거죠. 그래서 이런 반복 되는 작업을 어떻게 해결할 수 있을까 고민한 끝에 css-purge라는 tool을 발견했습니다. 15800여줄의 코드를 보고 이건 안되겠다 싶어서 찾게 됐는데 간단하게 1700여줄로 줄여주는걸 보면서 감탄과 동시에 스킨 제작자를 저주하게 되더군요. 물론 완전하진 않습니다. 자동으로 중복된 코드를 지우면서 다이어트 하는 과정에서 불필요하다고 판단되는 것들을 지우다보니 지워선 안될 코드들도 일부 지운게 확인 됐습니다.그럼에도 불구하고 이 툴은 정말 쓸만합니다. 누락된 부분은 찾아서 추가하면 되는데 3군데 정도 누락되서 크게 어려움을 겪지 않고 문제를 해결 할 수 있었습니다. 아래에 관련 링크를 걸어두겠습니다. 저처럼 중복된 정의들을 지우기 위해서 애쓰지 마시고 css-purge로 스트레스를 덜 받으시길 바랍니다. http://rbtech.github.io/css-purge/그리고 추가로 minify된 코드를 해제하는 플러그인도 있더군요 atom 패키지 중에서 atom-beautify 를 이용하면 간단하게 해결 가능합니다. install package를 통해서 설치 가능합니다

드디어 국내에도 크리타에 대한 서적이 나왔습니다. 무척 반갑네요.

크리타는 포토샵,페인터와 같은 비트맵 방식의 드로잉 어플리케이션입니다. 크리타는 기부를 통해 수익을 창출하고 있을 뿐 오픈소스 즉, 무료로 배포되는 소프트웨어입니다. 그럼에도 불구하고 크리타는 꽤 수준높은 퀄리티를 보여주고 있습니다. 맥, 윈도우, 리눅스 등 다양한 OS에서 작동하고 있어서 대부분의 사용자들이 부담없이 사용할 수 있습니다.

크리타는 드로잉에 특화된 툴 답게 포토샵에서는 찾아보기 힘든 기능들이 있습니다. 패턴 드로잉이라던지, 좌우 대칭으로 그려주거나, 만화경처럼 다각도로 그릴 수 있는 다중 붓 도구같은 기능들 이외에도 무료 소프트웨어가 맞나 싶을정도의 퀄리티를 보여줍니다.

 

책의 내용들을 몇 장면 찍어봤습니다. 밑그림을 스캔해서 불필요한 부분들을 정리하고 라인만 살려서 채색하고 완성하는 과정을 다루고 있습니다. 크리타에서 편리하게 사용할 수 있는 기능들을 사용해서 작업하는 내용들을 확인할 수 있는데요, 크리타는 포토샵에 비해서 회전과 반전하는 기능이 편리합니다. 포토샵에서는 Rotation 이외에는 반전시키고자 한다면 별도의 단축키를 생성해서 만들어야하는데, 크리타는 처음부터 관련 기능들이 단축키로 지정되어 있습니다.

그래서 포토샵과 단축키가 약간 다르게 지정되어 있는 부분들이 있는데, 원한다면 포토샵과 같은 단축키로 지정해주는 옵션도 있습니다. 여러모로 사용자가 드로잉하는데 편의를 많이 제공하고 오로지 순수하게 그림 그리는 재미에 집중할 수 있도록 프로그램이 설계되어 있습니다.

수채화풍의 느낌도 살릴 수 있는 것을 보여주는 튜토리얼 입니다. 책은 스케치북에 그린 밑그림을 가져와서 다루는 방법부터, 셀 애니메이션 스타일, 아크릴/유화풍, 수채화풍 스타일까지 다양한 화풍을 소개하고 있습니다. 책 후반부에 다루고 있는 소소한 팁들은 크리타를 통해 좀 더 폭 넓고 편리한 이미지 편집이 가능하다는 것을 보여주고 있습니다.

일본에서 쓰여진 책 답게 다뤄지고 있는 튜토리얼의 화풍은 대부분이 일본 아니메 스타일로 다뤄지고 있습니다만, 해외 유저 들이 올린 작업들을 보면, 회화수준의 작업들도 확인 할 수 있습니다

크리타가 한국어로도 서비스가 되고 있고, 국내에도 관련 서적이 출시 되었다는 것은 무척 반가운 일입니다. 포토샵, 페인터는 물론이거니와 최근 클립스튜디오, 사이툴과 같은 드로잉 툴들도 많은 관심을 끌고 있습니다만, 크리타도 그 못지 않은 재미있고 훌륭한 툴입니다.

본 서적의 출간으로 국내에도 크리타 유저가 많아졌으면 좋겠습니다.

구매에 대한 정보는 아래 링크를 참고하시기 바랍니다.

 

해당 리뷰에 쓰인 도서는 출판사로부터 제공받았습니다. 

보통 포토샵을 처음 배우시는 분 – 물론 포토샵 뿐 아니라 어떤 분야건 다 마찬가지입니다만, 질문 하는 방법을 모르는 분들이 많습니다. 처음에는 어떤 특정 개인의 문제인 줄로만 알았는데, 대체로 초보자라는 위치에 있는 분들에게서 공통적으로 발견되는 부분들이라는걸 깨달았습니다. 이런 상황들은 보통 텍스트로 모든걸 해결하려는 상황에서 발생합니다.

좋은 예시가 될 것 같아 대화 내용을 하나 캡쳐해왔습니다.

위와 같은 경우는 지금도 사실 이해가 안 가는 질문입니다. 제가 이해력이 부족해서 그럴 수도 있지만, “따닥따닥” 이라던지, “구석”, “이상한 곳” 이런 표현들은 지극히 주관적인 기준에서 표현하는 것들입니다. 질문은 듣는 사람과 내가 공통으로 이해할 수 있는 객관적 표현이어야 합니다. 이를테면 ‘레이어에서 잠금도 풀었고, 주변부에 잘못 칠해진 곳 없이 깔끔하게 잘 정리된 이미지 레이어임에도 불구하고 선택 및 이동이 잘 안된다’라는 식의 구체적인 표현이 필요합니다.

상대방 머리속에서 그림이 그려지도록 질문을 해야지, 자기 머리속에 그려진 것을 일방적으로 쏟아내면 상대방은 무한한 상상의 나래만 펼치게 됩니다. 그러다보면 계속 엉뚱한 답변을 한다던지, 잘못된 답변을 하는데 시간을 낭비하기 마련입니다.

그래서 질문을 하기 전에 내가 이야기하고자 하는 내용을 먼저 적어보고 이야기해보시는 것도 좋은 방법입니다. 하지만 위와 같은 경우는 사실 텍스트로 질문하는 것이 불가능한 내용일 수도 있습니다. 그래서 질문하는 사람은 많은 걸 준비해야 합니다. 화면도 캡쳐해서 보여주고, 그래도 안되면 화면을 영상으로 캡쳐 해서 보내주는 노력이 필요합니다.

그래야 답변하는 사람도 정성껏 답변해 줄 수 있습니다.  도와주고 싶어도 무엇이 답답한지 알 수 없는 상황에서는 답을 해줄 수 없기 때문이죠. 그래서 질문하는 방법도 공부를 해야 합니다. 그리고 무엇보다 기본적인 선택과 이동이 잘 안되는 상황이라면, 기초가 되어있지 않기 때문에 발생하는 문제입니다.

대부분의 질문은 부실한 기초 때문에 발생합니다. 그래서 초보자는 유튜브나 블로그에서 발견하는 화려하게 이미지를 꾸미는 튜토리얼을 무조건 따라하지 않기를 바랍니다. 기본을 굳이 설명하지 않아도 알아듣는 대상을 향해 다루는 내용들을 초보자가 따라하다보면 혼란만 가중될 뿐입니다.

첫 술에 배부를 수 없고, 걸음마도 배우지 않고 뜀박질 할 수 없습니다. 화려해 보이는 이미지들도 결국은 기본적인 기능들을 잘 이해하고 조합하며 사용하면서 만들어내는 것들입니다. 절대 기초를 가볍게 여기지 마시고, 차근차근 인내심을 갖고 기초 툴 들을 반복적으로 다뤄보세요.

한 가지를 익숙해지면,  다음 단계로 넘어갈 때 무의식적으로 쓰게 되면서 학습해야 할 분량이 줄어들기 시작합니다. 그렇게 하나하나 더해가다 보면 결국 대부분의 툴 들을 쉽게 사용할 수 있는 수준으로 올라가게 됩니다.

포기 하지 말고 흥미로운 이미지를 가지고 기초 툴을 다루면서 이것 저것 실험해보세요. 공부가 아니라 놀이처럼 이것저것 만져보면서 발견하게 되는 새로운 즐거움 들도 있습니다. 그게 포토샵을 하는 재미이기도 하니까요.

지인이 쇼핑몰에서 근무 하고 있는데 고민을 토로하더군요. “추석이 다가와서 상품마다 일괄적으로 배송지연 안내 문구를 넣어하는데, 이걸 도대체 일일이 언제 삽입해야할지 모르겠다” 그냥 어지간하면 제품마다 들어가서 그냥 공지 문구를 삽입하면 될텐데, 이 친구가 일하는 곳에서 다루는 상품수가 만만치 않습니다.

상품은 무려 7660개!!

정말 아찔한 상황이죠. 7660개의 상품을 모두 들어가서 배송지연됩니다 라고 안내 이미지를 삽입한다음, 추석이 끝나면 다시 삭제해야하는 상황입니다. 지금부터 부지런히 시작하면 추석 오기전에 가능할거라고 다독이고 돌려보냈습니다만, ‘내가 너무 잔인했던걸까’ 싶어서 솔직히 조금 기뻤습니다 안타까웠습니다.

아무튼 저도 예전에 쇼핑몰에서 일할때 비슷한 경험이 있었습니다만 그때는 고도몰을 사용하고 있었고, 손쉽게 적용가능한 기능이 있었던게 기억났습니다. 당연히 꼭 있어야하는 기능이기에 카페24도 당연히 있을거라고 여기고 메뉴를 뒤져보기 시작했죠.

프로모션 메뉴 -> 홍보배너/문구관리 -> 공통이벤트 관리 에서 상품 상세이미지마다 공통적으로 내용을 삽입해줄 수 있는 기능이 있습니다.

이 기능을 그 친구에게 알려주니 뛸듯이 기뻐하더군요. 그러다가 다시 고민을 토로하기를 “공통 이벤트라고 넣으면 뭐하냐. 상품 상세이미지 하나하나 공통이벤트를 사용하겠다고 설정해줘야되서 역시 7660번을 또 들어가서 설정해줘야한다” 라면서 금새 또다시 울상이 되더군요. 나이쓰

진짜네. 이렇게 기쁠수가. 심지어 초기값이 노출안함이라서 에누리 없이 전부 노출함으로 변경 해줘야하는 상황.

애써 미소를 감추기 별 수 있냐고 어쩔 수 없는 운명이라고 생각하라고 다시 돌려보냈습니다만, 곰곰히 생각해보니 카페24가 꽤 오래된 시스템인데 설마 이렇게 허술하게 만들었을까 싶어서 다시 뒤져봤습니다.

역시 해당부분을 해결해줄 수 있는 기능이 준비 되어있습니다. 어딘지 쉽게 알 수 없게 꽁꽁 숨어 있을뿐…

위의 메뉴를 찾아 들어가서 원하는 만큼 상품을 전체 선택한 다음 “선택한 상품의” “판매정보”를 “일괄변경” 하겠다고 세팅하고 버튼을 누르면 팝업창이 뜹니다.

그리고 이렇게 공통 이벤트를 일괄적으로 적용해줄 수 있는 메뉴가 있음을 확인할 수 있습니다. 저 친구 7660번 안해도 되겠네요 쳇.

이렇게 상품에 공통적으로 적용해줄 수 있는 프로모션, 이벤트라던지, 안내사항 등을 손쉽게 노출 할 수 있도록 메뉴가 준비되어 있습니다. 명절 앞두고 고생할 쇼핑몰 관리하는 친구들이 혹시 이 기능을 모르고 있었다면 이걸 보고 좀 도움을 받았으면 좋겠습니다. 카페24는 정말 여기저기 기능들이 다 흩뿌려져 있어서 메뉴 찾기가 너무 복잡하고 어렵거든요. 그러다보니 있어도 활용하지 못하는 기능들이 많습니다. 그야말로 구슬이 서말이라도 꿰어야 보배라는 말이 떠오릅니다. 좋은 기능 좀 더 사용하기 쉽게 만들어줬으면 더 좋았을텐데 아쉽네요.