노코딩 홈페이지 제작 입문

₩300,000
강사:
머니탭스
카테고리:
수강 후기
평점
위시리스트에 추가
About this course

"천만 원짜리 외주 홈페이지, 이제 코딩 없이 당신 손으로 직접 만듭니다."

'홈페이지 하나 만드는데 수백만 원?' 이제는 옛말입니다. 과거에는 개발자만의 영역이었던 웹사이트 제작이 노코딩(No-Code) 혁명으로 인해 완전히 대중화되었습니다. 이 강의는 복잡한 코드 덩어리 대신, 마우스 드래그 앤 드롭만으로 대기업 수준의 웹사이트를 구축하는 가장 현실적이고 빠른 방법을 제시합니다.

단순히 툴 사용법만 배우는 매뉴얼 강의가 아닙니다. 기획부터 디자인, 개발, 그리고 배포까지 웹 에이전시가 일하는 **'A to Z 프로세스'**를 그대로 전수합니다. 내 사업을 홍보할 랜딩 페이지가 필요한 대표님, 개발자 없이 아이디어를 검증하고 싶은 스타트업, 그리고 웹 제작 기술로 고수익 프리랜서를 꿈꾸는 분들에게 이 강의는 강력한 무기가 될 것입니다.

 
What you'll learn

1. HTML/CSS 몰라도 가능한 직관적인 노코딩 빌더(Webflow/Framer) 완벽 마스터

2. PC부터 모바일가지 완벽하게 대응하는 반응형 웹사이트 설계 원리

3. 고객의 지갑을 여는 고단가 웹사이트 기획 및 비즈니스 디자인 전략

강의 계획서

본 강의는 전 세계적으로 가장 핫한 노코딩 툴(Framer, Webflow 등)을 기반으로 진행됩니다. 디자인 기초 지식이 없어도 깔끔한 레이아웃을 잡는 법(Box Model)부터 시작해, 사용자의 시선을 사로잡는 인터랙션(애니메이션) 구현, 그리고 검색 엔진에 잘 걸리는 SEO 최적화까지 **'팔리는 웹사이트'**를 만드는 핵심 기술을 4강에 압축했습니다.

제1강
노코딩의 세계, 개발자 없이 웹사이트 뚝딱

요약: 노코딩 툴이 어떻게 코딩을 대체하는지 원리를 이해하고, 나에게 맞는 제작 도구를 선정하여 개발 환경을 세팅합니다.

주요 강의 내용:

워드프레스 vs 아임웹 vs 프레이머(Framer) 장단점 비교 및 선정 (00:00)
웹의 기본 구조(Box Model) 이해하기: 마진(Margin)과 패딩(Padding) (15:30)
벤치마킹을 통해 10분 만에 경쟁사 사이트 구조 파악하는 법 (32:10)

제2강
빈 화면에서 1시간 만에 랜딩 페이지 완성하기

요약: 이론은 끝났습니다. 실제로 메인 비주얼(Hero Section)부터 하단 푸터(Footer)까지, 그럴듯한 웹사이트 한 페이지를 완성해 봅니다.

주요 강의 내용:

레이아웃의 마법: 그리드(Grid)와 스택(Stack)으로 요소 정렬하기 (00:00)
무료 이미지/아이콘 소스를 활용해 전문적인 디자인 입히기 (20:15)
고객의 행동을 유도하는 CTA(Call To Action) 버튼 배치 전략 (40:50)

제3강
살아 움직이는 웹, 반응형과 인터랙션

요약: PC에서만 예쁜 사이트는 반쪽짜리입니다. 모바일에서도 완벽하게 보이고, 스크롤할 때마다 요동치는 생동감 있는 사이트를 만듭니다.

주요 강의 내용:

브레이크 포인트(Break Point) 이해: 태블릿, 모바일 화면 대응법 (00:00)
스크롤 애니메이션과 호버(Hover) 효과로 사용자 경험(UX) 높이기 (22:40)
자주 하는 실수: 모바일에서 텍스트가 짤리거나 이미지가 깨지는 현상 해결 (45:10)

제4강
세상 밖으로 런칭, 도메인 연결과 실전 배포

요약: 만든 사이트를 인터넷 세상에 공개합니다. 나만의 도메인을 연결하고 구글 검색에 노출시키는 마무리 단계입니다.

주요 강의 내용:

가비아/후이즈에서 도메인 구매하고 내 사이트와 연결하기 (00:00)
검색엔진 최적화(SEO): 구글과 네이버가 좋아하는 사이트 설정법 (18:30)
(보너스) 이 기술로 크몽에서 최소 50만 원 받고 외주 시작하는 법 (38:20)
"

수강 후기
5.0
평점 5.0 / 3 별점
5 점
4 점
3 점
2 점
1 점

수강생 후기

  • 이민아
    7 2월, 2026

    노코딩 툴이라 기능이 제한적일 줄 알았는데, 결과물 퀄리티 보고 깜짝 놀랐습니다. 모바일 반응형까지 완벽하게 구현되고 디자인도 세련돼서 지인들이 전문 에이전시에 맡긴 줄 알아요. 복잡한 코드 없이 이런 퀄리티가 가능하다니 세상 참 좋아졌네요.

  •
    박지영
    7 2월, 2026

    HTML, CSS 배우다가 머리 아파서 포기했던 ‘코포자’입니다. 그런데 이 강의 보고 용기 얻어서 드래그 앤 드롭만으로 제 포트폴리오 사이트를 주말 만에 완성했습니다! PPT 만들 줄 알면 누구나 할 수 있다는 말이 과장이 아니었네요.

  •
    김동욱
    7 2월, 2026

    홈페이지 제작 외주 견적 받고 수백만 원이라 좌절했는데, 직접 만들기로 결심하길 잘했습니다. 비용도 아끼고, 수정할 사항 생길 때마다 개발자한테 아쉬운 소리 안 하고 제가 바로 고칠 수 있어서 속이 다 시원합니다. 창업 준비하는 분들께 필수입니다.

Comments are closed.

수강생 정보

This is a list of members enrolled in this course