강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

Web Network Communication - From Basics to HTTP, SSE, WebSocket, and WebRTC P2P Communication

Learning about various communication techniques and understanding their differences helps you develop the ability to select and implement the most appropriate communication method.

30 learners are taking this course

Level Beginner

Course period Unlimited

  • sir24is
HTTP
HTTP
SSE
SSE
websocket
websocket
WebRTC
WebRTC
P2P
P2P
JavaScript
JavaScript
React
React
Java
Java
Network
Network
Spring Boot
Spring Boot
HTTP
HTTP
SSE
SSE
websocket
websocket
WebRTC
WebRTC
P2P
P2P
JavaScript
JavaScript
React
React
Java
Java
Network
Network
Spring Boot
Spring Boot

What you will gain after the course

  • Learn the fundamentals of network communication and communication techniques using HTTP and SSE

  • Learn beyond the basics of WebSocket to practical applications

  • Let's create a Signaling Server to enable true P2P communication

  • Develop the ability to compare and analyze various network communication technologies, and to select and apply appropriate techniques


How far have you explored web communication?
Starting from [HTTP]

[WebSocket], [WebRTC]and beyond

Properly understanding network communication is an essential skill for web developers.
This course covers various communication techniques in depth, including HTTP, SSE, WebSocket, and WebRTC, helping you learn the characteristics and usage of each technology to develop the ability to select and implement the optimal communication method.


[Pain Point Scenario 1]
Have you ever experienced slow development progress due to complex server communication logic, and felt overwhelmed about which technology to use when actually implementing it?

[Pain Point Scenario 2]
While implementing services that require real-time bidirectional communication between client and server (such as chat or games), were you curious about WebSocket usage beyond the basics?

[Pain Point Scenario 3]
Have you ever been interested in P2P communication that doesn't go through a server, specifically WebRTC technology, but found it difficult to even attempt due to the complexity of setting up a signaling server or the complicated connection process?

We provide the best learning experience to help you overcome all these challenges and become a web communication expert.
Start now and elevate your development skills to the next level!


HTTP, SSE, WebSocket, and WebRTC
Master the core technologies of web communication

Become a real-time network communication expert by seamlessly navigating between server and client.




When this course is completed, you will


Develop the ability to understand and utilize network communication.

  • You will gain a deep understanding of the principles behind various web communication techniques such as HTTP, SSE, WebSocket, and WebRTC, and clearly understand the differences between each technology. Through this, you will develop the ability to independently determine which communication method to use in different situations and implement them accordingly.

Gain hands-on experience implementing various web communication technologies.

  • We go beyond simple theoretical learning by directly building a Signaling Server and implementing WebRTC-based P2P communication. Additionally, through hands-on practice using WebSocket, you'll experience the process of creating complex communication features yourself, developing practical skills that can be immediately applied to real service development.

Acquire practical communication technology skills focused on real-world applications.

  • From web development beginners to developers struggling with WebSocket or WebRTC implementation, this course will help you improve your practical communication feature implementation skills. You'll understand the pros and cons of each communication method and develop the insight to select the optimal technology for your projects.

Develop both server and client development skills together.

  • It covers both backend development using Java and frontend development using JavaScript. Through this, you can gain an integrated understanding of how web communication works between the server and client sides, and strengthen the core competencies needed as a full-stack developer.






✔️

How much do you know about web communication?
Mastering core technologies

Various Web Communication Techniques
From Core Principles to Practical Application

This course provides an in-depth understanding of network communication, an essential element of web development. From HTTP, SSE, WebSocket, to WebRTC P2P communication, you can systematically learn from the basic principles of each technology to actual implementation methods. By comparing and analyzing various communication methods, you will develop the ability to select and apply the most optimized technology for your projects.

Hands-on
Real-world Communication Implementation

The course doesn't stop at just theoretical learning. Through frontend implementation using JavaScript and React, and backend development using Java and Spring Boot, you'll directly build real chat services, WebRTC-based P2P communication, and more. This allows you to immediately apply what you've learned and strengthen your practical skills.

Code and Resources
for Developers

We provide all source code used in the course. Through Java-based projects for backend development and JavaScript code for frontend development, you can solidly understand the learning content and improve your network communication development skills by running the code directly. Lecture notes are also provided to enhance learning efficiency.

The lecture notes can be accessed at the following URL.

