<블로그 글 목록으로 돌아가기

Webflow 20시간 커리큘럼 : 노코드 제피어 Zapier Make 메이크 GA4 GTM No-Code 이런 것도?

매이크 재피어 웹플로우 콜플로우 구글애널리틱스4 구글태그매니저를 활용해 개발 없이 비개발자가 웹사이트를 만드는 커리큘럼입니다.

들어가며 : 노코드 20시간 커리큘럼 어떻게 해야 가장 만족스러울까?

안녕하세요 콜입니다.

이번에 제가 정말 감사하게도 비개발 직군을 대상으로 Webflow를 필두로 하는 20시간 코스를 진행할 예정에 있는데요!

이번 코스를 준비하면서 GPT의 도움을 받은 내용을 글로 공유해보고자 합니다.

무려 2시간씩 10번에 걸쳐 총 20시간이라는 긴 시간동안 진행되기 때문에 코스의 밀도를 높이면서도 동시에 빠짐없는 내용을 담기 위해 긴 시간 고민하였습니다.

그러던중 블로그 챌린지에 적절한 콘텐츠 일 수 있겠다는 생각이 들어 이렇게 글로 작성하게 되었습니다.

노코드란?

간단히 말하면 개발 없이 개발하는 것을 의미합니다. 로우코드 노코드 등 다양한 개념이 존재하며, 여러분들이 많이 사용하시는 노션 Notion도 노코드에 속합니다.

웹플로우 커리큘럼 전반부

노코드 웹플로우 커리큘럼 전반부

노코드 개요 및 기초

  • 노코드 개념 소개: 프로그래밍 없이 애플리케이션 및 웹사이트를 개발할 수 있는 방법론
  • 노코드 플랫폼의 종류와 장점
  • 실습 준비: Webflow 계정 생성 및 기본 인터페이스 소개

Webflow 기초

  • Webflow를 사용한 웹사이트 구조 설계 기초: 섹션, 컨테이너, 그리드 사용법
  • 간단한 웹 페이지 디자인 실습: 헤더, 푸터, 메인 섹션
  • Webflow 템플릿 소개 및 선택 기준

Webflow 실습 예제

  • Webflow 기능 사용
  • Webflow 레이아웃 실습 block, flex, grid
  • Webflow 핵심 팁 전수

Webflow 고급 기능과 디자인

  • 반응형 웹 디자인: 다양한 디바이스에 맞는 페이지 디자인
  • 고급 디자인 요소 실습: 타이포그래피, 컬러 스킴

Form을 통한 데이터 수집

  • Webflow에서 Form 구성 및 설정 방법
  • 사용자 입력 데이터 수집 및 관리 방법
  • 실습: 문의 폼 만들기 및 테스트

웹플로우 커리큘럼 후반부

노코드 웹플로우 커리큘럼 후반부

GA4 및 GTM 기초

  • Google Analytics 4(GA4)와 Google Tag Manager(GTM) 소개
  • Webflow 사이트에 GA4 및 GTM 설정
  • 기본 분석 지표 이해 및 추적 설정 실습

Zapier 및 Make를 이용한 자동화

  • Zapier와 Make 소개: 워크플로우 자동화 도구
  • Webflow, GA4와 Zapier/Make 연동 방법
  • 실습: Form 제출 시 이메일 알림 자동화 설정

CMS 활용 및 관리

  • Webflow CMS 소개 및 기본 개념
  • 동적 콘텐츠 생성 및 관리 방법
  • 실습: 블로그 섹션 추가 및 CMS를 이용한 콘텐츠 관리

SEO 검색엔진최적화

  • SEO 검색엔진최적화란
  • Webflow 를 통한 검색엔진최적화 방법
  • 글 작성을 통한 방법론 배우기

웹사이트 출시 및 마케팅

  • 웹사이트 출시 과정 실습
  • 잠재 고객 데이터 수집 및 분석
  • CRM 도구 소개 및 기초 활용 방법

마무리하며

마무리하며

저는 이렇게 GPT의 도움을 받아 (물론 많은 수정이 필요했습니다) 노코드 커리큘럼을 잘 만들 수 있었습니다.

Wow Point

  • 담으면 좋겠다는 걸 담아줬다
  • 오 이거까지? 라는 것도 담아줬다
  • 아 맞다! 까먹었네 라는 지점도 담아줬다

정말 똑똑한 비서가 생긴 기분입니다.

모두 노코드하세요~

추가 꿀팁 One More Thing

노코드 웹플로우 커리큘럼 후반부

GA4 및 GTM 기초

  • Google Analytics 4(GA4)와 Google Tag Manager(GTM) 소개
  • Webflow 사이트에 GA4 및 GTM 설정
  • 기본 분석 지표 이해 및 추적 설정 실습

Zapier 및 Make를 이용한 자동화

  • Zapier와 Make 소개: 워크플로우 자동화 도구
  • Webflow, GA4와 Zapier/Make 연동 방법
  • 실습: Form 제출 시 이메일 알림 자동화 설정

CMS 활용 및 관리

  • Webflow CMS 소개 및 기본 개념
  • 동적 콘텐츠 생성 및 관리 방법
  • 실습: 블로그 섹션 추가 및 CMS를 이용한 콘텐츠 관리

