본문 바로가기

전체 글13

웹RTC (Web Real-Time Communication) 웹RTC (Web Real-Time Communication)웹RTC는 웹 브라우저 간의 실시간 커뮤니케이션을 가능하게 해주는 기술이다이 기술을 통해 사용자들은 플러그인 없이도 비디오, 오디오, 데이터 스트림을 주고받을 수 있다웹RTC는 구글이 주도하는 오픈 소스 프로젝트이며,인터넷 상에서 실시간 커뮤니케이션을 더 쉽게 구현할 수 있게 해준다  웹RTC 주요 기능웹RTC는 실시간 통신을 구현하기 위해 세 가지 주요 API를 제공한다getUserMedia()   사용자의 카메라와 마이크에 접근하여 비디오와 오딩오 스트림을 가져온다   화상 통화나 오디오 녹음 기능 구현 시 사용된다RTCPeerConnection   두 브라우저 간의 직접적인 P2P 연결을 설정하고, 오디오, 비디오, 데이터 채널을 관리한다.. 2024. 6. 17.
WebSocket 웹 소켓📡 웹소켓웹소켓은 클라이언트와 서버 간의 양방향 통신을 가능하게 하는 프로토콜이다  전통적인 HTTP 통신HTTP(Hypertext Transfer Protocol)는 클라이언트(ex. 웹 브라우저)가 서버에 요청(request)을 보내면 서버가 응답(response)을 보내는 방식으로 동작한다이 방식은 기본적으로 클라이언트가 먼저 요청을 보내야만 서버가 응답하는 단방향 방식이다 그렇기에 클라이언트가 서버로부터 데이터를 받으려면 먼저 요청을 보내야하므로,데이터를 실시간으로 받아야 하는 상황에서는 부적합하다빈번한 요청으로 인해 네트워크 트래픽이 증가되고 서버에게 부담이 된다실시간 통신에는 조금 느리고 비효율적인 것이다 SSE와 웹소켓SSE(Server-Send Events)는 서버가 클라이언트에게 단방향으로 .. 2024. 6. 16.
자바스크립트 Scope Scope (스코프: 유효범위)자바스크립트의 스코프는 변수가 어디서 접근 가능한지를 결정하고, 변수의 생성부터 소멸까지의 과정을 관리한다스코프는 변수 이름 충돌을 방지하고 메모리 관리를 자동화(메모리 절약)하여 개발자가 더 효율적으로 코드를 작성할 수 있도록 한다  스코프의 종류자바스크립트에는 세 가지 주요 스코프 유형이 있다전역 스코프 (Global Scope)함수 스코프 (Function Scope)블록 스코프 (Block Scope, ES6부터 도입) 전역 스코프 (Global Scope)전역 스코프는 코드 어디에서나 접근할 수 있는 변수를 정의하는 범위이다전역 변수는 페이지가 로드되면 생성되고, 페이지가 닫힐 때까지 존재한다 함수 스코프 (Function Scope)함수 스코프는 함수 내에서 정의.. 2024. 6. 16.
자바스크립트 주요 개념 자바스크립트는 웹 개발에서 필수적인 언어다HTML, CSS와 함께 사용되며, 웹 사이트의 대부분이 자바스크립트를 사용하여 웹 페이지의 동작을 제어한다 React와 같은 라이브러리, Vue와 같은 프레임워크는 자바스크립트 코드를 래핑하고 확장하여 그 기능을 극대화한다이러한 도구들은 근본적으로 자바스크립트를 기반으로 하며,상태 관리와 이벤트 처리 역시 자바스크립트의 원리에 기초한다 이러한 라이브러리나 프레임워크는 자바스크립트의 기본 개념을 확장하여,웹 애플리케이션을 더 효율적으로 개발할 수 있도록 돕는다  자바스크립트에서 Deep 하게 공부할 주제들은 다음과 같다 자바스크립트 주요 개념변수 (Variables) - var, let, const   자바스크립트에서 변수를 선언하는 방법은 var, let, co.. 2024. 6. 8.