https://wikidocs.net/book/17989


📚

Network Communication
Core Mastery Curriculum

Section01

Section 1

Course Introduction and Environment Setup

This section covers the overall introduction to the course, along with how to set up a practice environment for learning network communication. It includes the process of creating backend and frontend projects.


Section02

Section 2

Web and Network Fundamentals

We will learn the fundamental concepts of networking that form the foundation of web communication and the operating principles of sockets. By understanding the core principles of socket communication, we will establish a foundation for various communication techniques to be covered later.


Section03

Section 3

Understanding HTTP

This course covers HTTP protocol in detail, from its origins and fundamental principles to server and client implementation. You'll learn communication methods using XMLHttpRequest and external libraries, as well as solutions for resolving CORS issues.


Section04

Section 4

Understanding Server-Sent Events (SSE)

You will learn the basics of SSE, which enables unidirectional real-time data transmission from server to client. You will write server and client programs and learn how to implement and apply SSE using the EventSource API.


Section05

Section 5

WebSocket Basics

This introduces the basic principles of WebSocket, which supports bidirectional real-time communication between client and server. You will learn how to write server programs using WebSocketHandler and methods for sending and receiving messages from the client.


Scetion06

Section 6

Using WebSocket (Server)

This covers server-side development for implementing real-time applications using WebSocket. It defines application protocols and message formats, and implements concurrency control and message processing logic for ChatRoom.


Section07

Section 7

Using WebSocket (Client)

We will proceed with client-side development for integration with the WebSocket server. Starting with UI creation, we will implement application protocol transmission, chat room participation, and server event handling features.


Section08

Section 8

WebRTC and Signaling Server

Learn the concept of WebRTC, which enables direct browser-to-browser communication (P2P). Understand MediaStream processing, permission requests, and the role of Signaling Server for P2P connections and message handling methods.


Section09

Section 9

Implementing WebRTC Client

You will learn how to implement P2P communication on the client side using WebRTC. You will practice writing the user interface and establishing peer-to-peer connections through the Offer and Answer process.


These are the concerns
we can help solve!

📌

Web Development Beginners

Web development is new to you, so you feel vague about what exactly HTTP or WebSocket is,
and how they work

📌

Frontend Developer

If you need real-time communication technologies like WebSocket or WebRTC,
but feel overwhelmed about where to start

📌

Backend Developer

You can create REST APIs quite well with Spring Boot,
but are curious about other communication methods using SSE, WebSocket, etc.




Notes Before Taking the Course


Practice Environment

  • Operating System: You can learn on both Windows and macOS.

  • Development Tools: You can use VS Code or your preferred IDE.

  • Installation Program: Install and use JavaSDK and NodeJS.

Prerequisites and Important Notes

  • An understanding of Java and JavaScript is required.

  • Basic knowledge of web development using React is required.

    • If you're new to this, you can follow along with the course after just reading through the "Quick Start" page in the official documentation.

  • Even those encountering network communication concepts for the first time can take this course.

Learning Materials

  • You can view the lecture notes online.

  • Practice with example code by writing it yourself, and complete source code is provided


Recommended for
these people

Who is this course right for?

  • Someone who is entering web development and wants to use network communication features

  • Anyone who wants to master not only the basics of WebSocket but also its practical applications

  • Those who want to learn about WebRTC P2P communication where you can actually establish real connections

  • Those who want to develop the ability to understand, compare, and select various network communication techniques

