0 유튜브 광고 차단기를 두고 벌어지는 기 싸움을 보면 참 묘한 기분이 듭니다. 단순히 광고를 가리는 문제를 넘어 웹 생태계 자체가 무너지고 있다는 신호처럼 느껴지거든요. 사용자는 광고가 지겨워 차단기를 쓰고, 운영자는 수익이 안 나니 서버비를 감당 못해 더 자극적이고 저급한 콘텐츠를 끌어오는 악순환이 이미 일상이 된 것 같습니다. 사실 우리가 누리는 무료 서비스의 이면엔 클라우드 서버라는 거대한 비용 장벽이 있습니다. AWS나 GCP 같은 서비스들이 초기 진입은 쉽게 만들었을지 몰라도, 규모가 커질수록 청구되는 금액은 상상을 초월하죠. 자본력이 빵빵한 대기업이야 이걸 견뎌내며 사용자를 가두는 '성벽'을 쌓지만, 중소 업체들은 광고 수익마저 끊기면 생존 자체가 불가능한 구조입니다. 1 과거 자동차나 ..
0React Hook은 너무 추상적인 내용이라고 생각했다. 어딜가나 이게 어떤 역할을 하고, 어떤 규칙이 있고 이런 상세 내용은 알려주는 글은 많이 봤는데, 정확하게 이게 뭔지 정의하는 문구가 없었다. 리액트를 참 오래 써왔지만, 최근까지도 왜 Hook이 이런식으로 생겼는지, 왜 쓰는지 모르고 감각적으로 써왔다.1Hook을 이해하려면 과거로 돌아가야한다. 현재의 React가 아닌 Hook이 도입되기 이전 16.8버전 이전으로. 현대의 리액트 컴포넌트는 대부분 Functional Component로 만들어진다. 지금까지 와서야 Class Component를 쓰는곳은 레거시(16.8버전 이전) 전환이 끝나지 않은 곳 뿐이지 않을까. 그 시절에는 useState, useEffect같은 hook이 없었기에 fu..
User/External역할: 에디터 외부 시스템 또는 최종 사용자책임:초기 HTML 데이터 제공사용자 입력 및 상호작용변경된 HTML 수신 및 처리 (onChange 콜백)LexicalComposer역할: Lexical 에디터의 React 래퍼 컴포넌트책임:initialConfig를 통한 에디터 설정nodes: 사용 가능한 노드 타입 등록theme: CSS 클래스 매핑 정의onError: 전역 에러 핸들러Context를 통해 하위 컴포넌트에 editor 인스턴스 제공플러그인 컴포넌트들의 컨테이너 역할Plugins주요 플러그인들:LoadHTMLPlugin: HTML을 Lexical 노드로 변환 (초기 로딩)OnChangePlugin: 에디터 상태 변경 감지 및 HTML 추출RichTextPlugin: 기..
What I doAS - IS style background-image attribute로 이미지 로드TO - BEnext/image Image Component 사용 하여 로드width, height 지정minimumCacheTTL → Image cachingoptimize with AVIF, WEBPset Priority to Next Image(Main Page Top content → priority: “high”)// Image Load With next/image Image Component// it change to below// even if you not use next/image, you can use that api(_next/image?url=[imageURL])// for imag..
