하루살이 개발일지

HTTP 통신 HTTP 통신이란 브라우저와 웹 서버가 통신할 수 있도록 규칙과 절차를 규정한 통신 프로토콜이다. HTTP 통신은 기본적으로 요청-응답 기반의 프로토콜인데, 하나의 컴퓨터에서 다른 쪽으로 Request를 하면 다른 컴퓨터에서는 이에 대응하는 Response를 돌려주는 방식이다. 이 방식은 많은 경우 합리적인 통신 수단이지만, 한계점도 존재한다. 두 컴퓨터 간 연결을 지속하는 대신 단발적으로 요청이 수신되었을 때만 연결을 허가하고, 응답까지 마무리된 후에는 연결을 해제하는 방식인 만큼 소규모 정보 전달이 다수 발생할 경우 계속해서 연결을 생성하고 해제하는 과정을 거쳐야 하며 이는 자원 낭비가 될 수 있다. 또한, 클라이언트 요청 없이 서버 쪽에서 먼저 클라이언트에 데이터를 전송하는 것이 불가..

CSR, SSR먼저 Hydration 개념 이해에 필요한 CSR과 SSR 개념을 간단히 정리하면 다음과 같다.  클라이언트 사이드 렌더링 CSR에서 서버는 빈 HTML 페이지와 JavaScript 번들을 반환한다. 브라우저는 JavaScript 번들을 받아 클라이언트 단에서 페이지를 렌더링한다. 즉 모든 로직, 데이터 패칭, 라우팅 등은 서버가 아닌 클라이언트에서 처리된다.이는 서버의 부하를 줄이고 첫 페이지 로드 후 다른 페이지를 로드하는 속도가 빨라지지만, 초기 빈 HTML을 전달해주기 때문에 검색 엔진 최적화(SEO)에 불리하며 초기 로드 시간이 길어지게 된다.  서버 사이드 렌더링 SSR은 서버에서 웹 페이지를 생성해 클라이언트로 전달한다. 이미 렌더 준비가 완료된 HTML을 전달해주기 때문에 H..

Jotai는 Daishi Kato에 의해 만들어졌으며, React 상태 관리의 단순성과 효율성을 개선하려는 목적에서 만들어졌다. Recoil과 MobX와 같은 기존 상태 관리 솔루션들이 제공하는 강력한 기능을 유지하면서도, 단순하고 직관적인 API를 제공하여, 개발자들이 쉽게 상태 관리를 할 수 있도록 설계되었다. Jotai는 일본어로 '상태'를 의미하며, Jotai는 그 사용성과 유연성으로 인해 빠르게 인기를 얻었고, 다양한 규모와 유형의 프로젝트에서 사용되고 있다. npm trend에서 recoil과 비교하면 recoil을 역전한 것을 볼 수 있는 꽤 핫한 라이브러리이다. 1. jotai의 기본 개념과 atom 생성 방법 Jotai는 atom개념을 사용하며, atom은 작은 데이터를 담고 있다. us..

브라우저 렌더링 원리를 알아야 하는 이유 C는 직접 운영 체제에서 실행되고, Java는 가상 머신 위에서 실행된다. C는 컴파일 언어로, 소스코드가 기계어로 변환된 후 실행된다. Java는 소스코드가 바이트코드로 컴파일되어 JVM에서 해석 및 실행된다. 반면 JavaScript는 웹 브라우저에서 실행된다. (물론 Node.js를 통해 서버 사이드에서도 실행될 수 있다.) JavaScript를 클라이언트 사이드에서 사용할 경우 웹 브라우저에서 HTML, CSS, JavaScript가 실행되므로 브라우저 렌더링 원리를 이해하는 것은 중요하다. 더보기 -(JVM이란?) JVM은 하드웨어와 운영 체제 사이의 추상화 레이어로 작동하는 소프트웨어이다. 보통 자바 개발 키트(JDK)에 포함되어 컴퓨터에 설치된다. -..