인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
기획 · 경영 · 마케팅

/

기획 · PM· PO

코드없이 우피x노션으로 초간단 웹사이트 만들기

개발자 없이, 코딩 없이 노션과 우피만으로 퀄리티 있는 웹사이트를 만들 수 있는 강의입니다.

(4.8) 수강평 14개

수강생 714명

Thumbnail

입문자를 위해 준비한
[기획 · PM· PO] 강의입니다.

이런 걸
배워요!

  • 노션

  • 우피

  • 노코드로 웹 서비스 만들기

클릭 & 복붙 몇 번이면 멋진 웹사이트가!
Notion with Oopy ✨

Q&A를 확인해보세요! ✍️

Q. 노션만으로도 웹사이트 공유가 가능한데, 우피를 사용하는 이유가 뭔가요? 

노션의 웹 공유는 단순한 부가기능일 뿐입니다. 긴 URL, 한정적인 스타일 등... 
우피는 노션의 단점들을 다 보완할 수 있습니다.

Q. 왜 하필 우피인가요? 

우피는 노션을 웹으로 공유하기 위해 만들어진 서비스입니다. 모든 기능들이 노션에 맞춰져 있습니다.

Q. 노코드 강의인데, 마지막 추가 예제에서 코드가 어려워 보여요. 

전혀 어렵지 않고 복사/붙여넣기만 하면 되는 예제들입니다!

 

코딩 없이 노션으로 간단하게, 
우피로 멋있게 웹사이트 만들기!

이런 분들께 추천해요

코딩을 못하지만 웹사이트를 제작하고 싶은 분

시간 투자 없이 노션만으로 기업 소개 PR 페이지를 만들고 싶은 기업 담당자

제작한 노션 페이지를 다른 사람들에게 공유할 일이 많은 분

직접 제작한 페이지에 유입되는 유저들을 분석하고 싶은 분

  • 👉 제작한 노션 페이지를 우피를 통해 웹사이트 형식으로 배포할 수 있게 됩니다.
  • 👉 밋밋한 노션 페이지는 NO!  제작한 페이지를 멋있게 꾸밀 수 있습니다. 
  • 👉 페이지에 유입되는 유저를 추적할 수 있고, 내 웹사이트에 댓글 기능도 추가할 수 있습니다.

학습 내용 📚

우피(oopy)란?

  • 우피에 대해 설명하고, 노션과의 차이점 및 우피 활용 사례를 학습합니다.

우피 회원가입 및 사용법 알아보기

  • 우피 활용에 필요한 기본 사용법을 익힙니다.

노션과 우피로 웹서비스 세팅하기 (실습)

  • 학급 홈페이지를 노션으로 먼저 제작해 봅니다.

우피로 웹사이트 배포 및 편집하기

  • 만든 노션 페이지를 우피로 배포하고 스타일 세부사항을 변경합니다. (시습)

퀄리티 높은 웹사이트 제작: 심화 기능 알아보기

  • 검색엔진 최적화 및 댓글, 페이지 분석 기능 등을 웹사이트에 추가합니다.

유료(Pro) 기능 알아보기

  • 우피 Pro 요금제를 통해 상/하단 네비게이터 및 다양한 부가기능을 알아봅니다.
  • ✅ 노션부터 우피까지 같이 실습해 보면서, 입문자들도 쉽게 따라할 수 있도록 설명했습니다.
  • ✅ 고등학교 선생님들께 특히 반응이 굉장히 좋았던 강의 커리큘럼입니다.
  • ✅ 쉬운 커리큘럼 외에도 중급자들을 위해 심화 기능까지 다룹니다.
  • ✅ 코드 없이도 완벽한 우피지만, 남들과는 다른 웹사이트를 위해 복사 + 붙여넣기만 하면 되는 다양한 버튼 예제를 준비했습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 코딩을 못하는 사람

  • 웹사이트를 제작하고 싶은 사람

  • 노션을 배포하고 싶은 사람

  • 우피를 배워보고 싶은 사람

선수 지식,
필요할까요?

  • 노션

안녕하세요
The Oreum입니다.

수강생 수

8,238

수강평 수

241

강의 평점

4.8

강의 수

15

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

image

커리큘럼

전체

7개 ∙ (44분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!