XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!
LIZ.B
실무에서 하자! 스크롤에 대응하는 반응형 웹 포트폴리오 #제일엔지니어링
초급
반응형 웹, 인터랙티브 웹, XD





LG전자
임직원들도 이 강의를 듣고 있어요!





LG전자
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
손호진
좋은 강의 감사합니다
5.0
Eun
잘 봤습니다.
5.0
김승환
명강사이십니다.
코드 없이 Bubble.io로 반응형 웹사이트 제작
피그마 디자인 시안을 활용해 웹사이트 그대로 구현
페이지, 메뉴, 버튼 등 주요 UI 요소 제작 및 스타일링
워크플로우 설정을 통한 사이트 내 인터랙션 구현
반응형 디자인 적용으로 모바일에서도 완벽한 웹사이트 만들기
코딩을 몰라도, 디자인을 몰라도 괜찮아요!
풀스택 No-code 툴인 bubble.io와 Figma를 활용하면 누구나 쉽게 반응형 웹사이트를 만들 수 있어요.
이 강의에서는 Figma 디자인을 그대로 웹사이트로 구현하는 방법을 알려드립니다.
✅ 코딩 없이 반응형 웹사이트 제작
✅ Figma 디자인 그대로 웹사이트 구현
✅ 페이지, 메뉴, 버튼 등 주요 UI 요소 제작
✅ 클릭 & 설정만으로 인터랙션(Workflow) 추가
✅ 모바일에서도 완벽한 반응형 웹 디자인 적용
✨ 웹 개발 지식 없이 웹사이트를 만들고 싶은 분
✨ Bubble.io 완전 초보지만 쉽게 배우고 싶은 분
✨ Figma 디자인을 웹사이트로 구현하고 싶은 분
✨ 포트폴리오, 랜딩 페이지, 개인 웹사이트를 직접 만들고 싶은 분
✔ 초보자도 쉽게 따라 할 수 있는 단계별 가이드
✔ Figma 디자인을 그대로 웹사이트로 구현하는 실습 중심 강의
✔ 모바일 반응형 웹사이트까지 완벽하게 제작 가능
✔ 완성된 웹사이트를 내 프로젝트나 비즈니스에 바로 적용 가능
👨💻 코드 한 줄 몰라도 괜찮아요!
디자인부터 웹사이트 구현까지, 따라 하기만 하면 완성됩니다.
지금 바로 시작해보세요! 🚀
학습 대상은
누구일까요?
개발 지식 없이 웹사이트를 만들고 싶은 분
Bubble.io를 처음 접하는 완전 초보
디자인 시안을 보고 그대로 웹사이트를 구현하고 싶은 분
개인 웹사이트, 포트폴리오, 랜딩 페이지를 만들고 싶은 분
506
명
수강생
25
개
수강평
4
개
답변
4.8
점
강의 평점
1
개
강의
전체
19개 ∙ (1시간 5분)
해당 강의에서 제공:
3. 에디터 화면 소개
02:14
5. 커스텀 폰트 적용하는 방법
04:30
9. 헤더 만들기
08:30
10. 히어로 섹션 만들기
04:03
11. 시작하세요 섹션 만들기
05:07
12. 서비스 섹션 만들기
03:46
13. 가이드 섹션 만들기
07:27
14. 푸터 만들기
03:37
15. 스타일 수정
01:44
16. Workflow 설정하기
01:22
17. 모바일 반응형 작업하기
08:14
19. 축하합니다!
00:40
전체
25개
4.8
25개의 수강평
무료
같은 분야의 다른 강의를 만나보세요!