끄적끄적

개발 기록/Web

Lexical Editor Life Cycle

User/External역할: 에디터 외부 시스템 또는 최종 사용자책임:초기 HTML 데이터 제공사용자 입력 및 상호작용변경된 HTML 수신 및 처리 (onChange 콜백)LexicalComposer역할: Lexical 에디터의 React 래퍼 컴포넌트책임:initialConfig를 통한 에디터 설정nodes: 사용 가능한 노드 타입 등록theme: CSS 클래스 매핑 정의onError: 전역 에러 핸들러Context를 통해 하위 컴포넌트에 editor 인스턴스 제공플러그인 컴포넌트들의 컨테이너 역할Plugins주요 플러그인들:LoadHTMLPlugin: HTML을 Lexical 노드로 변환 (초기 로딩)OnChangePlugin: 에디터 상태 변경 감지 및 HTML 추출RichTextPlugin: 기..

이것 저것

MBTI가 변했다

원래는 INTP였는데, INFP가 되었다.T가 80퍼센트 정도였는데 이젠 40%, F가 60%이다. 정말 내가 감정적 공감에 능해진거 같지는 않은데.. 잘모르겠다. 다만 변한 이유정도는 알 듯 하다. 요즘 들어 느끼는거지만, 당연한 소리지만, 사람은 논리로서 동작하지 않는다. 감정이 들어갈 수 밖에 없다. 누군가를 볼 때 도 그 사람이 좋다면 뭘 해도 더 좋게 보게 되는것이고, 그 사람이 싫다면 뭔 짓을 해도 싫어보인다. 그 상황속에서 과연 나는, 우리는 진실로 객관적인 판단을 할 수 없다고 생각했다. 진실로 객관적인 판단이 무엇인지 부터가 불명확하다. 논리도 물론 중요하지만 최근엔 사람의 감정에 공감하는 것이 크게 다가온다. 특히 복잡하고 갈등이 많은 현대 사회를 보면 우리 T들도 감정에 휘..

개발 기록/SEO

Google Search Console - 색인 생성 불가능 문제 (w.Next.js)

문제 상황Google Search Console에서 "페이지 색인이 생성되지 않음: 중복 페이지, Google에서 사용자와 다른 표준을 선택함" 오류 발생사용자가 원하는 표준 URL: https://example.com/en/blog/...Google이 선택한 표준 URL: https://www.example.com/posts/...원인 분석1. Canonical 태그 문제문제점: 모든 페이지의 canonical 태그가 메인 페이지를 가리키고 있음원인: 각 페이지의 고유한 URL을 canonical로 지정하지 않아 Google이 혼란스러워함2. 메타 태그 불일치 문제문제점: 페이지마다 메타 태그 작성 방식이 달라 일관성 없음원인:수동으로 작성한 메타 태그들이 서로 다른 URL 형식 사용OG 태그, Twi..

개발 기록/Web

NextJS Image Optimization

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..

시유후
'분류 전체보기' 카테고리의 글 목록 (3 Page)