이번 블로그에서는 "Webflow"라는 주제에 대해 어떤 기능을 갖고 있는지, 어떻게 시작하는지 등을 소개하고 있습니다. HTML이나 CSS를 배우는 것보다 한 걸음 더 나아가 새로운 기술을 배우고 싶은 분들에게 적합한 "Webflow"는 한국에서는 아직 잘 알려지지 않은 서비스입니다. 이 기사에서는 "Webflow"를 한국어로 설명하여 소개하고 있습니다.
"Webflow"의 사용 방법을 즉시 배우고 싶으신 분들은 "[1일 30분 / 21일] 방과 후 30분으로 웹 디자이너가 되어보자"에서 시작해 보시기 바랍니다.
"Webflow"란 무엇인가요? 안전한가요?
"Webflow"는 미국에서 시작된 웹 제작 앱으로, 코드를 작성하지 않고도 드래그 앤 드롭으로 웹 제작이 가능합니다. 가장 큰 특징은 코드를 내보낼 수 있다는 것입니다. 또한 다른 프로그램과 비교하여도 느려지는 경우가 적다는 것도 장점입니다. 결론적으로 안전합니다. 사용자의 개인정보는 물론, 회사 부도 가능성이나 웹 사이트 보안 측면에서도 안전하다는 것을 자신할 수 있습니다. "Webflow"는 미국에서 대규모 투자를 받고, 미래가 유망시되고 있습니다. 유명 기업에서는 DEAL이나 Rakuten과 같은 기업 사이트에서 사용하고 있습니다. "Webflow" 내 기업 소개 페이지에서 Rakuten은 다음과 같이 언급합니다. "Webflow 내 소개 사이트를 확인하세요."
"Rakuten SL은 시간, 돈 및 보안 문제를 절약하기 위해 WordPress에서 Webflow로 전환했습니다."
원문을 알려주세요.
Rakuten SL switched from WordPress to Webflow to save time, money, and security headaches
またWebflow内のニュースにはこんな記事も掲載されています。
또한 "Webflow" 내 뉴스에는 "이러한 기사"도 게시되어 있습니다.
"Webflow는 1억 4000만 달러를 조달하여 21억 달러의 가치를 달성했습니다."
원문을 알려주세요.
Webflow Raises $140M, Hits $2.1B Valuation
221억 달러... 한국 원화로 환산하면 대략 2조 3천억 원 정도 됩니다. 역시 한국과는 규모가 다른 것 같습니다. 게다가 고객이 2배의 속도로 증가하고 있으며, 많은 투자가 모이고 있어서 "앞으로 성장할 것이 확실하다!" 라고도 합니다. 관심이 있다면 뉴스 페이지를 확인해 보세요.
Google의 사이트 내 번역을 사용하면 문제없이 읽을 수 있습니다.
>>"Webflow"의 미디어 페이지를 확인하세요.
"Webflow"에서는 무엇을 할 수 있나요?
웹 사이트 제작 지식이 없어도 드래그 앤 드롭으로 웹 사이트를 제작할 수 있습니다. 기본적인 웹 기능은 물론, 애니메이션, 3D 사이트 등 고급 기술도 쉽게 사용할 수 있습니다. 언어를 직접 입력하는 것보다 약 3분의 1의 시간으로 웹 사이트를 제작할 수 있습니다.
Webflow로 어떤 사이트를 만들 수 있는지 궁금하다면 Webflow 내의 쇼케이스나, 대단해요! 재미있어요!를 모았다 【맥 개조?】 PS4나 Windows95 등 규격 외의 HP를 만들 수 있는 Webflow란? 를 확인해 보세요.
코드 출력이 가장 큰 특징입니다.
Webflow로 제작한 웹사이트는 코드 출력이 가능합니다. 저는 Webflow를 선택한 가장 큰 이유입니다. 만약 코드 작성 방법을 전혀 모르더라도 고객의 요구에 맞춰 코드 납품이 가능합니다. 또한 Webflow가 일본에서 인기가 없더라도 코드 출력이 가능하면 노코드로 제작한 것처럼 효율적으로 웹사이트를 제작할 수 있습니다.
코드를 작성할 수 있는 장점
코드를 내보낼 수 있는 이점은 크게 세 가지입니다.
- 개발자와의 협업 용이성Webflow에서 제공하는 코드는 실제 개발자들이 작성한 코드와 유사하며, 웹사이트 제작 과정에서 발생할 수 있는 문제점을 빠르게 파악할 수 있습니다. 따라서 웹사이트 제작 후에 코드를 내보내 개발자와 협업할 때, 작성한 코드를 이해하고 수정하는 데 어려움이 없어집니다.
- 코드 수정 가능성Webflow에서 생성된 코드는 HTML, CSS, JS 등으로 분리되어 있어 각각의 파일을 수정할 수 있습니다. 따라서 웹사이트가 나중에 수정이 필요한 경우에도 빠르고 쉽게 수정할 수 있습니다.
- 호환성 및 SEO 최적화Webflow에서 생성된 코드는 모든 브라우저와 기기에서 호환성이 좋습니다. 또한 SEO 최적화를 위한 기본적인 설정이 적용되어 있어, 검색 엔진에서 웹사이트를 검색할 때 높은 노출 확률을 가지게 됩니다.
個人的には以下の項目もあると思います。
- 첫 번째는 "코드로 웹사이트를 납품할 수 있다"는 점입니다. 코드 납품이 가능하므로 코드를 작성하는 사람과 어깨를 나란히하여 일할 수 있습니다. 코드 출력이 불가능하면 "노코드를 사용하는 사람"에 그칩니다.
- 두 번째는 만약 노코드를 사용할 수 없게 된 경우에도 웹사이트가 남는다는 점입니다. 서비스 종료는 거의 일어나지 않지만, 최악을 대비하는 것이 중요합니다. 만약에도 "만든 사이트가 모두 없어졌다"는 일이 일어나지 않도록 코드로 출력하고 저장할 수 있는 것이 Webflow입니다.
"Webflow"는 어렵지 않나요? 시작하는 방법은 무엇인가요?
제작은 웹 언어를 기반으로 하기 때문에 HTML이나 CSS 지식이 있으면 이해하기 쉽습니다. 그러나 완전한 비경험자라면 조금 어려울 수도 있습니다. 그러나 이 블로그의 [1일 30분/21일 코스]에서는 완전한 비경험자를 대상으로 Webflow의 사용 방법을 설명하고 있으므로 걱정하지 않으셔도 됩니다.
또한, 처음부터 너무 쉽다면 배울 필요도 없이 'Webflow를 할 수 있다'는 가치가 떨어질 것입니다. 약간의 노력이 적당하다고 생각합니다.
Webflow의 사용 방법과 웹 디자인의 기초를 배우면 웹 디자이너와 동등한 일을 할 수 있음은 말할 것도 없습니다.
Webflow는 영어로 된 설명만 있습니다.
Webflow는 영어로 된 설명만 있지만, "영어를 못하는" 분들도 구글 번역을 사용하면 의미를 이해할 수 있습니다. 또한 당사 사이트에서는 한국어로 설명하며, 질문도 받고 있으므로 특별한 문제는 없을 것입니다. 또한 Webflow는 웹 언어를 모르는 분들을 대상으로 "Webflow 사용 방법" 동영상을 공개하고 있습니다. 처음부터 조금씩 절차를 따라가면 같은 종류의 웹 사이트를 구축할 수 있습니다. 이 코스를 마칠 때쯤에는 Webflow 조작 방법이 익숙해지고, 조정도 가능할 것입니다.
미경험자분들께서는 먼저 이 절차를 클리어하시면 한 번에 세상이 열립니다.

