강의

멘토링

로드맵

BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 12개

수강생 497명

난이도 초급

수강기한 무제한

  • 프롱트
비동기
비동기
프론트엔드
프론트엔드
자바스크립트
자바스크립트
javascript
javascript
비동기
비동기
프론트엔드
프론트엔드
자바스크립트
자바스크립트
javascript
javascript
LG전자
현대무벡스
라인
사람인
메가존

메가존

임직원들도 이 강의를 듣고 있어요!

LG전자
현대무벡스
라인
사람인
메가존

메가존

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.9

5.0

eddie

100% 수강 후 작성

비동기에 대해서 이해를 높이는데 많은 도움이 되었습니다. 브라우저에서 태스크 큐에 대해서 막연하게 알고 있었는데 좀 더 명확하게 알 수 있어서 좋았습니다. 이론도 좋았지만 AI 실습이 좋았습니다. AI가 나오고 막연한 두려움 같은게 있었는데 어떻게 활용할지 감이 오고 나니 막연한 두려움 같은건 많이 해소 되었습니다.

5.0

이덕희 Lee

61% 수강 후 작성

아자아자 화이팅

5.0

관태

100% 수강 후 작성

정말 훌륭한 강의입니다. 각 섹션마다 알고 있다고 생각했던 개념들을 다시 돌아보면서 실제로는 제대로 이해하지 못했던 부분들이 많다는 걸 깨달았고 덕분에 한층 더 깊이 있게 배울 수 있었습니다. 특히 마지막 섹션에서는 AI 시대를 살아가는 주니어 개발자로서 어떤 관점과 태도를 가져야 하는지 많은 인사이트를 얻을 수 있었습니다. 다음 주제 강의가 언제 나올지는 모르겠지만 개인적으로 꼭 이어졌으면 하는 마음입니다.

수강 후 이런걸 얻을 수 있어요

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

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

  • Debounce, Throttle, AbortController

  • Error handling, Cache & Retry전략

  • Stream & Web-Worker

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

🤖 AI시대의 웹개발자는 어떤 역량이 중요할까요?

  • 이 강의는 이런 고민에서 시작됐습니다.

  • AI시대에는 다양한 코딩지원도구의 활용도 필요하지만, 더불어 기초지식 역시 더욱더 필요합니다.

  • 프론트엔드, 자바스크립트 개발에서는 그부분중에 대표적인 것이 바로 비동기 프로그래밍입니다.


📟 요즘에, 비동기 프로그래밍이 과연 중요할까?

  • 다양한 AI API를 연결하고 통신하는 서비스들이 증가하고 있습니다.

  • AI 모델의 발전만큼 브라우저, 네트워크의 상황이 발전하지는 못하고 있어요.

  • 따라서 서비스의 변화에 맞춰 '최적화된 데이터통신' 기술이 앞으로 더 중요합니다.

  • 데이터 통신과정의 밑바탕에는 '비동기 프로그래밍'의 이해가 가장 중요하죠.


🧑🏻‍🏫 강의 콘텐츠는 어떤식으로 진행되나요?

  • 개념을 익히고 실제로 동작되는 방식을 볼 수 있어요.

  • 챕터별로 기본설명 - 데모 또는 짧은 미션 방식이며, 미션풀이를 포함합니다.

  • 모든 챕터는 독립적이며 따라서 필요한 부분을 중간부터 들어도 됩니다.


🙆🏻‍♂️ 본 강의를 성공적으로 나의 것으로 만들려면?

  • 크고 작은 미션을 스스로 이해/분석해서 설계하고, 코딩하면서 본인의 지식으로 습득하셔야 합니다.

  • 물론 AI를 활용한 학습도 병행해야 하죠.(모르는것, 배경지식 더 깊이 묻기)

  • 중간에 프로젝트 미션이 하나 있습니다. 이 과정이 없다면 본 강의는 별로 도움이 안될 수 있습니다.



🍦바닐라를 기본으로 다룹니다.

  • 바닐라 프론트엔드를 기본으로 다룹니다.

  • 간단한 React 예시코드가 나오는 예제도 포함되어 있습니다.


