노코드 Glide, 무료로 포트폴리오 사이트 만들기

🌟포트폴리오 사이트 제작

NFT 모임을 진행하면서 참여자의 작품을 포트폴리오로 남기면 좋겠다고 생각했습니다. 그래서 처음에는 노션으로 포트폴리오 페이지를 만들었습니다. 하나의 작품을 입력하기 위해서는 다음과 같은 값이 필요했습니다.

✏️필요한 입력 값
1. 작가의 닉네임
2. 작가의 사이트 링크
3. 메인 이미지 링크

보통 참여자가 많으면 15명까지 참여하는데, 15번의 입력 작업을 하니 조금은 힘들었습니다. 좀 더 편리한 입력 방법이 없을까 고민을 하다 Glide 라는 서비스를 알았습니다. 장점으로 비용 없이 사이트 제작이 가능하고, 다양한 템플릿 제공하고, 사이트 링크가 바로 생성됩니다.  

일단 회원가입을 해서 나의 페이지(Open Glide)로 접속하면 나의 프로젝트가 보이고, 추천하는 템플릿 몇 개가 나옵니다. New Project 클릭해 봅시다.

프로젝트 이름과 App으로 만들지, 페이지로 만들지를 선택하게 됩니다. 저는 App을 선택했습니다. App을 선택하면 스마트폰이나 태블릿에 맞게 화면이 나오게 됩니다. 모든 화면에 대응하기 위해서는 Page를 선택합니다. 계속 진행합니다.

입력될 값을 어떤 것으로 구축할지 선택하는데요. 보통 홈페이지를 제작하면 그 안에 입력 값들은 DB(데이터베이스) 안에 입력해서, 저장, 조회, 삭제를 합니다. 우리는 그 DB 역할을 Glide Table, Google Sheets, Excel, Airtable 중 선택할 수 있습니다.

Glide Table가 가장 성능이 좋다고 합니다. 하지만 저는 Google Sheets를 선택했습니다. 저에게 친숙하고 사람들에게 시트 공유가 가능하기 때문에 제가 직접 값을 입력하지 않도록 할 수 있습니다. 계속 진행합니다.

저는 미리 만들어 둔 NFT 시트를 선택 했습니다.

해당 시트의 구성은 번호, 닉네임, 주소, 이미지 주소가 있습니다. 해당 칸에 값을 입력하면 Glide로 값을 가져가게 됩니다. 사이트가 생성하기까지 시간이 조금 소요됩니다. 여유롭게 기다려가 접속합시다.

처음 접속하면 내가 입력한 데이터를 기초로 하여 레이아웃이 구성된 것을 볼 수 있습니다. 상단 메뉴 중 첫 번째 시트 모양을 눌러봅시다.

이 버튼을 Data Editor 이라고 부르고, 바로 옆에 나오는 화살표를 누르면 구글 시트에서 데이터를 바로 받아옵니다. 오른쪽에 보면 구글 시트에 생성한 시트 이름을 나열하고 있습니다. 1기 시트에 내용을 보면 첫 번째 열은 공백이고, 두 번째 열부터 번호, 닉네임, 주소를 가져오고 있습니다.

구글 시트와 연동하고 있기 때문에 모임 참가자들에게 시트를 공유해서 값을 입력하게 만들면 일정 시간이 경과할 때마다  Glide로 가져오게 됩니다.

다시 두 번째 버튼(Layout)을 눌러서 보기 좋은 디자인으로 만들어 보겠습니다. 오른쪽에 STYLE 메뉴를 보면 콘텐츠를 어떻게 보이게 할 것인지 선택할 수 있습니다. 저는 Cards를 선택했습니다.

맨 오른쪽에 아래 SCREEN에 내가 선택한 스타일(Cards List)를 선택하면, CONTENT 메뉴가 보이게 됩니다. image 값으로 어떤 것을 가져올지 선택할 수 있는데, 이미지 주소를 선택해 주면 각 카드마다 이미지가 보이게 됩니다.

사용자가 카드 이미지를 클릭하면 입력된 주소로 연결하기 위해서 ACTION 메뉴에서 Open Link 선택해서 URL에 주소를 선택합니다.

DESIGN 메뉴를 보면 카드 모양을 어떻게 할지 선택할 수 있습니다. 이미지 크기에 따라 짤리는 것을 최소화 하기 위해서 Image Shape는 Square로 변경했습니다.

어느 정도 레이아웃을 설정을 마쳤다면 세 번째 버튼(Settings) 눌러봅니다. 여기에서 사이트 이름, 아이콘, 전체적인 배경에 대한 선택, 사이트 접속 권한에 대한 설정이 가능합니다. Privacy 메뉴를 눌러서 Public을 설정해야 모든 사람이 바로 페이지를 볼 수 있습니다. 모든 설정을 마치고 오른쪽 상단에 Publish를 누르면 사이트가 생성됩니다.

🤔사용 소감

테스트 목적으로 사이트를 만들거나 간단한 포트폴리오 용도로 Glide를 이용하는 것은 매우 추천합니다. 하지만 실제 서비스로 이용하는 것은 추천하지 않는데 이유는 다음과 같습니다.

1. 페이지 로딩이 느리다.  제가 만든 사이트는 단순히 사진, 텍스트로 구성된 콘텐츠인데 생각 보다 페이지 로딩이 느렸습니다. 외국 사이트라서 그런지 모르지만 한국인이 싫어하는 로딩 페이지 속도입니다.
2. 가격이 비싸다. 만약 돈을 지불하면 페이지 로딩이 개선된다면 사용할 수도 있지만 그것도 아니라고 합니다. 그리고 데이터 입력 수나 커뮤니티 구성원 숫자에 따라서 가격이 다른데 가격이 비쌉니다.
3. 기능이 제한적이다. 결국 내가 하고 싶은 기능은 제공하지 않아서 불편했습니다. 우회해서 사용하는 방법을 커뮤니티에서 알려주기는 했지만 그렇게까지 할 시간에 그냥 내가 개발하는 게 시간적으로 절약이라는 생각을 했습니다.

App Type
https://nomads-app-ow10.glideapp.io

Page Type
https://sunset-snail-0374.glide.page