NEW

웹 개발

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

다양한 통신 기법들에 대해 배우고 차이점을 이해하면, 가장 적합한 통신 방법을 선택하고 구현하는 능력을 키울 수 있습니다.

3명 이 수강하고 있어요.

이사님은

websocket

WebRTC

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

네트워크 통신의 기본부터 HTTP, SSE 를 이용한 통신 기법을 배웁니다
WebSocket 의 기초를 넘어 활용 방법까지 배워 봅니다
Signaling Server를 만들어 보면서 진짜 P2P 통신이 가능하도록 해 봅니다
여러 네트워크 통신 기술을 비교 분석하여, 적절한 기법을 선택하고 적용하는 능력을 키웁니다

네트워크 통신을 이해하고 활용하는 능력을 갖춥니다.

HTTP, SSE, WebSocket, WebRTC 등 다양한 웹 통신 기법의 원리를 깊이 있게 파악하고, 각 기술의 차이점을 명확히 이해하게 됩니다. 이를 통해 어떤 상황에서 어떤 통신 방식을 사용해야 할지 스스로 판단하고 구현하는 능력을 기르게 됩니다.

다양한 웹 통신 기술을 직접 구현하는 경험을 쌓습니다.

단순히 이론 학습에 그치지 않고, 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분)

강의 게시일:

마지막 업데이트일:

수강평

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

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

얼리버드 할인 중

₩54,670

30%

₩78,100

이사님은님의 다른 강의

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

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

이사님은

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

Basic

React, Java, Web API

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

이사님은

비슷한 강의

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

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

이사님은

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

Basic

React, Java, Web API

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

이사님은

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

Basic

OAuth, oauth2, JWT

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

Beginner

Go, webrtc, p2p

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

영넨

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기는 JWT 기반 인증 및 소셜 로그인(Kakao/Google)을 포함한 실전형 로그인 시스템을 직접 구현하며 프론트엔드와 백엔드 인증 흐름을 깊이 이해할 수 있도록 설계된 강의입니다. 프론트엔드는 React.js, 백엔드는 Spring Boot를 기반으로 구성되며, 실제 서비스 환경에서 사용되는 Access Token + Refresh Token 방식, HttpOnly Cookie, Redux를 활용한 사용자 상태 관리, Role 기반 권한 처리, 소셜 로그인 연동까지 하나씩 따라하며 익힐 수 있습니다.

Basic

React, Node.js, REST API

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

영넨

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

Jiwoon Jeong

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

Basic

HTML/CSS, JavaScript, REST API

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

Jiwoon Jeong

김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션

김영한

I/O, 네트워크, 리플렉션, 애노테이션을 기초부터 실무 레벨까지 깊이있게 학습합니다. 웹 애플리케이션 서버(WAS)를 자바로 직접 만들어봅니다.

Basic

Java, 네트워크, 객체지향

김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션

김영한

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

김영한

실무에 가까운 예제로, 스프링 부트와 JPA를 활용해서 웹 애플리케이션을 설계하고 개발합니다. 이 과정을 통해 스프링 부트와 JPA를 실무에서 어떻게 활용해야 하는지 이해할 수 있습니다.

Basic

Java, Spring, 웹앱

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

김영한

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

프롱트

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

Basic

JavaScript, promise, frontend

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

프롱트

프론트엔드 개발의 Kick, Web API (feat. React)

박용주

실무에 적용할 수 있는 Web API를 다룹니다. 한 번쯤 꼭 마주치게 될 요구사항들을 풀어낼 무기를 얻어가시길 바랍니다.

Basic

JavaScript, React, Web API

프론트엔드 개발의 Kick, Web API (feat. React)

박용주

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

웹소켓/stomp, springboot를활용하여 채팅서비스를 개발합니다. 비교적 쉬운 프레임워크인 vue.js를 통해 간단한 화면도 함께 구성합니다. redis pub/sub을 통해 다중서버 확장성 설계까지 구성합니다.

Basic

websocket, pubsub, Spring Boot

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

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

유용한IT학습

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

Beginner

JavaScript, jQuery

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

유용한IT학습

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

유용한IT학습

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

Intermediate

JavaScript, jQuery

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

유용한IT학습

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

Basic

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

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

이지웹

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

Basic

HTML/CSS, JavaScript, jQuery

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

이지웹

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

말랑말랑한 푸른돌고래

웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

Beginner

네트워크, Google Chrome, Chrome DevTools

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

말랑말랑한 푸른돌고래

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 NextJS로 나만의 게시판을 만들어보세요!

Beginner

Kotlin, Spring Boot, Next.js

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기

Neo

외워서 끝내는 네트워크 핵심이론 - 기초

널널한 개발자

TCP/IP에서 HTTP까지! 네트워크에 대한 기본 이론이 부족한 분들이 '외워서'라도 전공 이론을 이해하고자 희망하는 분들을 위해 준비한 강의입니다. 할 수 있습니다!

Beginner

네트워크, 프로토콜

외워서 끝내는 네트워크 핵심이론 - 기초

널널한 개발자

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

AI는 이제 선택이 아닌 생존의 문제입니다. 3일 걸리던 개발을 30분으로 단축하고, 반복 업무는 AI에게 맡기고 당신은 더 중요한 문제 해결에 집중하세요. 이론이 아닌 실무에서 바로 써먹는 AI 네이티브 개발법으로, 회사에서 "AI 잘하는 개발자"로 인정받는 확실한 방법을 알려드립니다.

Basic

Spring Boot, Next.js, 인공지능(AI)

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

웹에서 다루는 네트워크 통신 - 기초부터 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까지
웹 통신의 핵심 기술을 확실히 익히고

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

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

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

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

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

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

이런 분들께
추천드려요

안녕하세요
입니다.