단순히 이론 학습에 그치지 않고, Signaling Server를 직접 구축하며 WebRTC 기반의 P2P 통신을 구현해봅니다. 또한 WebSocket을 활용한 실습을 통해 복잡한 통신 기능을 직접 만들어보는 과정을 거치며, 실제 서비스 개발에 바로 적용할 수 있는 실무 역량을 키웁니다.

실무 중심의 통신 기술 활용 능력을 갖춥니다.

웹 개발 입문자부터 WebSocket이나 WebRTC 활용에 어려움을 겪는 개발자까지, 본 강의를 통해 실질적인 통신 기능 구현 능력을 향상시킬 수 있습니다. 각 통신 방식의 장단점을 파악하고 프로젝트에 최적화된 기술을 선택할 수 있는 안목을 갖추게 됩니다.

서버와 클라이언트 개발 능력을 함께 키웁니다.

Java를 이용한 백엔드 개발과 JavaScript를 활용한 프론트엔드 개발을 모두 다룹니다. 이를 통해 웹 통신이 서버와 클라이언트 양단에서 어떻게 이루어지는지 통합적으로 이해하고, 풀스택 개발자로서 필요한 핵심 역량을 강화할 수 있습니다.

수강 전 참고 사항

실습 환경

운영체제: Windows, macOS 모두에서 학습 가능합니다.
개발 도구: VS Code 혹은 선호하는 IDE를 사용할 수 있습니다.
설치 프로그램: JavaSDK 및 NodeJS를 설치하여 사용합니다.

선수 지식 및 유의사항

Java와 JavaScript에 대한 이해가 필요합니다.
React를 이용한 웹 개발 기초 지식이 필요합니다.
- 만약, 처음이시라면 공식 문서의 "빠르게 시작하기" 한 페이지 정도만 학습하셔도 강의 진행 가능합니다
네트워크 통신 개념을 처음 접하는 분도 수강 가능합니다.

학습 자료

온라인 상으로 강의 노트를 살펴보실 수 있습니다.
- https://wikidocs.net/book/17989
실습 예제 코드를 통해 직접 코드를 작성해보고, 완성된 소스 코드를 제공합니다

이런 분들께
추천드려요

학습 대상은
누구일까요?

웹 개발에 입문하여 네트워크 통신 기능을 이용하시려는 분
WebSocket 의 기본은 물론 활용까지 자유자재로 다루어 보고 싶으신 분
진짜로 통신을 해 볼 수 있는 WebRTC P2P 통신에 대해 배우고 싶으신 분
다양한 네트워크 통신 기법을 파악하고 비교 선택 할 수 있는 능력을 키우고자 하시는 분

선수 지식,
필요할까요?

Java 문법에 대한 지식이 필요하며 SpringBoot를 알고 계시면 좋습니다
JavaScript 문법에 대한 지식이 필요하며 React를 알고 계시면 좋습니다. (만약, 처음이시라면 공식 문서의 "빠르게 시작하기" 한 페이지 정도만 학습하셔도 강의 진행이 가능합니다.)

안녕하세요
입니다.

새로운 것을 꿈꾸는 개발자 입니다.

커리큘럼

전체

69개 ∙ (7시간 54분)

해당 강의에서 제공:

수업자료

섹션 1. 강의 소개 및 환경 설정

5개 ∙ (26분)

섹션 2. 웹 과 네트워크 기초

3개 ∙ (16분)

6. 웹과 네트워크
04:38
7. 소켓
07:22
8. 소켓의 동작
04:43

섹션 3. HTTP의 이해

8개 ∙ (50분)

9. HTTP의 등장
06:13
10. HTTP 기초
08:25
11. 서버 프로그램 작성
08:20
12. 클라이언트 작성
03:41
13. XMLHttpRequest를 이용하는 방법
12:35
14. 외부라이브러리를 이용하는 방법
06:17
15. CORS
05:24
16. 소스 코드

섹션 4. Server Sent Event의 이해

9개 ∙ (54분)

섹션 5. WebSocket 기본

7개 ∙ (38분)

섹션 6. WebSocket 활용 - 서버편

12개 ∙ (1시간 46분)

섹션 7. WebSocket 활용 - 클라이언트편

5개 ∙ (34분)

섹션 8. WebRTC 와 Signaling Server

12개 ∙ (1시간 26분)

섹션 9. WebRTC - 클라이언트 편

