· 톺아보기

PC/모바일

코딩 1도 모르는 사람의 웹사이트 제작법 - 01. 솔루션 선택

먹갭 ·

조회 19,326 · 공감 5 · 댓글 23

어릴적 아햏햏과 같은 사이트가 한창 유행이던 때..

'나도 저런 사이트 만들어보고 싶다' 라고 생각해 본적이 한번쯤은 있지 않으신가요?

하지만 직접 행동에 옮기기 위해 조금 더 딥하게 들어가는 순간.

HTML? CSS? 코딩? 등 어려운 용어들로 전문적인 지식이 갖춰진 '선택된 자' 들만이 웹사이트를 만들 수 있다는것을 깨닳았습니다..


그로부터 약 10여년의 세월이 흐르고 바쁘게 생업에 종사하던중 흥미로운 글을 하나 보게 되었는데요.

'웹빌더' 라는 솔루션의 탄생으로 코딩 등에 대해 공부하지 않아도 그림판 만지듯 웹사이트를 제작할 수 있다는 내용이었습니다.

(사실 이 솔루션이 나온지는 몇년 되었다고 하네요 ㅎㅎ;)


사실 지금와서 웹사이트를 운영할 여력도, 자신도 없지만 어릴때의 아쉬웠던 마음을 달랠겸 간단한 웹사이트가 필요하신 분들에게 도움이 될까 싶어 며칠동안 만져보고 간단한 강좌를 제작해 보았습니다. 



제가 선택한 솔루션은 '아임웹' 입니다.

(사실 솔루션에는 다양한 종류가 있지만 굳이 이곳을 선택한 이유에 대해선 후술하도록 하겠습니다.)


사실 모르는 사이트 진입할때 제일 껄끄러운 부분이 뭘까요?

당연히 회원가입 이라 생각합니다.. 그런데..


(빛 그 자체..)


사이트 자체 회원가입 없이도 타사 아이디로 진행할 수 있어 상당히 접근하기 수월했습니다.

왠만하면 네이버, 구글 아이디는 있으니 사실상 별도의 회원가입은 필요 없는것과 마찬가지 인듯 합니다.


저는 네이버 아이디로 로그인을 진행했고 로그인을 마친뒤 사이트 개설을 클릭하니 아래와 같은 창을 볼 수 있었습니다.



이는 템플릿이라 불리는 것인데, 솔루션 자체에서 제공하는 일종의 '스킨' 이라 생각하시면 됩니다.

해당 스킨중 내가 원하는 느낌과 가장 유사한 곳을 골라 생성하면 되는데,


많고많은 솔루션중 굳이 아임웹을 선택한 이유가 이 템플릿 입니다.

캡쳐에는 9장만 나와있지만 하단에 더 많이 준비되어 있으며 이 템플릿들이 서로의 특색이 모두 달라

왠만한 니즈에 모두 맞출 수 있을듯 했습니다.

(몇몇 다른곳은 템플릿 갯수는 많지만 비슷한 레이아웃에 이미지만 다르게 사용하여 갯수만 많아 보일뿐 실질적으로 손이가는 스킨이 얼마 없었습니다.)


이곳에서 원하는 스킨을 선택하면 다음 창을 볼 수 있습니다. 



상단에 위치한 세개의 아이콘은 각각 pc / 태블릿 / 모바일을 의미합니다.

각각의 버튼을 클릭할때 보여지는 화면을 보면 사이트의 내용물들이 화면 크기에 맞추어 알아서 정리되는것을 볼 수 있습니다.

이를 '반응형' 이라 부른다고 하는데 우리가 일상에서 사용하고 있는 사이트중 많은 곳이 이러한 방식을 사용하고 있다고 합니다.

반응형의 장점이라고 한다면 PC버전 하나만 제작해두면 모바일버전까지 알아서 맞춰진다는 것이겠죠?

우측 상단의 사이트 개설을 누르도록 하겠습니다. 



사이트명과 주소를 적었더니 바로 완료 되었네요.

이로써 내 사이트의 기반이 마련된것입니다.


물론 위에서 선택한 기본 디자인 그대로이기 때문에 내가 원하는 디자인, 및 메뉴로 재구성 해줘야겟죠? 

사이트 개설에 성공했으니 다음번엔 본격적인 디자인 관리에 들어가보도록 하겠습니다.


긴 글 읽어주셔서 감사합니다. 

