Webflow

노코드 웹사이트 빌더

0 팔로워

소개

아래와 같은 니즈가 있는 분들께 추천드려요: 1) 빠르게 MVP를 프로토타이핑하여 나의 아이디어 테스트해보고 싶을 때 2) 코딩 지식이 없는 마케터나 PM들이 다양한 테스트를 해보고 싶을 때 3) Static한 형태의 마케팅 사이트 혹은 블로그 장점: 1) CMS UI가 가장 깔끔하고 직관적이에요. 2) 노코드툴 중 가장 오래되서 다양한 3rd party tool들이 있고 커뮤니티도 가장 활발해요. 3) Webflow University라는 자체적인 튜토리얼 영상들의 퀄리티가 좋아 영어가 어렵지 않다면 배우는게 다른 툴들에 비해 어렵지 않아요. 4) 커스텀 코드를 넣을 수 있고 코드 export가 가능해요. 단점: 1) 가격이 월 20달러로 비싸요. 2) 기본적인 html, css 지식이 있지 않으면 배우는데 조금 오래 걸릴 수 있어요. 3) 기본적으로 로직구현을 제공하지 않고 불가능하지는 않지만 개발지식이 없으면 어려워요.

포스트

아직 포스트가 없습니다.

댓글

로그인 후 댓글을 남길 수 있습니다.

Hyunsol Park
Hyunsol Park

저희 디스콰이엇 MVP 또한 웹플로우로 제작을 했었고 현재 블로그도 Webflow로 제작하여 운영을 하고 있으니 한번 확인해보세요. Webflow 관련하여 궁금하신 점 있으시면 언제든 편하게 물어봐주시면 제가 답해드릴게요~!

SEUNGHYUN CHOI
SEUNGHYUN CHOI

안녕하세요. 현재 웹빌더에 관심많은 프로덕트 매니저입니다^^, Webflow에 궁금한 점이 있는데, 기존 노코드 웹빌더인 wix나 아임웹 등과 같이 기본 베이스만 구현할 수 있는 정도로 빌더가 가능한지 아니면 코드 작업한 것처럼 비춰지는 기능?(현재 디스콰이엇이나 핀터레스트,비핸스처럼 내리면 계속 새로운 글과 이미지가 보여지는 기능 등등..) 같은 것들도 기본베이스로 가능한지 알고싶네요, 제가 구현하고 싶은 아이디어를 현재 디스콰이엇 웹페이지처럼 구현을 해보고 싶어서요.

Hyunsol Park
Hyunsol Park

승현님 안녕하세요~! 웹플로우로는 템플릿을 drag and drop하는 방식인 wix나 아임웹보다 훨씬 많은 것을 할 수 있습니다. 다만 말씀하신 디스콰이엇, 비핸스, 핀터레스트에서 다른 사용자들이 컨텐츠를 업로드하면 자동으로 사이트에 올라가게 하는 것은 가능하기는 하나 웹플로우 자체만으로는 할 수 없고 Zapier 같은 툴을 연동해서 사용자가 컨텐츠 올리기를 했을때 웹플로우 CMS(웹플로우에서 제공하는 데이터베이스 입니다.)에 접근을 할 수 있도록 작업을 해주셔야 되요. 그래서 디스콰이엇 같은 경우에는 가설검증 단계에서 사용자들이 컨텐츠 올리기를 하면 그 내용이 저의 이메일로 오게 하여 제가 일일히 웹플로우에 업로드를 다시하는 방식으로 했어요. 그리고 내리면 계속 새로운 글과 이미지가 보여지는 것은 infinite scroll이라고 하는데요, 이 또한 웹플로우에서 가능합니다. https://webflow.com/blog/infinite-scroll-tutorial 이 링크를 보시면 원하시는 것과 비슷할 것 같네요~

SEUNGHYUN CHOI
SEUNGHYUN CHOI

자세한 설명 감사합니다. 디스콰이엇 2.0의 경우 블로그만 웹플로우로 진행하셨는가요? 현재 디스콰이엇 사이트의 구성이나 레이아웃 등 외에 이 모든걸 구성하려면 직접 프론트엔드,백엔드 다 직접 컨트롤 하시는건지 궁금합니다.

Hyunsol Park
Hyunsol Park

네 말씀하신대로 디스콰이엇 2.0에서는 블로그만 웹플로우를 사용하고 있고 나머지는 다 직접 코딩하였습니다 :)

SEUNGHYUN CHOI
SEUNGHYUN CHOI

그럼 딱 한가지만 더 여쭤봐도 될까요?^^,, 디스콰이엇 사이트 2.0 웹빌더는 어디에서 코드를 넣어서 만드셨는지 궁금합니다. 제가 잘 몰라서 질문이 조금 애매해서 죄송합니다.

Hyunsol Park
Hyunsol Park

