문제점 리덕스를 적용한 간단한 리액트 프로젝트를 만들기 위해서 리덕스를 위한 코드를 준비하고 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..
PeerJS PeerJS는 WebRTC를 사용하여 P2P(peer-to-peer) 통신을 쉽게 구현할 수 있도록 도와주는 JavaScript라이브러리입니다. PeerJS를 사용하면 브라우저에서 WebRTC를 사용하여 다른 브라우저와 직접 통신할 수 있습니다. 이를 통해 브라우저 간에 파일 전송, 비디오 및 오디오 스트리밍 등의 실시간 통신이 가능합니다. PeerJS는 WebRTC의 복잡한 구현 세부 사항을 추상화하여 개발자가 더 쉽게 P2P 통신을 구현할 수 있도록 도와줍니다. PeerJS는 서버를 통해 브라우저 간 통신을 중계합니다. 이를 통해 브라우저가 직접 연결을 설정하고 NAT 트래버셜을 처리하는 것과 달리, 서버를 통해 중계함으로써 편리하게 통신할 수 있습니다. 또한 PeerJS는 간단한 API..
MongoDB란? MongoDB는 NoSQL 데이터베이스 시스템 중 하나로, 문서 지향 데이터베이스(Document-Oriented Database)입니다. 관계형 데이터베이스의 테이블 구조 대신, MongoDB는 JSON 형식의 문서(Document)를 이용하여 데이터를 저장하고 조회합니다. MongoDB는 높은 확장성과 성능, 빠른 속도, 다양한 운영체제와 플랫폼에서의 호환성, 유연성 등의 특징을 가지고 있습니다. 또한 MongoDB는 분산 데이터베이스로서 여러 대의 서버에 데이터를 저장하고 관리할 수 있어서 대용량 데이터 처리에 적합합니다. MongoDB는 다양한 언어와 프레임워크에서 사용할 수 있습니다. MongoDB는 무료로 제공되는 Community Edition과 유료로 제공되는 Enterp..
프록시(Proxy)란? 프록시(Proxy)는 대리인이라는 뜻을 가진 말로, 인터넷 사용 시 사용자의 컴퓨터와 인터넷 사이에 위치하여 사용자가 직접 웹 사이트에 연결하지 않고, 대신 프록시 서버를 통해 웹 사이트와 통신하는 컴퓨터 시스템입니다. 프록시는 사용자의 IP 주소를 숨기는 데 주로 사용되며, 사용자의 컴퓨터에서 직접 연결하는 것보다 보안성과 개인 정보 보호를 강화할 수 있습니다. 또한 프록시를 통해 인터넷 사용량을 줄이고, 웹 사이트의 캐시를 이용하여 더 빠른 속도로 웹페이지를 불러올 수도 있습니다. 프록시 서버는 회사, 학교, 도서관 등에서 자주 사용됩니다.
Colyseus 란? Colyseus는 멀티 플레이어 게임 서버 프레임워크입니다. 이 프레임워크를 사용하면 게임 서버를 쉽게 작성하고 호스팅 하며, 게임 로직 및 플레이어 데이터의 동기화를 관리할 수 있습니다. Colyseus는 JavaScript 및 TypeScript로 작성되었으며, 웹 브라우저와 Node.js에서 실행할 수 있습니다. 또한 Colyseus는 편리한 API 및 클라이언트 라이브러리를 제공하여 게임 개발자가 게임 로직에 집중할 수 있도록 돕습니다. Colyseus를 사용하면 멀티 플레이어 게임을 빠르게 만들고 확장할 수 있습니다.
암만 생각해도 Mac OS는 저와 어울리지 않는 것 같습니다😮💨 리액트 실행하는 게 한 시간이나 걸렸습니다...(바본가...🌚) 거두절미하고 Mac OS에서 리액트 실행하는 방법을 상세하게 알아보겠습니다. 리액트를 실행하기 앞서 Mac OS에 node, npm, npx 등이 다 실행되는 환경이어야 합니다. 환경 설정을 하지 못하셨다면 아래 링크를 보시고 따라하시면 됩니다. Mac OS/Homebrew] 맥/맥북에서 brew 설치하는 방법 [Mac OS]env: node: No such file or directory 해결하기 폴더 만들기 터미널에 다음 명령어를 입력하여 폴더를 생성합니다. (아 물론 그냥 우클릭 후에 직접 폴더 생성하고 해당 폴더 경로 찾아서 실행해도 됩니다.) mkdir 생성할 폴더명..
프로젝트를 본격적으로 시작하기에 앞서 React 공부를 다시 시작하려고 터미널에 아래의 명령어를 실행했습니다. npm i -g create-react-app create-react-app -V 그랬더니 다음과 같은 에러가 발생했습니다. 쉽게 말하면 제 Mac OS에 설치되어 있는 Node 버전이 낮아 React를 실행하지 못하니 업데이트 하란 것입니다. 이를 해결하기 위해 여러 번의 검색 끝에 찾아낸 결과를 토대로 아래의 명령어를 차례대로 실행했습니다. npm cache clean -f sudo npm install -g n 여기까지 실행하고 나면 Password를 입력하라고 나오는데, 각자 Mac에 등록되어 있는 Password를 입력하시면 됩니다. 입력 후 return을 누르신 다음에 다음 명령어를 ..
Mac OS로 바꾼 뒤 원래 프로젝트를 실행하려고 하니 env: node: No such file or directory라는 에러가 발생했습니다🙄 yarn install을 했는데도 안먹히고...🥲 몇 번의 삽질 결과 아래의 명령어를 터미널에 입력하여 해결했습니다. brew install node node -v brew reinstall node brew 설치는 아래 링크를 참고해 주세요. 2023.02.23 - [🐣 일하면서 공부하기] - [Mac OS/Homebrew] 맥/맥북에서 brew 설치하는 방법
파견 근무 나가면서... 태어나서 처음 Mac을 쓰게 되었습니다. 한평생 Windows만 썼던 저에게 Mac은 굉장히 뭐랄까... 어렵네요🥺 아마 이 아이한테 적응하려면 한 달은 필요할 것 같습니다.(인생...🙄) Homebrew란 무엇일까요? 개발을 하거나 터미널 또는 쉘을 사용하다 보면 프로그램을 설치하기 위해 Package Management를 사용합니다. 패키지 관리자는 프로그램을 손쉽게 설치하는 프로그램이라고 보시면 됩니다. 리눅스에선 주로 yum이나 apt/apt-get을 사용하는데요, Mac에선 Homebrew라는 패키지 관리자를 사용합니다. brew 설치하기 검색창에 Homebrew라고 검색하거나 아래의 링크를 클릭합니다. https://brew.sh/index_ko Homebrew The..
