개발 기록

개발 기록/CloudFlare

Cloudflare domain 구매 및 Tistory domain 등록 (1/2)

왜 하게 되었을까개발자로서 서비스를 만들고 싶었고, 서비스를 만들면 대부분의 경우 Web형태로 만들게 될 것 같았다. 또한, 내 도메인을 통해 들어온 사람들이 내가 만든 서비스를 공통된 도메인을 통해 통일감을 느끼게 하고싶었다.내 대표 도메인으로 접속하게 되면 내가 만든 서비스들의 목록들, 블로그, 내 정보등을 볼 수 있게 포트폴리오 처럼 제작하고 싶은 것이 목적이다.도메인 명은 내가 자주쓰는 핸들네임으로 하고, 개발자니까 .dev로 정했다. bini59.dev 25.10.27 현재 아무것도 없다..cloudflare domain 구매도메인 구매는 cloudflare에서 했다. 다른 다양한 업체들도 있지만, 무료로 사용해도 많은 기능을 제공하는 cloudflare를 프록시로 써서 https를 사용할 예정..

개발 기록/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: 기..

개발 기록/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..

시유후
'개발 기록' 카테고리의 글 목록 (2 Page)