Need to know before starting?

  • Knowledge of Java syntax is required, and familiarity with SpringBoot would be beneficial

  • You'll need knowledge of JavaScript syntax, and it would be helpful if you're familiar with React. (If you're new to it, you can follow along with the course after learning just the "Quick Start" page from the official documentation.)

Hello
This is

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

Curriculum

All

69 lectures ∙ (7hr 54min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$60.50

sir24is's other courses

Check out other courses by the instructor!

Media Handling on the Web - Learning MediaStream API by Building Video Chat강의 썸네일

Media Handling on the Web - Learning MediaStream API by Building Video Chat

sir24is

Handling media (video, audio) on the web is now easier than ever! Learn the MediaStream API and WebRTC by following along step by step.

초급

초급

React, Java, Web API

Media Handling on the Web - Learning MediaStream API by Building Video Chat강의 썸네일

Media Handling on the Web - Learning MediaStream API by Building Video Chat

sir24is

Similar courses

Explore other courses in the same field!

[From JavaScript to React] The Path to React Without Giving Up [Full vers.]강의 썸네일

[From JavaScript to React] The Path to React Without Giving Up [Full vers.]

youngcodikimssam

Did you give up while studying React? Even complete beginners new to coding and non-majors can find their way to React without giving up, from JavaScript all the way to React.

입문

입문

JavaScript, React, jQuery

[From JavaScript to React] The Path to React Without Giving Up [Full vers.]강의 썸네일

[From JavaScript to React] The Path to React Without Giving Up [Full vers.]

youngcodikimssam

Kakao, Google SNS login (springboot3, vue3)강의 썸네일

Kakao, Google SNS login (springboot3, vue3)

bradkim

Implementing Kakao and Google login using Spring Boot. JWT token-based login is implemented. A simple screen is configured through Vue3.

초급

초급

OAuth, oauth2, JWT

Kakao, Google SNS login (springboot3, vue3)강의 썸네일

Kakao, Google SNS login (springboot3, vue3)

bradkim

This one completes it all - 32 hours of high-quality Spring full-stack web development강의 썸네일

This one completes it all - 32 hours of high-quality Spring full-stack web development

greencoding1234

Just listen. The lecturing skill, captivating power, and lecture quality are different.

입문

입문

HTML/CSS, JavaScript, JSP

This one completes it all - 32 hours of high-quality Spring full-stack web development강의 썸네일

This one completes it all - 32 hours of high-quality Spring full-stack web development

greencoding1234

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board강의 썸네일

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

Neo

Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone! Develop a CRUD server with Springboot and create your own board with NextJS!

입문

입문

React, Kotlin, TypeScript

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board강의 썸네일

Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

Neo

Media Handling on the Web - Learning MediaStream API by Building Video Chat강의 썸네일

Media Handling on the Web - Learning MediaStream API by Building Video Chat

sir24is

Handling media (video, audio) on the web is now easier than ever! Learn the MediaStream API and WebRTC by following along step by step.

초급

초급

React, Java, Web API

Media Handling on the Web - Learning MediaStream API by Building Video Chat강의 썸네일

Media Handling on the Web - Learning MediaStream API by Building Video Chat

sir24is

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)강의 썸네일

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)

dodocoding

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

초급

초급

Next.js, supabase, React

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)강의 썸네일

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)

dodocoding

Spring Security OAuth2강의 썸네일

Spring Security OAuth2

leaven

Learn the basic concepts of Spring Security OAuth2, API usage, and internal architecture. In addition, you will learn how to integrate and link OAuth2 Client, OAuth2 Resource Server, and Authorization Server, build your own authorization server, and implement OAuth2 services through it.

중급이상

중급이상

Java, Spring, Spring Boot

Spring Security OAuth2강의 썸네일

Spring Security OAuth2

leaven

The Kick of Frontend Development, Web API (feat. React)강의 썸네일

The Kick of Frontend Development, Web API (feat. React)

vroomfan

This course covers practical Web APIs. I hope you gain the tools to solve requirements you are bound to encounter at least once in the field.

초급

초급

JavaScript, React, Web API

The Kick of Frontend Development, Web API (feat. React)강의 썸네일

The Kick of Frontend Development, Web API (feat. React)

vroomfan

Implementing Secure JWT Login with Spring Boot and React강의 썸네일

Implementing Secure JWT Login with Spring Boot and React

oncoding

This course is a practical-focused learning program for JWT-based token authentication and security enhancement techniques that are essential in modern web service environments. Using Spring Boot 3, Spring Security 6, and React, you'll implement secure login systems and cover comprehensive security practices including XSS·CSRF countermeasures, HTTPS implementation, token reissuance and revocation strategies, and secure secret key management. Additionally, you'll practice real service-level environment configuration through AWS build·deployment and performance optimization using Redis, and the complete project source code provided in the course can be directly applied to real-world work.

중급이상

중급이상

React, Java, AWS

Implementing Secure JWT Login with Spring Boot and React강의 썸네일

Implementing Secure JWT Login with Spring Boot and React

oncoding

JavaScript+jQuery from Basics to Practice: Advanced Part.1강의 썸네일

JavaScript+jQuery from Basics to Practice: Advanced Part.1

