[청년공감] “코딩 하나도 모르는데 웹사이트를?”…문과생의 ‘노코드’ 제작 도전기

▲워드프레스로 만든 망고뉴스 사이트. 사진 = 김상연.

“테슬라가 이제 차를 안 만든다는데?"

최근 한 친구가 인스타그램에서 '이제 차 안 만든다? 테슬라 상징 생산 중단'이라는 게시물을 본 뒤 물었다. 하지만 사실과는 달랐다. 테슬라는 지난 1월 플래그십 모델인 모델S·X의 단종과 해당 생산라인의 로봇 생산 전환을 발표했지만, 주력 모델인 모델3·Y는 현재도 생산하고 있다.

조회수를 높이기 위해 자극적인 제목을 내건 SNS 게시물이 잘못된 정보로 이어지는 전형적인 사례다.

한국언론진흥재단에 따르면 2021년 기준 소셜미디어에서 시사 정보를 이용하는 사람의 77.2%가 허위 정보를 접한 경험이 있다고 답했다. 허위 정보가 주로 확산되는 채널로 유튜브를 꼽은 응답도 58.4%에 달했다.

검증되지 않은 정보가 빠르게 유통되는 환경에서 결국 중요한 것은 콘텐츠가 어떤 공간에서, 어떤 방식으로 만들어지고 전달되느냐는 생각이 들었다. SNS의 허술한 게시물을 비판하는 데 그치기보다 시사 이슈를 정확하게 정리해 전달하는 콘텐츠를 직접 웹에서 발행해 보기로 했다.

문제는 필자가 웹 프로그래밍 기초조차 없는 문과생이라는 점이다. 그렇게 '코딩 없이 웹사이트 만들기'에 도전했다.

준비물은 입문서 한 권이었다. 박현우 작가의 '만들면서 배우는 워드프레스'(한빛미디어)를 옆에 두고 웹사이트 제작에 필요한 개념부터 하나씩 익혔다. 책은 도메인과 호스팅 개념부터 테마 설정까지 전 과정을 화면 캡처와 함께 설명하고 있어 낯선 용어를 이해하는 데 도움이 됐다.

도메인은 숫자로 이뤄진 서버의 IP 주소를 사람이 기억하기 쉬운 주소로 바꿔주는 것이고, 호스팅은 웹사이트 파일을 올려둘 서버 공간을 빌리는 것이다.

사이트 이름은 '망고 뉴스'로 정했다. 국내에서 널리 사용되는 카페24에서 도메인 'mangonews.kr'을 2년간 3만7400원에 구매했다. 서버 한 대를 여러 사용자가 나눠 쓰는 웹 호스팅 가운데 가장 저렴한 '뉴 아우토반 절약형'을 선택했다. 비용은 월 450원, 최초 설치비 1만원이었다.

도메인과 호스팅에 들어간 비용은 총 4만7850원. 도서 구입비를 제외하면 커피 열 잔 정도의 비용으로 누구나 접속할 수 있는 웹 공간을 마련한 셈이다.

웹사이트의 기본 틀은 CMS(콘텐츠 관리 시스템)가 담당한다. CMS는 코드를 직접 작성하지 않아도 관리자 화면에서 글과 사진, 디자인 등을 관리할 수 있도록 해주는 프로그램이다. 세계적으로 널리 사용되는 워드프레스를 선택했다.

설치 과정도 생각보다 간단했다. 카페24 '나의서비스관리'에서 프로그램 자동설치 메뉴에 들어가 워드프레스를 선택하고 버튼을 누르면 기본적인 설치가 완료된다.

워드프레스에서는 디자인을 '테마', 기능을 '플러그인'이 담당한다. 스팸을 차단하는 'Akismet'이나 검색엔진 최적화를 돕는 'Yoast SEO' 같은 기능도 앱을 설치하듯 추가할 수 있다.

사이트 디자인은 워드프레스의 테마 기능을 활용했다. 관리자 화면의 '외모→테마' 메뉴에서 원하는 테마를 검색해 내려받는 방식이다.

망고 뉴스에는 해외 제작사 AF themes가 만든 '모어뉴스 프로(MoreNews Pro)' 테마를 적용했다. 시사·매거진 사이트에 적합하도록 미리 디자인된 일종의 '기성복'이다. 테마를 선택하면 사이트 전체의 생김새가 한꺼번에 바뀐다.

특히 머리기사와 분야별 글 목록 등이 구성된 견본 사이트를 클릭 한 번으로 불러올 수 있었다. 이후 로고와 사이트 이름, 기사 내용만 바꾸면 기본적인 뉴스 사이트 형태가 갖춰졌다. 각 요소 역시 마우스로 끌어다 놓는 방식으로 배치할 수 있었다.

