
Tạo trang tìm kiếm việc làm với Vue3 và Supabase
Michael Kwon
Từ việc phát triển ứng dụng đầy đủ của riêng bạn đến ứng dụng web tiến bộ (PWA)!
초급
Vue.js, supabase, Vue 3
Figma 설치부터 주요 기능까지 빠르게 익혀 바로 실무에 적용할 수 있습니다.
타이포그래피, 버튼, 입력요소 디자인을 통해 사용자 친화적인 인터페이스를 설계하는 기본 원칙을 배우고 실습합니다.
반응형 웹과 스타일 가이드를 효율적으로 구성하는 법을 익힙니다.
Figma의 유용한 플러그인 활용 방법을 익힙니다.
Figma에서 만든 디자인을 HTML, CSS로 구현합니다.
디자이너와 개발자를 위한 올인원 강좌
2024년 하반기 업데이트 된 UI3 대응
웹 타이포그래피의 기본을 이해하고 이를 응용한 웹 배너를 제작합니다.
그리드 시스템을 활용하여 홈페이지 레이아웃을 설계하고 디자인 할 수 있습니다.
피그마의 강력한 기능중 하나인 컴포넌트 기능으로 UI를 쉽게 제작하고 관리할 수 있습니다.
피그마로 디자인한 시안을 인터랙션을 적용하여 테스트 할 수 있으며 실제 코드로 구현해 봅니다.
이 강의를 마치면 디자인 도구인 Figma를 능숙하게 다룰 수 있을 뿐만 아니라, HTML/CSS로 디자인을 구현하여 실질적인 웹 프로젝트를 완성할 수 있습니다.
Figma 기초(UI3 update)
2024년 후반 업데이트 된 UI3를 반영하여 주요 기능들을 빠르게 익혀 바로 실무에 적용할 수 있습니다.
UI 디자인 기초
타이포그래피, 버튼, 입력요소 디자인을 통해 사용자 친화적인 인터페이스를 설계하는 기본 원칙을 배우고 실습합니다.
협업 기능
작업자 간에 작업물을 공유하고 커맨트 기능으로 즉각적인 소통이나 컨펌하는 방법을 실습을 통해 다룹니다.
Variable와 Style
체계적이고 일관성 있는 디자인 관리를 위한 Variable(변수)과 Style기능을 같이 활용할 수 있습니다.
반응형 레이아웃
반응형 웹과 스타일 가이드를 효율적으로 구성하는 법을 익힙니다.
반응형 웹 퍼블리싱(HTML, CSS)
초보자들을 위한 HTML, CSS 핵심 요약 강좌를 제공하며, Figma에서 만든 디자인을 완벽한 웹 페이지로 변환하는 방법을 점진적으로 습득할 수 있습니다.
운영 체제 및 버전(OS): Windows 10 이상, macOS 11(Big Sur) 이상 권장
브라우저: Edge, Chrome 등 크로미엄 호환 브라우저, Safari(Mac OS Big Sur 이상)
사용 도구: Visual Studio Code
PC 사양: 메모리 8GB 이상
단원별 학습노트에 주요 자료 제공
코드는 Github를 통해 제공
학습 대상은
누구일까요?
초보 디자이너: Figma와 퍼블리싱을 처음 시작하려는 분
화면 설계와 프로토타이핑 등의 작업을 원할하게 하고자 하는 기획자
현업 디자이너: 웹 퍼블리싱 역량을 강화하고 싶은 분
개발자: 디자인 이해도를 높이고, 퍼블리싱 스킬을 향상시키고 싶은 분
선수 지식,
필요할까요?
포토샵이나 html, css 기초를 조금 알면 도움이 됩니다.
219
명
수강생
22
개
수강평
17
개
답변
5.0
점
강의 평점
5
개
강의
스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.
- 저서 -
자바스크립트 프로젝트북(한빛미디어,2017)
전체
50개 ∙ (7시간 54분)
해당 강의에서 제공:
1. 강의 소개
03:37
2. 피그마 설치하기
03:26
4. 그룹
04:08
5. 프레임
07:11
7. 이미지 다루기
10:05
8. 타이포그래피
07:56
21. 홈페이지 디자인 미리보기
01:52
23. 헤더 컴포넌트 만들기
14:04
24. 메인 비주얼 영역
05:44
25. 주요 디자인 변수 만들기
14:40
27. footer 영역
16:26
28. 서브 페이지
10:10
32. 이미지와 하이퍼링크
10:17
33. 입력양식
10:06
36. 색상과 타이포그래피
13:12
37. 배경 스타일
05:29
38. 박스 모델
05:57
40. 레이아웃 실습
13:44
44. Header 영역
16:15
45. 메인 비주얼 영역
03:55
46. Main 작품 목록 영역
14:58
47. footer 영역
06:35
49. 모바일 스타일
08:23
50. 코드 자동 생성기능 활용하기
10:52
전체
10개
4.9
10개의 수강평
수강평 11
∙
평균 평점 5.0
수강평 1
∙
평균 평점 5.0
수강평 1
∙
평균 평점 5.0
수강평 3
∙
평균 평점 5.0
수강평 4
∙
평균 평점 5.0
월 ₩281,112
5개월 할부 시
₩66,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!