강의

멘토링

로드맵

NEW
개발 · 프로그래밍

/

프론트엔드

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

자바스크립트 개발자를 위한 비동기 프로그래밍 개념과 데이터통신 최적화 기법을 다룹니다.

87명 이 수강하고 있어요.

  • 프롱트
비동기
프론트엔드
자바스크립트
javascript
frontendJavaScriptpromisefetch-apiasynchronous-programming

이런 걸 배울 수 있어요

  • 동시성, 비동기 매커니즘

  • fetch API & 데이터통신 최적화

  • Debounce, Throttle, AbortController

  • Error handling, Cache & Retry전략

  • Stream & Web-Worker

  • AI 를 활용한 바이브코딩과 요구사항 만들기

🤖 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분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

얼리버드 할인 중

₩17

68%

₩66,000

비슷한 강의

같은 분야의 다른 강의를 만나보세요!