이처럼 공개된 워드프레스 무료 테마만 수만 개에 달한다. 별도의 디자인 작업을 하지 않아도 원하는 형태의 사이트를 비교적 쉽게 만들 수 있는 이유다.

기사 작성 역시 블록 에디터를 활용하면 블로그에 글을 쓰는 것과 크게 다르지 않았다. 사진과 영상을 올리고 댓글을 관리하거나 기사를 예약 발행하는 기능도 기본적으로 제공됐다.

결국 코드를 직접 작성하지 않고도 '망고 뉴스'라는 이름의 웹사이트를 만들 수 있었다.

다만 '코딩이 완전히 필요 없는가'라는 질문에는 다른 답이 나올 수 있다. 한 웹사이트 개발자는 “조회 수 표시를 빼는 것과 같은 세부적인 수정에는 결국 코딩이 필요할 수 있다"고 말했다.

기본적인 사이트 제작은 코딩 없이 가능하지만, 원하는 기능을 세밀하게 수정하거나 추가하려면 코딩 지식이 필요한 경우가 있다는 의미다. 말 그대로 '코딩 제로'라기보다는 '거의 제로'에 가까운 셈이다.

최근에는 이마저도 줄여주는 방식이 등장했다. 이른바 '바이브 코딩'이다.

원하는 웹사이트의 형태와 기능을 말로 설명하면 생성형 AI가 코드를 작성하고, 일부 서비스에서는 배포까지 지원한다. 코딩 지식이 부족한 사람도 AI와 대화하면서 웹서비스를 구축할 수 있는 방식이다.

한 이용자는 '클로드 코드'에 원하는 내용을 말로 지시해 광고 수익형 홈페이지를 만들었다. 개설 한 달 만에 구글 노출 1만4000회를 넘겼다는 사례도 있다. 그는 사이트의 목적과 대상, 디자인 등을 담은 기획안을 먼저 AI에 제시한 뒤 AI와 문답을 주고받으며 결과물을 다듬는 과정이 중요하다고 조언했다.

창업·마케팅 저자 신태순 씨도 AI 웹빌더 '러버블'을 활용해 하루 만에 애드센스 광고를 붙인 사이트를 만든 뒤 브런치에 “정말 개발자 없이도 이런 게 가능해?"라고 썼다.

물론 한계도 있다. 코드의 구조를 제대로 이해하지 못하면 오류가 발생했을 때 직접 수정하거나 사이트를 유지·관리하기 어렵다. AI가 웹사이트를 만들어주는 것과 웹사이트를 제대로 운영하는 것은 별개의 문제인 셈이다.

웹사이트 제작 자체는 예상보다 쉽게 끝났다. 하지만 진짜 문제는 '그 다음'이었다.

사이트에 정확하고 흥미로운 콘텐츠를 꾸준히 올리는 일에는 여전히 시간과 노력이 필요했다. 아무리 보기 좋은 사이트를 만들어도 잘못된 정보가 담긴다면 처음 웹사이트 제작에 나섰던 이유와도 맞지 않는다.

관리 역시 필요하다. 해킹의 표적이 되기 쉬운 워드프레스 본체와 테마, 플러그인을 수시로 업데이트하고 데이터를 백업해야 한다. 회원 정보나 결제 정보 등을 다루는 사이트라면 보안 인증서(SSL) 적용 등 추가적인 보안 관리도 필요하다.

웹사이트를 만드는 기술의 문턱은 빠르게 낮아지고 있다. 워드프레스 같은 CMS를 활용하면 코딩을 몰라도 기본적인 사이트를 구축할 수 있고, AI를 활용한 '바이브 코딩'은 그 문턱을 한층 더 낮추고 있다.

그러나 기술의 발전이 곧 콘텐츠의 품질을 보장하는 것은 아니다. 누구나 쉽게 웹사이트를 만들 수 있는 시대일수록 어떤 정보를 담고, 어떻게 검증하며, 얼마나 꾸준히 콘텐츠를 만들어내느냐가 더 중요해질 수 있다.

코딩 없이 웹사이트를 만드는 도전은 생각보다 어렵지 않았다. 하지만 '망고 뉴스'를 만든 뒤 알게 된 것은 따로 있었다. 웹사이트를 만드는 것은 시작일 뿐, 신뢰할 수 있는 콘텐츠를 만드는 일은 결국 사람의 몫이라는 사실이다.

김윤호 기자·김상연 강원대 디지털미디어커뮤니케이션학과 학생. kyh81@ekn.kr