딥다이브

🤔 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)에 대한 고민 최근 프로젝트를 진행하면서 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)에 대해 고민하고 학습했던 과정을 작성하려 합니다. 항상 리액트나 뷰로만 js를 사용해봤지,

바닐라 JS로 SSR과 CSR을 구현해보면서 innerHTML을 쓰지 않기 위해 react에서 Element를 추가하는 방식에 대해 학습했던 과정을 작성하려 합니다.저번 포스팅에서와 유사하게, 바닐라 js로의 웹 페이지 구현은 처음이라 많이 낯설기도 하고, 어렵기도 한

저는 항상 npx create-react-app 명령어로 React 프로젝트를 생성해왔습니다.그런데 react와 같은 프레임워크를 바닐라 js로 만들어보며 webpack을 처음 적용시켜보았고, 이번에 모듈 번들러를 학습해보면서, "Hot Module Replacemen

저번에 작성한 블로그 포스팅에서 "npx create-react-app이 어떻게 동작하는지"에 대해 학습하면서, CRA가 어떻게 동작하고, CRA 없이 직접 react 프로젝트를 세팅하는 방법을 작성하였습니다.CRA에 대해 학습해보면서 이렇게 react 프로젝트가 세팅

프로젝트를 진행하며 미디어의 정보를 가져와야 하는 경우가 있었습니다.예를 들어 디바이스의 카메라 실시간 스트리밍을 해야 한다거나, 배터리 상태를 가져와야 하는 등의 경우인데요.자바스크립트로 getUserMedia()를 호출하면 도대체 브라우저 내부에서는 어떤 일이 일어