Timpossible history

이번에는 NextJS 웹사이트를 대표적인 프론트엔드 웹사이트 무료 배포 서비스인 Cloudflare에 배포해보록 하겠다. 사실 NextJS는 Vercel이라는 아주 쉽고도 개쩌는 웹 배포 사이트가 있어서 Cloudflare에 왜 굳이 배포하느냐 싶기도 하지만, Cloudflare 또한 무료로 사용할 수 있는 프론트엔드 웹 배포 사이트 중 단연 탑티어라고 할 수 있기도 하고, next JS를 지원하는 툴이 업데이트 되어서 시도해보았다. 참고 Deploy a Next.js site - Cloudflare Docs 1. 프로젝트 준비 npm create cloudflare@latest my-next-app -- --framework=next cd my-next-app my-next-app이라는 이름의 프로젝트..

React Context API는 React 애플리케이션에서 전역 상태를 효과적으로 관리할 수 있는 강력한 도구이다. 전역적으로 state를 관리한다는 측면에서 react-redux와 같지 않냐 생각할 수 있지만 차이점은 있다. React Context API와 Redux의 차이점 1. 용도 React Context API 주로 컴포넌트 간의 상태를 효율적으로 전달하고 관리하기 위한 도구. 상태 관리의 범위가 상대적으로 작은 경우에 적합. Redux 상태 관리 라이브러리로서, 큰 규모의 애플리케이션에서 상태를 효과적으로 관리하고 전역 상태를 중앙에서 제어하기 위한 도구. 상태 관리의 범위가 크거나 복잡한 애플리케이션에서 적합. 2. 구조 React Context API React에 내장된 API로, 컴포..

저번 Socket.IO로 실시간 채팅 웹사이트 구현한 것에 이어서, 실시간 화상 채팅은 어떻게 구성하는가 알아보자. [Express JS] Socket.IO 이용해서 실시간 채팅 어플리케이션 구성 [Express JS] Socket.IO 이용해서 실시간 채팅 어플리케이션 구성 Socket.IO는 웹 소켓(Websocket)을 쉽게 다룰 수 있도록 도와주는 라이브러리로, 실시간 양방향 통신을 구현하는데 아주 유용하다. 1. 프로젝트 초기화 mkdir mychatting cd mychatting npm init -y 먼저 프로젝트 everythingaboutworld.tistory.com 메인으로 실시간 양방향 통신은 Socket.IO로 하겠지만, 화상 채팅 통신은 WebRTC의 RTCPeerConnecti..