8개 ∙ (59분)

강의 게시일:

마지막 업데이트일:

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

₩78,100

이사님은님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

웹에서 다루는 미디어 - 화상 대화를 만들면서 배우는 MediaStream API

이사님은

웹에서 미디어(비디오, 오디오)를 다루는 방법!! 이제 어렵지 않습니다. 하나하나 씩 따라하면서 배우는 MediaStream API 와 WebRTC

초급

React, Java, Web API

웹에서 다루는 미디어 - 화상 대화를 만들면서 배우는 MediaStream API

이사님은

비슷한 강의

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

웹에서 다루는 미디어 - 화상 대화를 만들면서 배우는 MediaStream API

이사님은

웹에서 미디어(비디오, 오디오)를 다루는 방법!! 이제 어렵지 않습니다. 하나하나 씩 따라하면서 배우는 MediaStream API 와 WebRTC

초급

React, Java, Web API

웹에서 다루는 미디어 - 화상 대화를 만들면서 배우는 MediaStream API

이사님은

백엔드 개발자 성능 개선 초석 다지기

인큐(INCU)

기본 기술 스택을 활용해서 성능 개선을 해보고! 개선 후 변화를 부하테스트와 모니터링 툴을 통해 확인해봅니다! 주제별 면접대비도 같이 진행합니다!

초급

Java, Spring Boot, cache

백엔드 개발자 성능 개선 초석 다지기

인큐(INCU)

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

초급

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

최태현

Java와 Spring Boot, JPA, MySQL, AWS를 이용해 서버를 개발하고 배포합니다. 웹 애플리케이션을 개발하며 서버 개발에 필요한 배경지식과 이론, 다양한 기술들을 모두 학습할 뿐 아니라, 다양한 옵션들의 의미, Spring Boot의 역사와 가장 최신 버전의 변경점들도 짚어봅니다.

초급

Java, Spring Boot, Spring

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

최태현

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

초급

HTML/CSS, JavaScript, vanilla-javascript

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1

유용한IT학습

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 자바스크립트에 어느 정도 익숙해진 분들을 위한 강의입니다. Part 1은 자바스크립트의 클래스와 객체지향 프로그래밍의 내용을 다루고 있습니다.

중급이상

JavaScript, jQuery

자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1

유용한IT학습

입문자를 위한 자바스크립트 기초 강의

유노코딩

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

입문

JavaScript

입문자를 위한 자바스크립트 기초 강의

유노코딩

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

초급

promise, async-await, asynchronous-programming

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

초급

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jay

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

초급

HTML/CSS, JavaScript, REST API

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jay

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.3

유용한IT학습

자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

중급이상

JavaScript, ES6

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.3

유용한IT학습

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

Rookiss

네트워크/멀티쓰레드/운영체제 등 핵심 전공 지식을 공부하고 게임 서버를 바닥부터 만들어보면서 MMORPG 기술을 학습하는 강의입니다.

중급이상

C#, Unity, 네트워크

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

Rookiss

