
Figma 디자인부터 퍼블리싱까지
Michael Kwon
디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영
초급
Figma, HTML/CSS
체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!
홈페이지에서 캐주얼 게임, 풀스택 애플리케이션 까지 다양한 주제의 프로젝트를 통해 프론트엔드의 핵심 기능들을 습득하고 문제해결 능력을 키웁니다.
Svelte의 간결하고 직관적인 문법을 사용하여 컴포넌트 기반 아키텍처를 구축하고 상태 관리, 이벤트 처리, 라우팅 등의 주요 주제를 다룹니다.
Vite를 통해 프로젝트 생성 및 빌드를 하고 깃허브와 Vercel을 통해 쉽게 웹에 배포합니다.
빌트인 스토어를 통해 전역 상태관리를 쉽게 다루는 방법을 습득할 수 있습니다.
SvelteKit과 Supabase로 풀스택 애플리케이션을 쉽게 개발합니다.
최소한의 시간 대비 많은 것들을 습득 가능합니다.
학습 대상은
누구일까요?
HTML, CSS, JavaScript에 대한 기초적인 이해가 있지만 프레임워크나 라이브러리를 사용한 경험이 적은 분
프론트엔드에 대한 기본기 습득을 원하는 분
실습 위주로 빠르게 공부하고 싶은 분
투입 대비 빠른 결과물을 원하는 개발자
선수 지식,
필요할까요?
HTML, CSS, JavaScript에 대한 기초
140
명
수강생
11
개
수강평
11
개
답변
5.0
점
강의 평점
4
개
강의
스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.
- 저서 -
자바스크립트 프로젝트북(한빛미디어,2017)
전체
104개 ∙ (8시간 23분)
해당 강의에서 제공:
1. 소개
03:15
2. 개발환경 설정
01:29
3. 프로젝트 생성(Vite)
04:50
4. 데이터를 문서에 표시하기
07:41
5. 반복문으로 영화정보 표시하기
04:14
8. 스타일 변경하기
04:40
11. 모달창 정보 동적으로 보여주기
03:42
18. 검색창 입력 기능
05:52
19. 입력값 검사하기
05:45
20. 영화제목 검색기능 1/2
07:34
21. 영화제목 검색기능 2/2
01:41
22. 검색 결과 표시하기
05:22
23. 전체보기 버튼 추가하기
02:10
28. 프로젝트 소개
03:13
29. 프로젝트 셋업
05:19
30. Sass 문법 핵심 요약
08:17
31. 미디어 추가하기
01:30
32. Home 영역
10:18
33. About 영역
06:37
34. 페이지 라우팅하기
03:26
35. News 영역
10:28
36. 반복문으로 news 정보 표시
02:16
37. 상세페이지 영역
05:01
38. 상세페이지에 데이터 전달하기
05:34
39. 상세페이지에 정보 표시하기
03:23
40. contact 영역
03:53
41. 빌드 및 배포하기 1/2
02:02
42. 빌드 및 배포하기 2/2
05:55
43. 미리보기
00:31
44. 프로젝트 소개
02:05
45. 프로젝트 셋업
01:48
46. 기능별 게임 화면 정의하기
03:53
48. 서체 및 화면 디자인
07:03
51. 카드 뒤집기와 섞기
04:52
52. 게임 룰 및 로직 살펴보기
01:34
53. 카드 초기화 및 뒤집기
04:29
55. 카드 매칭 판정하기 1/2
04:55
56. 카드 매칭 판정하기 2/2
07:18
57. 카드판정 화면처리
04:33
58. 게임 클리어 판정하기
03:45
59. 게임 클리어 결과창 표시하기
06:22
60. 게임 오버 결과창 표시하기
07:11
전체
7개
5.0
7개의 수강평
수강평 5
∙
평균 평점 4.6
수강평 1
∙
평균 평점 5.0
5
이 강의를 통해 Svelte와 SvelteKit, 그리고 Supabase의 매력을 제대로 느꼈습니다! 기초부터 응용까지 커리큘럼이 간결하면서도 체계적으로 짜여 있고, 특히 프로젝트 덕분에 학습한 내용을 바로 적용해 볼 수 있어 이해가 훨씬 수월했습니다. 다른 프레임워크를 사용한 경험이 있어 비교가 되는데 Svelte의 간결함과 효율성에 푹 빠지게 되네요. Supabase를 이용한 백엔드 통합도 전혀 어렵지 않게 설명해주셔서, 처음에는 생소했던 부분도 자연스럽게 익힐 수 있었습니다. 강사님의 설명이 명확하고 친절해 쉽게 이해할 수 있었고, 수업 중간중간 실제 오류를 수정하는 부분이나 팁도 유용했습니다~
스벨트의 간결함은 큰 매력이죠. 저희 강의도 그렇답니다. 소중한 의견 감사드립니다~
수강평 9
∙
평균 평점 5.0
5
svelte를 처음 입문하시는 분들에게 워밍업으로 좋은 강의가 될 것이라 생각합니다. 프로젝트 단위로 진행하면서 배우는것이다보니 지루하지 않고 단기간에 빠르게 완강 할 수 있어서 좋았네요.
흔들거북이님, 소중한 평가 감사드립니다!
수강평 4
∙
평균 평점 4.0
수강평 1
∙
평균 평점 5.0
5
스벨트와 스벨트키트를 사용해보고 싶어서 수강했는데 기본기와 응용 모두 잘 학습할 수 있었던 것 같습니다. 실제 레퍼런스와 함께 설명해주시는 부분들이 좋았고 강의 별 브랜치로 깃헙을 참고할 수 있는 부분들도 매우 만족스러웠습니다. 벨류 높은 강의 감사합니다!!
적극적인 수업 참여와 소중한 의견 감사드립니다 ^^;
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
₩37,400
24%
₩49,500