SEO 검색엔진최적화

  • SEO 검색엔진최적화란
  • Webflow 를 통한 검색엔진최적화 방법
  • 글 작성을 통한 방법론 배우기

웹사이트 출시 및 마케팅

  • 웹사이트 출시 과정 실습
  • 잠재 고객 데이터 수집 및 분석
  • CRM 도구 소개 및 기초 활용 방법

웹플로우 커리큘럼 후반부

멀티 이미지 테스트

No items found.

Webflow 20시간 커리큘럼 : 노코드 제피어 Zapier Make 메이크 GA4 GTM No-Code 이런 것도?

written by.
작성일 :

들어가며 : 노코드 20시간 커리큘럼 어떻게 해야 가장 만족스러울까?

안녕하세요 콜입니다.

이번에 제가 정말 감사하게도 비개발 직군을 대상으로 Webflow를 필두로 하는 20시간 코스를 진행할 예정에 있는데요!

이번 코스를 준비하면서 GPT의 도움을 받은 내용을 글로 공유해보고자 합니다.

무려 2시간씩 10번에 걸쳐 총 20시간이라는 긴 시간동안 진행되기 때문에 코스의 밀도를 높이면서도 동시에 빠짐없는 내용을 담기 위해 긴 시간 고민하였습니다.

그러던중 블로그 챌린지에 적절한 콘텐츠 일 수 있겠다는 생각이 들어 이렇게 글로 작성하게 되었습니다.

노코드란?

간단히 말하면 개발 없이 개발하는 것을 의미합니다. 로우코드 노코드 등 다양한 개념이 존재하며, 여러분들이 많이 사용하시는 노션 Notion도 노코드에 속합니다.

웹플로우 커리큘럼 전반부

노코드 웹플로우 커리큘럼 전반부

노코드 개요 및 기초

  • 노코드 개념 소개: 프로그래밍 없이 애플리케이션 및 웹사이트를 개발할 수 있는 방법론
  • 노코드 플랫폼의 종류와 장점
  • 실습 준비: Webflow 계정 생성 및 기본 인터페이스 소개

Webflow 기초

  • Webflow를 사용한 웹사이트 구조 설계 기초: 섹션, 컨테이너, 그리드 사용법
  • 간단한 웹 페이지 디자인 실습: 헤더, 푸터, 메인 섹션
  • Webflow 템플릿 소개 및 선택 기준

Webflow 실습 예제

  • Webflow 기능 사용
  • Webflow 레이아웃 실습 block, flex, grid
  • Webflow 핵심 팁 전수

Webflow 고급 기능과 디자인

  • 반응형 웹 디자인: 다양한 디바이스에 맞는 페이지 디자인
  • 고급 디자인 요소 실습: 타이포그래피, 컬러 스킴

Form을 통한 데이터 수집

  • Webflow에서 Form 구성 및 설정 방법
  • 사용자 입력 데이터 수집 및 관리 방법
  • 실습: 문의 폼 만들기 및 테스트

웹플로우 커리큘럼 후반부

노코드 웹플로우 커리큘럼 후반부

GA4 및 GTM 기초

  • Google Analytics 4(GA4)와 Google Tag Manager(GTM) 소개
  • Webflow 사이트에 GA4 및 GTM 설정
  • 기본 분석 지표 이해 및 추적 설정 실습

Zapier 및 Make를 이용한 자동화

  • Zapier와 Make 소개: 워크플로우 자동화 도구
  • Webflow, GA4와 Zapier/Make 연동 방법
  • 실습: Form 제출 시 이메일 알림 자동화 설정

CMS 활용 및 관리

  • Webflow CMS 소개 및 기본 개념
  • 동적 콘텐츠 생성 및 관리 방법
  • 실습: 블로그 섹션 추가 및 CMS를 이용한 콘텐츠 관리

SEO 검색엔진최적화

  • SEO 검색엔진최적화란
  • Webflow 를 통한 검색엔진최적화 방법
  • 글 작성을 통한 방법론 배우기

웹사이트 출시 및 마케팅

  • 웹사이트 출시 과정 실습
  • 잠재 고객 데이터 수집 및 분석
  • CRM 도구 소개 및 기초 활용 방법

마무리하며

마무리하며

저는 이렇게 GPT의 도움을 받아 (물론 많은 수정이 필요했습니다) 노코드 커리큘럼을 잘 만들 수 있었습니다.

Wow Point

  • 담으면 좋겠다는 걸 담아줬다
  • 오 이거까지? 라는 것도 담아줬다
  • 아 맞다! 까먹었네 라는 지점도 담아줬다

정말 똑똑한 비서가 생긴 기분입니다.

모두 노코드하세요~

추가 꿀팁 One More Thing

추가 꿀팁 One More Thing

  1. Webflow에 대해서 배우고 싶다면 웹플로우코리아 필수인거 다들 아시죠? https://www.youtube.com/@mfl-webflow
  2. Webflow 관심이 생겨서 가입하고 싶으시다면 기왕이면 이 링크로 가입해주세요! 제가 많은 혜택을 드리겠습니다. 인증만 남겨주세오 https://webflow.partnerlinks.io/mfitlab
    1. 인증 하는 법 : ceo@colemearchy.com 으로 구독 인증 메일 보내기