🐣 일하면서 공부하기

🐣 일하면서 공부하기

react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

문제점 리덕스를 적용한 간단한 리액트 프로젝트를 만들기 위해서 리덕스를 위한 코드를 준비하고 yarn start를 했지만 화면에 아무것도 나타나지 않았습니다. 이후 콘솔창을 열어보니 이런 에러가 떠있었습니다. 원인 import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; import { createStore } from "redux"; import rootReducers from "./modules"; import { Provider } from "react-redux"; const store = createStore(rootReducers); ReactDO..

🐣 일하면서 공부하기

JavaScript 라이브러리 PeerJS와 TypeScript 라이브러리 WebRTC.ts

PeerJS PeerJS는 WebRTC를 사용하여 P2P(peer-to-peer) 통신을 쉽게 구현할 수 있도록 도와주는 JavaScript라이브러리입니다. PeerJS를 사용하면 브라우저에서 WebRTC를 사용하여 다른 브라우저와 직접 통신할 수 있습니다. 이를 통해 브라우저 간에 파일 전송, 비디오 및 오디오 스트리밍 등의 실시간 통신이 가능합니다. PeerJS는 WebRTC의 복잡한 구현 세부 사항을 추상화하여 개발자가 더 쉽게 P2P 통신을 구현할 수 있도록 도와줍니다. PeerJS는 서버를 통해 브라우저 간 통신을 중계합니다. 이를 통해 브라우저가 직접 연결을 설정하고 NAT 트래버셜을 처리하는 것과 달리, 서버를 통해 중계함으로써 편리하게 통신할 수 있습니다. 또한 PeerJS는 간단한 API..

🐣 일하면서 공부하기

NoSQL 데이터베이스 시스템 MongoDB

MongoDB란? MongoDB는 NoSQL 데이터베이스 시스템 중 하나로, 문서 지향 데이터베이스(Document-Oriented Database)입니다. 관계형 데이터베이스의 테이블 구조 대신, MongoDB는 JSON 형식의 문서(Document)를 이용하여 데이터를 저장하고 조회합니다. MongoDB는 높은 확장성과 성능, 빠른 속도, 다양한 운영체제와 플랫폼에서의 호환성, 유연성 등의 특징을 가지고 있습니다. 또한 MongoDB는 분산 데이터베이스로서 여러 대의 서버에 데이터를 저장하고 관리할 수 있어서 대용량 데이터 처리에 적합합니다. MongoDB는 다양한 언어와 프레임워크에서 사용할 수 있습니다. MongoDB는 무료로 제공되는 Community Edition과 유료로 제공되는 Enterp..

🐣 일하면서 공부하기

프록시 서버에 대해 알아보자

프록시(Proxy)란? 프록시(Proxy)는 대리인이라는 뜻을 가진 말로, 인터넷 사용 시 사용자의 컴퓨터와 인터넷 사이에 위치하여 사용자가 직접 웹 사이트에 연결하지 않고, 대신 프록시 서버를 통해 웹 사이트와 통신하는 컴퓨터 시스템입니다. 프록시는 사용자의 IP 주소를 숨기는 데 주로 사용되며, 사용자의 컴퓨터에서 직접 연결하는 것보다 보안성과 개인 정보 보호를 강화할 수 있습니다. 또한 프록시를 통해 인터넷 사용량을 줄이고, 웹 사이트의 캐시를 이용하여 더 빠른 속도로 웹페이지를 불러올 수도 있습니다. 프록시 서버는 회사, 학교, 도서관 등에서 자주 사용됩니다.

개발자 린다씨
'🐣 일하면서 공부하기' 카테고리의 글 목록