1인 창업가를 위한 온라인 쇼핑몰 가이드
드디어 한국에 돌아와 브랜드를 론칭하고, 1년여 만에 저희만의 홈페이지를 만들게 되었습니다.
주변에 지인분들께서 한국에서는 요즘 홈페이지보다 네이버 스토어의 비중이 커서, 처음부터 무리하게 홈페이지를 제작하는 것보다 네이버 스토어로 시작하라는 조언을 많이 해주셨습니다. 하지만 브랜드를 운영하는 입장에서 장기적으로 보면 홈페이지는 언젠가 반드시 구축해야 할 것이기에, 여유가 있을 때 미리 준비하는 것이 맞다고 판단하여 제작하게 되었습니다.
이번에 처음으로 혼자서 홈페이지를 제작하면서, 2개월간의 공부와 시행착오를 통해 얻은 경험과 지식을 저와 같이 1인 기업을 준비하시는 분들과 나누고자 준비했습니다. 아래 목차를 통해 필요하신 부분을 쉽게 찾아보실 수 있도록 구성하였으니, 사업에 도움이 되셨으면 좋겠습니다:)
- 목차 -
1. 온라인 쇼핑몰을 만들 수 있는 곳
2. 카페 24를 고른 이유
3. 카페 24 무료 가이드 채널
4. 기본적인 코드 공부의 요성
1. 온라인 쇼핑몰을 만들 수 있는 곳
한국에서는 다양한 유·무료 플랫폼을 통해 쇼핑몰 제작이 가능합니다. 그러나 처음 쇼핑몰을 만들려고 하면 어느 곳에서 어떻게 시작해야 할지 감이 오지 않기에 막막해집니다. 그래서 저와 같은 고민을 하시는 분들을 위해 제작 가능한 플랫폼들을 소개해 드리겠습니다.
▣ 혼자 운영하시는데 금전적으로 여유가 되시면 빠르고 이쁘게 홈페이지 제작이 가능한 유료플랫폼을 추천합니다. 확실히 유료이기에 무료와 비교해서 이쁘고 빠르게 제작이 가능합니다. 그러나 조금 자금적으로 지출을 줄이고자 하시는 분이시라면 무료로 시작하시고, 사업이 성장하면 유료로 전환하셔도 좋다고 생각합니다.
1) 유료
wix (해외)
아임웹 (국내)
: 두 플랫폼 모두 월정액을 내고 제작하는 방식으로, Http, CSS와 같은 코드 공부 없이도 쉽고 빠르게 제작할 수 있습니다.
2) 무료
카페 24 (국내)
고도몰 (국내)
: 두 곳 다 무료와 유료를 선택가능하지만, 무료로 사용할 예정이시라면 비슷한 기능과 서비스를 제공하기에 홈페이지에 접속 후 본인의 스타일에 맞는 곳에서 제작하면 좋을 것 같습니다.
2. 카페 24를 고른 이유
: 위와 같이 많은 플랫폼 중에서 제가 카페 24를 선택한 이유는, 무료임에도 불구하고 좋은 퀄리티의 무료 템플릿을 제공하며, 블로그나 유튜브에 관련된 강좌가 많아 따라 하기 쉽기 때문입니다. 특히 초보자도 쉽게 접근할 수 있는 점이 매력적이었습니다.
3. 카페 24 무료 가이드 채널
: 블로그와 유튜브에 자료가 많지만, 처음에는 어떤 자료를 보고 따라 해야 할지, 어떤 것이 좋은 자료인지 파악하기 어려울 수 있습니다. 그래서 제가 홈페이지를 만들 때 참고했던 책 및 유튜브 채널들을 소개해 드립니다.
1) 서적
: 일단 홈페이지를 만들기에 앞서 목차를 한 번 읽어보시면 홈페이지를 만드는 데 있어서 큰 흐름을 알 수 있기에 좋았습니다. 그런데 책에 분량이 꽤 많아 하나씩 읽으면서 제작하기에는 시간이 소요될 수 있으니, 유튜트를 보면서 제작하는 방법이 좋다고 생각이 듭니다.
2) 유튜브 채널
: 유뷰트에 너무 많은 카페 24 강의들이 있지만, 제가 그중에서 홈페이지를 만들면서 제일 도움을 많이 받았던 3개의 채널의 소개해 드리겠습니다. 각 채널마다 도움 되는 부분들이 다르기에 각자 홈페이지를 개설하시면서 필요한 부분을 찾아서 들으시면 좋을 것 같습니다.
▶ 땅콩빌딩
: 간단하게 설명해 주시고, 영상 순서대로 따라 하면 어렵지 않게 제작할 수 있습니다.
https://youtube.com/@peanutbuilding?si=R7Q84RppUgA0wYMV
▶ 길자쌤
: 카페 24 홈페이지 제작 외에도 포토샵 및 일러스트 강좌가 있어서 제품 사진 편집에도 도움이 됩니다.
https://youtube.com/@owhyo?si=GdoXW2g1q_ckKCKw
▶ 단아썜
: 카페 24의 기능을 보다 더 구체적이고 세분화하여 배울 수 있는 곳입니다.
https://youtube.com/@danasam?si=rmMXWJPGqYBhqVFL
4. 기본적인 코드 공부를 해야 되는 이유
: 카페 24에서 기본적으로 제공하는 템플릿에 만족하신다면, 이 부분은 생략하셔도 됩니다.
그러나 유료템플릿 또는 무료템플릿을 본인의 개성에 맞게 수정하고 싶으시다면 무조건 홈페이지를 만드는 기본적인 코드 지식은 알아두시는 게 좋습니다. 왜냐하면 아무리 유료 템플릿을 구매하시더라고, 본인의 기준에 완벽하지 않을 수가 있습니다. 그럴 때 코드에 대해 알고 계신다면 기본적인 수정 및 조금 더 본인의 입맛에 맞게 설정이 가능해집니다. 요즘은 AI게 물어봐서 쉽게 코드 작성 및 수정이 가능하다고 하지만, ai가 알려준 것을 어떻게 적용하고 어느 부분이 변경되었는지 알 수 없다면 코드 수정하는 데 있어서 쉽지 않았습니다. 그렇기에 무료이지만 본인의 개성을 담은 홈페이지를 만들고 싶은 분들께서는 꼭 공부를 하셨으면 좋겠습니다.
1) 홈페이지 기본 구성
사람도 머리, 가슴, 배, 다리 등으로 구분할 수 있는 것처럼, 홈페이지도 크게 3가지 헤드, 바디, 푸터로 나눌 수 있습니다.
헤더 <header> : 사이트의 이름 및 목록 등을 표시
바디 <body> : 홈페이지의 정보를 전달하는 핵심 영역
푸터 <footer> : 기업의 정보와 연락처 등을 제공하는 마무리 부분
2) 기본 형식
예시.
<div style="00000"> </div>
홈페이지를 구성하는 코드는 위에 예시와 같이 " < > 열고 </ > "닫힙니다.
본인이 원하는 디자인을 입력한 후 닫아야 코드가 반영되므로 이점을 꼭! 잊지 마세요. 사실 저는 아무것도 모르고 코드를 지우다가 오류가 발생하여 수정하는데 어려움을 겪었습니다.ㅠㅠ
3) 기본 용어
제가 공부하면서 이 정도만 알아도 코드에 대해 큰 그림은 볼 수 있겠구나라는 걸 느꼈습니다. 몇 가지 안 되는 사항이니 한번 보시고 이런 거구나 정도 이해만 하셔도 큰 도움이 될 거라고 생각합니다.
a : 하이퍼링크를 연결하는 요소
div : HTML 문서에서 블록을 정의하는 요소입니다. 스타일링, 스크립트 동작 또는 레이아웃 구성에 자주 사용됩니다. 아무런 의미를 가지지 않는 컨테이너로, 그룹화 목적으로 사용됩니다.
style : HTML 요소에 직접 CSS 스타일을 적용하기 위해 사용되는 속성입니다. 예를 들어, 텍스트의 색상, 글꼴 크기, 배경색 등을 지정할 수 있습니다.
span : 특정 텍스트를 감싸서 스타일링하거나 스크립트를 적용할 때 사용됩니다
br : 줄 바꿈을 삽입하는 요소입니다.
지금까지 제가 2달 동안 홈페이지를 만들며 공부하고 배운 내용에 관하여 공유하였습니다. 홈페이지 관해서 더 궁금한 사항이 있으시면 언제든 편하게 문의하시면 제가 아는 범위 안에서 알려드리겠습니다:)
또한 아래의 링크는 제가 이번에 개설한 저희 브랜드의 홈페이지입니다.
방문해 보시고, 저희 홈페이지에서 구현된 사항에 대해 궁금한 점이 있으시면 댓글 남겨주세요.
1인 사업자 여러분 모두 힘내세요.
감사합니다.
♬ 인스타그램에서도 편하게 내용받아보실 수 있습니다:)
: 여행 및 가방에 관심 있는 분들은 인스타그램도 많은 관심 부탁드려요.
https://www.instagram.com/unflowed._.travelbag/
