Shopify 공부 기록 - 입문자가 공부하는 법

데브리입니다. 혼자 Shopify 공부하는 과정을 기록하기 위해 남기는 글이예요. 저도 처음 다루는 거라 공부하기 가장 좋은 순서인지는 모르겠고, 혹시나 참고하실 분들 있으실까봐 올려봅니다. 몇개월 후 조금은 더 실력이 쌓였을 때 이 글을 다시 읽어보며 '후훗 이렇게 쉬운걸 배우느라 고생한 때가 있었군' 이란 생각을 하는 저였음 좋겠네요.

---

일단 팀에서 진행 중인 코드 파일을 가지고 있긴한데, 아직 CLI로 이것저것 다루는 게 익숙하지 않아서 그쪽은 건드리지 않기로 했고, 코드파일들을 훑어보니 너무 복잡해보이기만 하고 뭘 잘 모르겠던 상태로 시작.

---

Step 1.

이미 많이 진행된 상태인 내가 고쳐나가야 할 스토어 말고, 혼자 다뤄볼 샘플용으로 스토어를 직접 만들어서 Theme과 그 외 부분을 만져보고 shopify.dev에서 다큐멘테이션도 살짝 읽어봄. 워드프레스 배워나갔던 방식과 비슷하게 여러 템플릿을 그냥 만지작거려보며 넓고 얕게 대충 어떤 느낌인지 훑어봄.

Step 2.

shopify.dev에 웬만한 건 다 나와있겠지만 개인적으로 이런 류의 다큐멘테이션으로만(그것도 영어로) 읽으며 공부하기보다는 이걸 나대신 열심히 읽고 만져봐서 이미 충분히 익힌 선배님들이 친절하게 영상으로 만들어 올려주신 유튜브에서 먼저 익히기로ㅎㅎㅎㅎㅎ 혹시나 한국어로 알려주면 더 좋겠다 싶어서 검색했더니 감사하게도 '디스 이즈 쇼피파이' 라는 유튜브 채널이 나옴.

감사해요 디스 이즈 쇼피파이 ㅠ

초반 영상들은 개발자를 타겟으로 했다기보다는 그냥 쇼피파이 자체에 대한 설명이었지만 어차피 나도 나중에 직접 클라이언트에게 설명하려면 알아야하는 부분이므로 처음부터 끝까지 다 봄. 후반엔 쇼피파이 개발자라면 꼭 알아야 할 template language인 Liquid에 대한 설명도 입문용으로 조금 나오기 때문에 영상 하나하나 빼먹지 않고 다 봄. (디스 이즈 쇼피파이 채널 운영자분 정말 감사합니다!)


쇼피파이에서만 쓰는 Liquid라는 걸 따로 배워야한다는 게 부담이었는데, 알고보니 html보다도 훨씬 배우기 쉬운 수준이라는 걸 알고는 맘이 편해짐.




Liquid Cheat Sheet
https://www.shopify.com/ca/partners/shopify-cheat-sheet?shpxid=539ded68-46ED-42BF-26D2-D600ED306ED3

Shopify Cheat Sheet — A resource for building Shopify Themes with Liquid

반응형

Step 3.

이제는 바로 shopify.dev로 돌아가서 좀 더 깊이 읽어보느냐? 그럴리가 없는 나는 이번엔 유튜브에서 ShopifyDevs 채널을 구독한 뒤 필요한 영상만 쏙쏙 골라보기 시작. 역시 나는 아직까지는 다큐멘테이션을 바로 읽기 보다는 동영상으로 공부하는 게 더 편해서 영상을 한쪽에 띄워놓고 바로바로 따라하며 Shopify CLI도 배워봄. 영상이 엄청 많지는 않지만 그래도 그 중에 Developer Tutorials만이라도 한번씩 봐두면 쇼피파이 초보 개발자가 전반적으로 한번 이해하는데 도움이 됨.


참고로 이미 쇼피파이를 다루고 있는 팀원들한테 이 유튜브채널 있다고 했더니 몰랐대서 내가 공유해줬고, 팀리드인 친구가 유튜브 채널에 쉽게 설명되어 있는 Hydrogen에 대해 알아두면 좋겠다고 해서 이것도 좀 훑어보기로 함!