/
Web API(바닐라JS)로 설정앱과 Todo앱을 만들면서 객체지향 프로그래밍과 멀티패러다임 언어 타입스크립트의 활용 사례들을 소개합니다.
수강생 385명
이런 걸 배워요!
타입스크립트
객체지향 프로그래밍
Web API (바닐라JS)
Web API(바닐라) 기반의 객체지향 프론트엔드 개발 방법을 배울 수 있습니다. 설정 앱과 Todo 앱을 만들면서 Web API 기술들과 클래스, 제네릭, 인터페이스, 일급 함수 등의 활용 사례를 소개합니다.
https://marpple.github.io/rune/
https://github.com/marpple/DevUniv/tree/main
타입스크립트, 자바스크립트 등의 언어로 멀티패러다임 프로그래밍, 객체지향 프로그래밍, 함수형 프로그래밍에 대해 이야기하는 유튜브 방송의 편집본을 공유해요.
ep.3 예제 코드 링크:https://github.com/marpple/DevUniv/blob/main/apps/live/src/pages/live-3/Setting/index.ts
ep.4 예제 코드 링크:https://github.com/marpple/DevUniv/blob/main/apps/live/src/pages/live-4/Setting/index.tshttps://github.com/marpple/DevUniv/blob/main/apps/live/src/pages/live-4/Todo/index.ts
마플개발대학 유튜브 채널:https://www.youtube.com/@mduniv
학습 대상은 누구일까요?
타입스크립트/자바스크립트 개발자
프론트엔드 개발자
선수 지식, 필요할까요?
멀티패러다임 프로그래밍 언어 - 타입스크립트 (수요코딩회 ep.2 - 2.5) 수강 필요
마플개발대학 유튜브 채널 - https://www.youtube.com/@mduniv
현재 MARPPLE CTO
전 카카오, 엔씨소프트 오픈마루 스튜디오 개발자
객체지향 FE 라이브러리 Rune 개발
함수형 라이브러리 FxJS 개발
함수형 데이터베이스 쿼리 빌더 FxSQL 개발
함수형 DOM 조작 라이브러리 FxJS-DOM 개발
저서 함수형 자바스크립트 프로그래밍
함수형 자바스크립트 페이스북 그룹 운영
네이버, 카카오 페이지 등 함수형 프로그래밍 기술 교육, 기업 출강
다수의 온/오프라인 강의
전체
10개 ∙ (2시간 19분)
섹션 1. 객체지향 프론트엔드 - 설정 앱 만들기 (수요코딩회 ep.3)
5개 ∙ (1시간 8분)
html 템플릿과 View 클래스 간단 복습
07:20
SwitchView, SettingItemView, SettingListView 만들기
11:27
객체간 통신하기, 커스텀 이벤트 디스패치
12:34
우리의 이벤트가 자꾸만 루프에 빠지는 이유, 그리고 사이드 이펙트
17:38
타입 안전한 커스텀 이벤트 통신 패턴, 패러다임이 만드는 리액티브 한 코드
19:23
섹션 2. 객체지향 프론트엔드 2탄 - Todo App 만들기 (수요코딩회 ep.4)
5개 ∙ (1시간 10분)
추상화와 상속, 그리고 Headless UI
11:13
Todo 앱 만들기, ListView와 제네릭 타입
18:17
인터페이스를 통한 객체 간 통신으로 중복 제거하기
21:22
객체 간 통신, 근데 이제 일급 함수를 곁들인
11:30
데코레이터로 코드를 간결하게
08:21
섹션 3. 객체지향 프론트엔드 3탄 - Todo App 완성하기 (준비중)
0개