[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

Rookiss

네트워크/멀티쓰레드/운영체제 등 핵심 전공 지식을 공부하고 게임 서버를 바닥부터 만들어보면서 MMORPG 기술을 학습하는 강의입니다. 신입 서버 프로그래머가 알아야 전반적인 지식을 모두 훑어보기에 어느 프로젝트에 합류하더라도 당황하지 않고 적응할 수 있는 기본기를 쌓게 됩니다.

중급이상

Windows Server, 네트워크, MMORPG

[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

Rookiss

SpringAI + React로 만들어보는 나만의 감정일기 서비스

Neo

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

초급

React, Kotlin, Spring Boot

SpringAI + React로 만들어보는 나만의 감정일기 서비스

Neo

웹의 시작 - HTTP의 탄생과 기초를 쉽게 이해하는 시간

인프런

본 영상은 < 판교 퇴근길 밋업 with 인프런 #08 HTTP > 에서 진행한 발표 세션의 녹화본입니다.

입문

네트워크

웹의 시작 - HTTP의 탄생과 기초를 쉽게 이해하는 시간

인프런

웹/네트워크/HTTP 베이스캠프 for developer

제주코딩베이스캠프

개발자라면 누구나 알아야 할 웹, 네트워크, 그리고 HTTP의 기초에 대해 코드 기반, 실제 이동하는 데이터 기반으로 학습합니다.

초급

네트워크, 프로토콜, https

웹/네트워크/HTTP 베이스캠프 for developer

제주코딩베이스캠프

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

입문

React, React Native, react.js

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

WebSocket, STOMP in springboot

Hello World

1시간만 투자하면 springboot 에서 WebSocket, STOMP 관련 핵심 사항을 모두 배울 수 있습니다.

초급

Spring Boot, stomp-websocket, Java

WebSocket, STOMP in springboot

Hello World

누구보다 빠르게 배우는 풀스택 게시판 만들기

Neo

이 강의에 서버(Java+Springboot) 와 프론트(React, ReactNative, Flutter, Android, iOS)를 모두 담았습니다. 이 강의로 풀스택 게시판 만드는 경험을 진행해보세요

입문

React, React Native, iOS

누구보다 빠르게 배우는 풀스택 게시판 만들기

Neo

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

풀면서 배우는 정보처리산업기사 정보처리산업기사 과정평가형 실기 합격을 위해 모든것을 준비했습니다.

입문

HTML/CSS, Java, SQL

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

웹에서 다루는 네트워크 통신 - 기초부터 HTTP, SSE, WebSocket 그리고 WebRTC P2P 통신까지

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

웹 통신, 어디까지 써보셨나요?
[HTTP]부터

[WebSocket], [WebRTC]까지

HTTP, SSE, WebSocket, WebRTC까지
웹 통신의 핵심 기술을 확실히 익히고

이 강의가 끝나면 당신은

✔️

웹 통신, 어디까지 알고 계신가요?
핵심 기술 마스터하기

웹의 다양한 통신 기법
핵심 원리부터 실전 활용까지

직접 만들어보는
실전 통신 구현

개발자를 위한
코드와 자료 제공

📚

네트워크 통신
핵심 정복 커리큘럼

강의 소개 및 환경 설정

웹과 네트워크 기초

HTTP의 이해

Server-Sent Events (SSE)의 이해

WebSocket 기본

WebSocket 활용 (서버)

WebSocket 활용 (클라이언트)

WebRTC와 Signaling Server

WebRTC 클라이언트 구현

이런 분들의 고민을
해결할 수 있어요!

📌

웹 개발 입문자

📌

프론트엔드 개발자

📌

백엔드 개발자

수강 전 참고 사항

이런 분들께
추천드려요

안녕하세요
입니다.

커리큘럼

수강평

이사님은님의 다른 강의

비슷한 강의

웹에서 다루는 네트워크 통신 - 기초부터 HTTP, SSE, WebSocket 그리고 WebRTC P2P 통신까지

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

웹 통신, 어디까지 써보셨나요?[HTTP]부터

[WebSocket], [WebRTC]까지

HTTP, SSE, WebSocket, WebRTC까지웹 통신의 핵심 기술을 확실히 익히고

이 강의가 끝나면 당신은

✔️

웹 통신, 어디까지 알고 계신가요?핵심 기술 마스터하기

웹의 다양한 통신 기법핵심 원리부터 실전 활용까지

직접 만들어보는실전 통신 구현

개발자를 위한코드와 자료 제공

📚

네트워크 통신핵심 정복 커리큘럼

강의 소개 및 환경 설정

웹과 네트워크 기초

HTTP의 이해

Server-Sent Events (SSE)의 이해

WebSocket 기본

WebSocket 활용 (서버)

WebSocket 활용 (클라이언트)

WebRTC와 Signaling Server

WebRTC 클라이언트 구현

이런 분들의 고민을해결할 수 있어요!

📌

웹 개발 입문자

📌

프론트엔드 개발자

📌

백엔드 개발자

수강 전 참고 사항

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

이사님은님의 다른 강의

비슷한 강의

웹 통신, 어디까지 써보셨나요?
[HTTP]부터

HTTP, SSE, WebSocket, WebRTC까지
웹 통신의 핵심 기술을 확실히 익히고

웹 통신, 어디까지 알고 계신가요?
핵심 기술 마스터하기

웹의 다양한 통신 기법
핵심 원리부터 실전 활용까지

직접 만들어보는
실전 통신 구현

개발자를 위한
코드와 자료 제공

네트워크 통신
핵심 정복 커리큘럼

이런 분들의 고민을
해결할 수 있어요!

이런 분들께
추천드려요

안녕하세요
입니다.