1분만에 캔바 코딩 웹사이트 만드는 법 (세계 시간 검색 기능)

캔바 업데이트 기능 중에 가장 인상 깊은 것이 바로 캔바 코딩입니다. 캔바 코딩 기능을 이용하면 코딩에 코 자를 몰라도 본인이 원하는 간단한 웹사이트 프로그램을 만들 수 있습니다. 저는 세계 시간 검색을 할 수 있는 캔바 코딩 웹사이트를 만들어 보았습니다. 지금부터 그 과정 함께 하시죠

캔바 코딩

캔바 코딩은 캔바의 메인 화면에서 바로 하실 수 있습니다. 위의 칸은 우리가 하고 싶은 것을 글로 표현하면 되는 공간입니다.

한글로 뭐 만들어 줘 라든가, 이러한 말로 설명하여 이미지를 만드는 것 등이 수많은 것이 가능합니다.

캔바 코딩은 내 디자인, 템플릿이 아닌 Canva AI를 클릭하시면 됩니다. 위의 사진에서 보시면 코드 생성 보이시죠?

한글로 원하시는 기능에 대한 설명을 늘어 놓으시면 됩니다. 그럼 Canva AI가 알아서 코딩을 해줍니다. 그리고 그것을 실현시킨 캔바 코딩 웹사이트를 여러분은 아주 빠른 시간내에 볼 수 있게 되는 것입니다.

캔바 코딩 웹사이트

제가 원하는 캔바 코딩 웹사이트는 세계 시간을 검색할 수 있는 것입니다. 해외에 거주하다 보니, 한국에 있는 사람들 또는 다른 국가의 도시에 있는 사람들과 미팅을 할 때가 있는데 그때마다 날짜와 시간 잡는 것이 쉽지 않았기 때문입니다.

물론, 이미 그런 웹사이트들은 많지만 저는 조금 더 직관적인 웹사이트를 좋아합니다. 많은 기능보다 제가 딱 원하는 것 그거 하나면 충분합니다.

캔바 코딩으로 웹사이트를 만드는 방법

예를 들어 저는 전 세계 도시의 현재 시간을 알 수 있는 웹사이트를 만들고 싶어 라고 운을 띄웁니다.

그리고 추가적으로 세계 지도 위에 대부분의 도시 위치가 표현되어 있고, 마우스를 갖다 대면 시간이 나오는 그런 것도 되는 기능이 있음 좋겠어 라고도 더합니다.

그러면, Canva AI가 열심히 코딩을 해 줍니다. 하지만, 간혹 의도한 것에 미흡한 결과물이 나오기도 하는데, 그럴 때는 본인이 수정을 원하거나, 추가하고 싶으신 것을 계속해서 명령하시면 됩니다.

저 같은 경우 영어와 한국어로 자유롭게 변환할 수 있는 스위치와 시간을 한눈에 알 수 있게끔 AM, PM 설정이 가능한 것도 기능에 추가했습니다.

코딩 하나도 모르는 저는 이렇게 캔바 코딩 웹사이트 하나를 뚝딱 만들었습니다. 코딩이 끝난 후에는 버전1 이런 식으로 버튼이 나오는데, 클릭하시면 실제 웹사이트를 바로 확인하실 수 있습니다.

1) 캔바 코딩 웹사이트 게시하기

코딩이 된 것을 확인을 한 후 마음에 드시면, 오른쪽 상단에 ‘디자인에 사용’ 이라는 버튼이 보이실 겁니다. 클릭하시면 선택하실 수 있는 형태인 프레젠테이션, 화이트보드, Doc가 보이실 텐데, 원하시는 대로 선택하세요

저는 웹사이트이 프레젠테이션과 어울릴 듯한 크기라 그것을 선택했습니다. 선택을 하고 나면 위와 같은 화면을 보실 수 있고, 마찬가지로 오른쪽 상단에 ‘공유’ 버튼과 웹사이트 버튼을 선택하시면 됩니다.

공유 버튼을 클릭하시기 전에 생성된 웹사이트 디자인에 무엇인가를 더하고 싶으시면 디자인 요소를 선택하셔서 추가하실 수도 있습니다. 하지만 저는 심플한 것으로 좋아해서 AI가 만든 그대로 가기로 했습니다.

이 작업은 우리가 만든 캔바 코딩 웹사이트를 실제로 게시하는 작업입니다. 게시 후에는 URL 주소가 생성되는 데 그 주소로 웹페이지에 접속을 하시면 됩니다.

2) 캔바가 부여한 주소 vs 내 도메인

웹사이트를 만들었으니, 이제는 거기로 접근이 가능한 URL 주소가 필요합니다. 도메인 구매하실 필요 없습니다. 캔바가 무료로 주소를 하나 줍니다.

웹사이트 URL에 보시면 본인이 원하는 단어.my.canva.site 이런 형식으로 되어 있습니다. 예를 들어 본인이 원하는 단어가 whattime 이라면, 이것을 입력하시면 나중에 URL 주소는 whattime.my.canva.site가 됩니다.

웹사이트 URL까지 정하셨다면, 이제 게시만 하시면 됩니다. 이것으로 캔바 코딩 웹사이트 만드는 법은 마무리 됩니다.

하지만, 이렇게 무료로 부여되는 주소 말고 본인만의 도메인을 갖고 싶으신 분들도 있으실 것입니다. 그런 분들은 맞춤형 도메인 사용을 선택하세요.

저는 도메인을 구매해서 그 도메인으로 URL을 만들었습니다. 저의 캔바 코딩 웹사이트를 보고 싶으신 분들은 아래 링크를 통해서 확인하실 수 있습니다.

마무리

오늘은 캔바 코딩 웹사이트 만드는 법에 대해서 이야기해 보았습니다. 그 예로 세계 시간 검색기를 만들어 보았습니다. 저는 앞서 말씀 드렸다시피 도메인을 구매해서 웹사이트 URL을 만들어 보았습니다.

몇 가지 작업만 하면 그렇게 어렵지 않습니다. 캔바 웹사이트 도메인 설정하는 법이 궁금하신 분들은 위 포스팅을 꼭 한번 읽어 보시기 바랍니다.

저의 도메인 주소로 접속해서 웹사이트에 들어가니, 잘 작동이 됩니다. 정말 코딩에 코 자도 모르는 제가 이렇게 Canva AI를 이용해서 이러한 웹페이지를 만든 것이 매우 신기한 것 같습니다.

본인이 빈번하게 사용하는 데, 펜과 노트를 사용에서 벗어나기를 원하시는 분들은 캔바 코딩을 통해서 웹페이지를 한번 만들어 보시기 바랍니다.

특히 기본 버전 보다 더 많은 기능을 제공하는 Canva pro 버전은 무료로 30일간 체험해 볼 수 있기에 많은 분들이 도전해 보셨음 합니다.

실제로 해 보시면 꽤 재미있다는 느낌이 드실 것입니다.

저는 사실 그냥 만들어 본 것은 아니었고, 온라인 사업 중에 하나인 애드센스 광고를 여기에 삽입해 보려고 했는데, 실패한 것 같습니다.

그와 관련해서는 다음에 다시 말씀드리도록 하겠습니다. 글 읽어 주셔서 감사합니다.