계속 물어봐주셔도 되요~ㅎㅎ 디스콰이엇 2.0은 웹빌더를 사용하지 않았어요. 웹빌더는 보통 이미 만들어진 템플릿이 있고 레고 부품 처럼 여러 컴포넌트들이 있어서 코딩을 할줄 몰라도 쉽게 이미 만들어진 템플릿내에서 색, 이미지, 글 등을 수정하고 컴포넌트들을 마우스로 드래그하는 방식으로 사이트를 만들 수 있는걸 웹빌더라고 해요. 디스콰이엇 2.0은 일반적으로 개발자들이 서비스를 만들때 코딩을 하는 것과 똑같이 코딩을 했습니다. 저희는 리액트, 노드js, Graphql라고 불리는 기술들을 사용했어요 :). 궁금하신 것 있으면 계속 물어봐주세요 ㅎㅎ

SEUNGHYUN CHOI
SEUNGHYUN CHOI

답변 감사합니다. 처음부터 끝까지 모든걸 물어보려면 밑도 끝도없이 문의드릴 것 같아서.. 정말정말 마지막으로,, 그럼 디스콰이엇처럼 웹페이지를 구성하려면 말씀해주신 HTML,CSS,React,node js, graphql 배워두면 웹페이지 구성하는데 크게 문제는 없을까요?

Jenny Hong
Jenny Hong

안녕하세요 승현님, 질문주신 내용 관련해서 따로 메일 보내드렸습니다! :)

조준형
조준형

웹플로우로 한국의 결제시스템을 붙인 쇼핑몰을 만들기는 어려울까요? 2015년에 웹플로우를 처음 알게되어 2~3년간 이것저것 만들어봤는데, 쇼핑몰은 만들어보지 못했거든요. 아임앱이나 식스샵을 쓰면 결제 문제는 쉽게 해결되지만, 대신 웹플로우같은 퀄리티나 자유로운 데이터 수집, SEO등은 기대하기 어렵다고 생각해요(사실 최근에는 어떤지 잘 모르겠습니다만). 그렇다고 코딩을 배우자니 머리가 안 따라주고...여러모로 고민이네요.

Hyunsol Park
Hyunsol Park

저도 예전에 찾아봤었는데 아직까지는 솔루션이 없는 것 같아요 ㅠㅠ

정재욱
정재욱

안녕하세요 대표님. webflow 정보를 찾다가 이 사이트도 처음 알게 되었네요. 웹플로우가 다 좋은데 cms에서 한글입력이 너무 불편하고 사진 복사도 안되는거 같은데..블로그 하시면서 어려움은 없으셨는지요? 저도 블로그를 운영하려고 하는데 너무 어려워서 좋은 팁이 있으면 공유 부탁드립니다!

SunShinesMoon
SunShinesMoon

안녕하세요! 웹플로우에 관심이 생겨 이것저것 찾아보다가, 한국 커뮤니티에서 보다 정확한 정보 좀 듣고 싶어 디스콰이엇 가입하여 답글 남겨요 :)) 현재 저는 3D 모션 그래픽 디자이너 직군에서 활동하는 디자이너입니다. 자체적으로 포트폴리오 웹사이트를 만들던 중, 인터렉션한 느낌으로 홈페이지를 만들고 싶어 웹플로우를 사용하려고 하는데요, 웹플로우에 보면 Template 섹션에 개발자들이 이미 만들어놓은 템플릿들을 구입하여 사용하면 똑같은 템플릿에 본인의 콘텐츠를 껴놓을 수 있는 것 같아(윅스나 아입웹 같은)보입니다. 혹시 제가 이해하는 이 플로우가 맞을까요? 웹플로우 개발자 모드에 들어가서 구입한 템플릿이 가지는 기본 폰트를 수정한다거나, 사진 콘텐츠를 바꾼다거나, 배경색을 바꾼다거나... 쉽게 수정 및 보안이 가능해보이는데 이게 가능한건가요? 답변 부탁드립니다! 감사합니다.

Hyunsol Park
Hyunsol Park

네 안녕하세요! 말씀해주신 것들 다 맞습니다 :) 웹플로우는 현재 나와있는 WYSIWYG 서비스 중 (윅스, 아임웹, 스퀘어스페이스 대비) 가장 자유롭게 커스터마이징할 수 있는 서비스입니다. 템플릿을 사용하셔도 좋고 백지에서 시작해서 처음부터 만드셔도 됩니다.

장영운
장영운

다른 웹사이트 빌더보다 10배는 어렵지만 할 수 있는 것도 10배로 많음. 다른 웹사이트 빌더로도 충분히 만들 수 있는 수준을 구현하고 싶다면 추천하지 않음.

Inyoung Kwon
Inyoung Kwon

안녕하세요. 유료로 구매한 html 템플릿을 Webflow에 가져와서 사용할 수 있나요? 아니면 그 안에서만 구매해서 사용해야 하나요?

Hyunsol Park
Hyunsol Park

https://discourse.webflow.com/t/importing-html-css-into-webflow/871/15 여기 보면 안되는 것 같네요 ㅠㅠ 웹플로우 템플릿은 여기서 구매할 수 있어요: https://webflow.com/templates

김성곤
김성곤

안녕하세요 혹시 요즘도 디스콰이엇 블로그 매거진?을 webflow로 발행하시나요? 다름이 아니라 블로그 글쓰기할때 한글 타이핑오류 (=스페이스바 진행시 포인트가 처음으로 돌아가는 현상)를 혹시 극복?하는 노하우가 있는지 여쭤봅니다!~~^^