usefulit

This course will teach you JavaScript through theory and practice. This course is for those who are somewhat familiar with JavaScript. Part 1 covers JavaScript classes and object-oriented programming.

중급이상

중급이상

JavaScript, jQuery

JavaScript+jQuery from Basics to Practice: Advanced Part.1강의 썸네일

JavaScript+jQuery from Basics to Practice: Advanced Part.1

usefulit

JavaScript+jQuery from Basics to Practice: Advanced Part.2강의 썸네일

JavaScript+jQuery from Basics to Practice: Advanced Part.2

usefulit

This course will teach you JavaScript through theory and practice. This course is for those who are somewhat familiar with JavaScript. Part 2 covers abstraction, encapsulation, inheritance, and polymorphism in JavaScript.

중급이상

중급이상

JavaScript, jQuery

JavaScript+jQuery from Basics to Practice: Advanced Part.2강의 썸네일

JavaScript+jQuery from Basics to Practice: Advanced Part.2

usefulit

Full Stack React Toy Project - REST, GraphQL (for FE Developers)강의 썸네일

Full Stack React Toy Project - REST, GraphQL (for FE Developers)

jaenam

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

초급

초급

REST API, GraphQL, React

Full Stack React Toy Project - REST, GraphQL (for FE Developers)강의 썸네일

Full Stack React Toy Project - REST, GraphQL (for FE Developers)

jaenam

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture강의 썸네일

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강의 썸네일

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

IT s Dev

Building Your Own Emotional Diary Service with SpringAI + React강의 썸네일

Building Your Own Emotional Diary Service with SpringAI + React

Neo

Building Your Own Emotional Diary Service with SpringAI + React This is the 4th project time creating together with Neo + Essential!

초급

초급

React, Kotlin, Spring Boot

Building Your Own Emotional Diary Service with SpringAI + React강의 썸네일

Building Your Own Emotional Diary Service with SpringAI + React

Neo

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

codecamp

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

중급이상

중급이상

React, Next.js, cursor

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

codecamp

[Season 1] Spring AI in Action: Developing a Premium Reservation AI Agent강의 썸네일

[Season 1] Spring AI in Action: Developing a Premium Reservation AI Agent

bitcocom

Spring AI + JPA + MySQL Premium Reservation Agent Backend Development with 'Autonomous Behavior' Beyond Chatbots to Agents: The Definitive Guide to Tool Calling and Prompt Engineering

초급

초급

Java, Spring Boot, backend

[Season 1] Spring AI in Action: Developing a Premium Reservation AI Agent강의 썸네일

[Season 1] Spring AI in Action: Developing a Premium Reservation AI Agent

bitcocom

From Kotlin to Spring Security강의 썸네일

From Kotlin to Spring Security

kwangsung

There are so many benefits to developing Spring Boot with Kotlin. I think it would be good to learn about them through this lecture.

초급

초급

Kotlin, Spring Boot, Thymeleaf

From Kotlin to Spring Security강의 썸네일

From Kotlin to Spring Security

kwangsung

AWS Architecture Made Easy — From Basic CS to Hands-on AWS Practice Based on Real-world Experience강의 썸네일

AWS Architecture Made Easy — From Basic CS to Hands-on AWS Practice Based on Real-world Experience

codequokka

Welcome to AWS? First Time? Let's learn together, from the basics of modern web systems to cloud deployment. It's not just simple AWS usage or following along with code; you can learn deeply how even difficult CS concepts are applied in the Cloud!

초급

초급

Network, AWS, Operating System

AWS Architecture Made Easy — From Basic CS to Hands-on AWS Practice Based on Real-world Experience강의 썸네일

AWS Architecture Made Easy — From Basic CS to Hands-on AWS Practice Based on Real-world Experience

codequokka

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours강의 썸네일

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

With this one course, you can learn the basics of popular Javascript frameworks and Typescript.

입문

입문

JavaScript

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours강의 썸네일

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

The Immortal jQuery Still Alive - From Basics to Practice강의 썸네일

The Immortal jQuery Still Alive - From Basics to Practice

ezweb

jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately in the field.

초급

초급

HTML/CSS, JavaScript, jQuery

The Immortal jQuery Still Alive - From Basics to Practice강의 썸네일

The Immortal jQuery Still Alive - From Basics to Practice

ezweb