Webflow의 시작 방법
시작하는 방법은 매우 간단합니다. 로그인 화면으로 이동하면 Google 계정이나 이메일 주소를 사용하여 계정을 만듭니다. 로그인하면 모의 사이트 제작 등이 시작될 것입니다만, 필요 없는 경우 건너뛰어도 괜찮습니다.
대시보드에는 사용자가 만든 사이트가 추가되어 나열됩니다. "+ NEW Project"를 클릭하여 백지 캔버스를 열고 제가 작성한 블로그나 Webflow 공식 동영상을 참고하여 제작을 시작해 보세요. 진행하면서 이해할 수 있습니다.
"Webflow"를 사용할 때 드는 비용은 어떻게 되나요? 무료인가요?
Webflow는 현재 영원히 무료로 사용할 수 있습니다. 물론 유료 플랜을 구입하면 할 수 있는 일이 더 많아집니다. 주요 요금은 "계정 플랜"과 "웹 사이트 플랜" 두 가지가 있습니다. 여기서는 초보자가 처음 결제를 하는 이점을 주로 소개하겠습니다.
워크스페이스 플랜
계정 플랜에서는 초보자에게 주로 3가지 이점이 있습니다.
- 제작 가능한 페이지 수가 증가합니다.
- 제작 가능한 웹사이트 수가 증가합니다.
- 코드 출력이 가능합니다.
무료 플랜에서도 CMS(블로그 글 작성에 유용한 기능)을 사용할 수 있으므로, 돈을 많이 쓰고 싶지 않은 분들은 처음에는 무료 플랜으로 충분합니다. 템플릿을 조합해서 만들고 싶을 때나 운영하는 사이트가 늘어난 경우에는 먼저 Lite 플랜에서 도전해 보세요. 사이트는 최대 10개까지 만들 수 있으며, 사이트 내 페이지도 충분합니다.
물론 다른 추가 기능도 많이 있지만, 처음에는 이 3가지가 과금하는 주요한 메리트라고 생각합니다.
>>최신 요금제는 여기를 참조하세요.
웹사이트 플랜
사이트 단위로 과금되는 웹사이트 플랜. 많은 장점이 있지만 처음부터 필요한 기능은 그다지 많지 않으므로 본격적으로 운영을 시작한 후에 구입하는 것이 좋습니다. 코드로 출력하여 사이트를 운영하는 것도 하나의 방법입니다. 그러나 그 경우 서버를 빌려야하므로 비용과 노력을 고려하면 별 차이가 없을 수도 있습니다.
주요 이점은 도메인 변경입니다.
직접 구입한 도메인을 사용하려면 유료 플랜에 가입해야 합니다. 도메인이란 .com, .co.jp 등을 말합니다. 가장 저렴한 플랜을 사용할 경우 CMS를 사용할 수 없으므로 주의해야 합니다. 서버 강화나 CMS 콘텐츠 사용 등의 메리트가 있지만, 처음에는 별로 관계가 없을 수도 있습니다. 계정 플랜만 요금을 지불하고 블로그나 사이트 운영 등이 궤도에 올라간 후에 플랜 변경하는 것이 좋습니다.
>>최신 요금제는 여기를 참조하세요.
요약
Webflow는 앞으로 성장이 기대되는 툴입니다. 아직 일본에서는 보급이 되지 않았기 때문에, 지금 시작하면 Webflow의 전문가로 유명해질 수도 있습니다. 만약 당신이 지금 "어떤 스킬이 필요하다", "어떤 산업에서 선두하고 싶다"고 생각한다면, Webflow를 시작해보는 것은 어떨까요? 돈을 들이지 않고도 무료로 시작할 수 있기 때문에, 등록해서 "하루 30분, 21일 만에 웹 디자이너가 되자"를 해보는 것도 좋은 선택입니다.
제 설명하는 블로그에서는 무료 플랜을 기준으로 작성하고 있습니다. 애니메이션 효과가 있는 멋진 포트폴리오 사이트도 무료로 만들 수 있습니다. 만약 나중에 "더 하고 싶다!"라는 생각이 들면 유료 플랜에 가입하는 것도 좋을 수 있습니다.
저도 열심히 노력하겠습니다. 언젠가 함께 일하면 좋겠네요. 그때까지 연락 기다리겠습니다.
情報追加はツイッターで告知します。
정보 추가는 트위터로 공지할 예정입니다. Webflow의 최신 정보와 사용 방법은 업데이트될 때마다 업데이트할 예정입니다. 정보 업데이트 및 유용한 사용 방법은 트위터에서 트윗됩니다! 팔로우 부탁드립니다!