댓글 23

  1. 젊은농부 ·
    좋은 정보 정말 고맙습니다. 참 막연하게 여기고 있던 분야였는데, 용기가 생기네요!
  2. 먹갭 ·
    읽어주셔서 감사합니다 ㅎㅎ 조만간 다음 내용도 업로드하도록 하겠습니다!
  3. xero ·
    한 3 ~ 4년 전에 특수한 기능과 최신 트렌드를 반영한 웹사이트를 코딩없이 만들어야 할 일이 몇 번 있었어요. 당시 나와있던 웹빌더를 웹형 설치형 가릴 것 없이 거의 전부를 써봤는데, web flow라는 서비스가 압도적으로 좋았던 기억이 납니다. 기능 및 자유도, 최신 기술 구현 및 트렌드 반영, 템플릿 디자인, 활성화된 사용자 커뮤니티까지 모든 면에서 전부! 문제는 기능과 구현 완성도에 비례해 (웹빌더치고는) 러닝커브 역시 컸다는 거지만요. 게다가 이걸 사용하는 한국인이 거의 없어 한국어 자료는 거의 제로에 가깝기도 했고.

    아임웹도 처음 나왔을 때부터 얼마간 꾸준히 썼는데, 국산도 이정도까지 올라오다니? 하며 놀랐던 기억이 나요. 당시 먼저 나와있던 식스샵 등등보다 훨씬 편하고, 템플릿 디자인도, 기능도 좋았거든요.

    이젠 그쪽에서 손을 뗀지 꽤 됐는데, 어떻게 바뀌었는지 모르겠어요. 어쨋든 덕분에 과거를 떠올리며 좋은 글 잘 봤습니다. 고맙습니다
  4. 먹갭 ·
    읽어주셔서 감사합니다 ㅎㅎ 어릴때만해도 어렵게 느껴졌던 웹제작이 이제는 마음만먹으면 누구나 만들 수 있다는게 신기하기만 합니다 : )
  5. 콜리와루이 · · 공감 1
    저도 사용해봤는데 편하지만 불편한것도 있더라구요 ^^
  6. 먹갭 ·
    생각보다 사용해보신분들이 꽤 계시네요 ㅎㅎ! 저는 아직 워낙 초기단계인지라 조금 더 사용해봐야 할것같습니다 ㅎㅎ
  7. 쿨스시 · · 공감 8
    솔직히 광고같아요...;;
  8. 먹갭 · · 공감 2
    팁/강좌 게시판은 절대 광고가 올라와선 안된다고 생각합니다..분명히 도움이 되실 분들이 있을것 같아서 글을 남겼는데 그런 느낌을 받으셨다니 저도 무척 아쉽습니다 ㅠㅠ..
  9. 나이르 ·
    2편 언제 올라올까요 ?

    지금 안그래도 홈피 제작 외주를 맞길까 했는데

    이 글 땜에 용기가 생기려 해요

    2편 보곱보곱
  10. 먹갭 ·
    2편은 주말쯤에 업로드 가능할것 같습니다 ㅎㅎ 아직 저도 배우는입장이라 갈길이 머네요..!
  11. prop ·
    고도몰도 나름 괜찮더라구요.
  12. 비둘기공장 ·
    좋은 정보 감사합니다!
  13. Eunn ·
    저도 관심있던 분야인데, 한번 도전해보겠습니다! 좋은 강좌 기대하고 응원합니다!
  14. lipton7 · · 공감 1
    전 카페24요!!!
    코딩이 아니라 홈페이지 1도 모르는 사람이 작년에 카페24에서 일주일만에 뚝딱뚝딱 홈페이지 만들어서 사업 잘하고 있습니다.
    이것저것 활용도도 많고 제휴사도 많아서 큰 업체를 쓰시는게 차후에도 많은 도움이 됩니다.
    /Vollago
  15. 박시봉 · · 공감 1
    워드프레스보다 좋을까요
  16. 이진진 · · 공감 1
    이런 싸이트의 문제가 뭐냐면 결국 언제 망할지 모른다는겁니다..
    이 정도 퀄리티는 아니더라도 그간 이런식으로 뭔가를 쉽게 꾸밀 수 있게 도와주는 싸이트가 없던게 아닌데..
    죄다 망했죠. 돈벌이가 되고 해서 유지가 되야 하는게 그게 될리가요.

    저 싸이트를 이용해서 내 개인 홈페이지등을 운영할 생각이면 그 리스크를 감당해야 할 겁니다..
    불안해서 사용할 수 있겠나요 재미로 하는 정도면 모르겠지만..
  17. 머찌니이 ·
    전 wrapbootstrap에서 사서 씁니다.
    html css 조금만 배우시면 되는데 사실 시간내기 쉽지 않죠... 근데 자전거 타듯이 한번배우면 오래써먹을수 있으니
    꼭 배우시길...
  18. Lucasu ·
    소싯적에 나모웹에디터를 돈주고 샀던 생각이 나는군요.
  19. 불사파 · · 공감 1
    조금 더 지나면 AI가 홈페이지도 자동으로 만들어주겠죠...
    좋은정보 감사합니다.
  20. 에루샤 ·
    @불사파님 2023년에 이런 댓글을 보니 놀랐습니다!
  21. 으라짜짜 ·
    좋네요~ 좋은 정보 감사합니다~
  22. 딴지모도리 ·
    저도 이번 기회에 한번 도전해보도록 하겠습니다. 감사합니다. ^^
  23. 리움 ·
    그냥 처음에는 네이버 쇼핑몰로 해보세요~ 거기서 상품으로 대박나면 자체 만들어도 늦지 않습니다

    네이버에서 대박못나면 자체로는 어짜피 못납니다 (물론 기업적으로 돈들여서 하는건 제외)

팁과강좌 최근 글

팁과강좌 목록 더 보기