
Interactive 3D Web Development with React Three Fiber (R3F)
taejaehan
React and Three.js in one go! From 3D basics to projects applicable in the field, and even optimization tips!
초급
Interactive Web, react-three-fiber, Three.js
자바스크립트 개발자를 위한 비동기 프로그래밍 개념과 데이터통신 최적화 기법을 다룹니다.
87명 이 수강하고 있어요.
동시성, 비동기 매커니즘
fetch API & 데이터통신 최적화
Debounce, Throttle, AbortController
Error handling, Cache & Retry전략
Stream & Web-Worker
AI 를 활용한 바이브코딩과 요구사항 만들기
이 강의는 이런 고민에서 시작됐습니다.
AI시대에는 다양한 코딩지원도구의 활용도 필요하지만, 더불어 기초지식 역시 더욱더 필요합니다.
프론트엔드, 자바스크립트 개발에서는 그부분중에 대표적인 것이 바로 비동기 프로그래밍입니다.
다양한 AI API를 연결하고 통신하는 서비스들이 증가하고 있습니다.
AI 모델의 발전만큼 브라우저, 네트워크의 상황이 발전하지는 못하고 있어요.
따라서 서비스의 변화에 맞춰 '최적화된 데이터통신' 기술이 앞으로 더 중요합니다.
데이터 통신과정의 밑바탕에는 '비동기 프로그래밍'의 이해가 가장 중요하죠.
개념을 익히고 실제로 동작되는 방식을 볼 수 있어요.
챕터별로 기본설명 - 데모 또는 짧은 미션 방식이며, 미션풀이를 포함합니다.
모든 챕터는 독립적이며 따라서 필요한 부분을 중간부터 들어도 됩니다.
크고 작은 미션을 스스로 이해/분석해서 설계하고, 코딩하면서 본인의 지식으로 습득하셔야 합니다.
물론 AI를 활용한 학습도 병행해야 하죠.(모르는것, 배경지식 더 깊이 묻기)
중간에 프로젝트 미션이 하나 있습니다. 이 과정이 없다면 본 강의는 별로 도움이 안될 수 있습니다.
바닐라 프론트엔드를 기본으로 다룹니다.
간단한 React 예시코드가 나오는 예제도 포함되어 있습니다.
학습 대상은
누구일까요?
AI시대에도 꼭 필요한 비동기 개념과 효과적인 데이터통신 방법을 다루고 싶은 분
HTML,CSS, JavaScript 초급자
비동기를 제대로 이해하고 프로젝트를 하고 싶은 프론트엔드 또는 자바스크립트 개발자
선수 지식,
필요할까요?
HTML 을 통한 간단한 구조화
CSS원리와 사용방법에 대한 이해
JavaScript 기본 문법과 함수활용
기본적인 디버깅 방법
NPM 과 Node.js 에 대한 이해와 활용
React가 무엇인지 기초적인 문법에 대한 이해
TmaxSoft, NAVER, NHN NEXT, SK Planet 등에서 일했어요.
우아한테크캠프, NAVER 부스트캠프, 현대소프티어 부트캠프등의 웹프론트엔드 커리큘럼을 설계/진행했어요
'프롱트' 유튜브 웹개발 채널 운영 (https://www.youtube.com/@frongt)중입니다.
전체
55개 ∙ (7시간 54분)
해당 강의에서 제공:
1. 동시성 & 멀티쓰레딩
06:29
2. 싱글쓰레드
03:55
3. 비동기 프로그래밍
07:06
7. 타이머 제어하기
15:27
8. 콜백지옥과 함수분리
06:29
9. Promise 패턴 소개
19:39
10. Promise 라이프사이클
04:07
11. Promise 동작 매커니즘
19:39
12. async함수와 await
11:32
15. 마이크로태스크큐의 필요성
03:14
16. 마이크로태스크큐의 중단
03:56
17. MutationObserver
05:16
18. 학습정리
01:35
25. Express 설정과 세션쿠키
16:17
26. API요청과 세션확인
08:00
27. 크로스도메인 인증정보 전송
14:19
28. 토큰방식인증과 로컬스토리지
09:27
29. 토큰을 활용한 API인증
06:53
37. 미션 설명
05:50
38. AI를 활용한 실습
33:01
40. 데이터통신 요청 취소
13:08
45. TTL 기반 캐시
00:59
46. 실습. TTL 기반 캐시
05:55
47. SWR 전략과 빠른 렌더링처리
03:22
49. ReactQuery와 챕터정리
04:22
얼리버드 할인 중
₩17
68%
₩66,000
같은 분야의 다른 강의를 만나보세요!