📚 다양한 주제의 특강을 포함하고 있어요.

  • 마지막 세션은 '특강' 입니다 ^^

  • 비동기 프로그래밍은 아니지만 유용하고 재밌는 내용을 꾸준히 업데이트 하려고 합니다.

  • 예) AI시대에 어떻게 개발자로 성장할지, 회사에서 안알려주는 회사생활 팁 등

  • 몇 달에 한번씩 추가/업데이트 예정이에요!

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • AI시대에도 꼭 필요한 비동기 개념과 효과적인 데이터통신 방법을 다루고 싶은 분

  • HTML,CSS, JavaScript 초급자

  • 비동기를 제대로 이해하고 프로젝트를 하고 싶은 프론트엔드 또는 자바스크립트 개발자

선수 지식,
필요할까요?

  • HTML 을 통한 간단한 구조화

  • CSS원리와 사용방법에 대한 이해

  • JavaScript 기본 문법과 함수활용

  • 기본적인 디버깅 방법

  • NPM 과 Node.js 에 대한 이해와 활용

  • React가 무엇인지 기초적인 문법에 대한 이해

안녕하세요
입니다.

497

수강생

12

수강평

4

답변

4.9

강의 평점

1

강의

웹, Agent 개발에 대한 다양한 교육을합니다.

 

TmaxSoft, NAVER, NHN NEXT, SK Planet 등에서 일했어요.

 

우아한형제들, NAVER 부스트캠프, 현대자동차 부트캠프, 서울대학교등에서 웹프론트엔드 커리큘럼을 설계/진행해오고 있어요.

 

'프롱트' 유튜브 채널 (https://www.youtube.com/@frongt)과

AI 시대 개발자 역량향상을 위한 http://devskills.net 을 운영중입니다.

커리큘럼

전체

57개 ∙ (8시간 15분)

해당 강의에서 제공:

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

수강평

전체

12개

4.9

12개의 수강평

  • 관태님의 프로필 이미지
    관태

    수강평 7

    평균 평점 5.0

    수정됨

    5

    100% 수강 후 작성

    정말 훌륭한 강의입니다. 각 섹션마다 알고 있다고 생각했던 개념들을 다시 돌아보면서 실제로는 제대로 이해하지 못했던 부분들이 많다는 걸 깨달았고 덕분에 한층 더 깊이 있게 배울 수 있었습니다. 특히 마지막 섹션에서는 AI 시대를 살아가는 주니어 개발자로서 어떤 관점과 태도를 가져야 하는지 많은 인사이트를 얻을 수 있었습니다. 다음 주제 강의가 언제 나올지는 모르겠지만 개인적으로 꼭 이어졌으면 하는 마음입니다.

    • 프롱트
      지식공유자

      강의를 만들면서 생각했던 의도를 잘 느껴주셔서 살짝 놀랐습니다. ^^; 수강 감사해요.

  • eddie님의 프로필 이미지
    eddie

    수강평 8

    평균 평점 5.0

    5

    100% 수강 후 작성

    비동기에 대해서 이해를 높이는데 많은 도움이 되었습니다. 브라우저에서 태스크 큐에 대해서 막연하게 알고 있었는데 좀 더 명확하게 알 수 있어서 좋았습니다. 이론도 좋았지만 AI 실습이 좋았습니다. AI가 나오고 막연한 두려움 같은게 있었는데 어떻게 활용할지 감이 오고 나니 막연한 두려움 같은건 많이 해소 되었습니다.

    • 프롱트
      지식공유자

      태스크 큐... 비동기에 핵심 개념을 잘 이해하신것 같네요 :-)

  • 이덕희 Lee님의 프로필 이미지
    이덕희 Lee

    수강평 3

    평균 평점 4.7

    5

    61% 수강 후 작성

    아자아자 화이팅

  • whh12345님의 프로필 이미지
    whh12345

    수강평 36

    평균 평점 5.0

    5

    100% 수강 후 작성

    자연스레 사용하던 기술에 대한 이해도가 깊어지는 유익한 시간이었습니다.

    • 프롱트
      지식공유자

      잘봐주셔서 감사합니다 😊

  • 김동훈님의 프로필 이미지
    김동훈

    수강평 3

    평균 평점 5.0

    5

    61% 수강 후 작성

    비슷한 강의

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