왜 하게 되었을까개발자로서 서비스를 만들고 싶었고, 서비스를 만들면 대부분의 경우 Web형태로 만들게 될 것 같았다. 또한, 내 도메인을 통해 들어온 사람들이 내가 만든 서비스를 공통된 도메인을 통해 통일감을 느끼게 하고싶었다.내 대표 도메인으로 접속하게 되면 내가 만든 서비스들의 목록들, 블로그, 내 정보등을 볼 수 있게 포트폴리오 처럼 제작하고 싶은 것이 목적이다.도메인 명은 내가 자주쓰는 핸들네임으로 하고, 개발자니까 .dev로 정했다. bini59.dev 25.10.27 현재 아무것도 없다..cloudflare domain 구매도메인 구매는 cloudflare에서 했다. 다른 다양한 업체들도 있지만, 무료로 사용해도 많은 기능을 제공하는 cloudflare를 프록시로 써서 https를 사용할 예정..
블로그 자체는 사람들이 많이 안오지만, 내가 무엇을 하고 있는지를 공유하고 싶어이전에는 노션에 쓰거나 기록을 안하거나.. 정도였지만, 취미라도 기록하고 쌓아 나가는 것에 더 재미를 느끼고 싶어 그렇기에 블로그를 한번 정비하고, 취미 카테고리를 새로 신설했습니다. 지금은 독서, 캠핑(해본적 없지만), 서브컬쳐, 천체관측, 문구류 정도로 일단 분류했어요. 이때까지 한 것도 정리해보고, 앞으로도 하나하나 쌓아갈 예정입니다. 취미.. 니까 더 늘어나지 않을까요?
User/External역할: 에디터 외부 시스템 또는 최종 사용자책임:초기 HTML 데이터 제공사용자 입력 및 상호작용변경된 HTML 수신 및 처리 (onChange 콜백)LexicalComposer역할: Lexical 에디터의 React 래퍼 컴포넌트책임:initialConfig를 통한 에디터 설정nodes: 사용 가능한 노드 타입 등록theme: CSS 클래스 매핑 정의onError: 전역 에러 핸들러Context를 통해 하위 컴포넌트에 editor 인스턴스 제공플러그인 컴포넌트들의 컨테이너 역할Plugins주요 플러그인들:LoadHTMLPlugin: HTML을 Lexical 노드로 변환 (초기 로딩)OnChangePlugin: 에디터 상태 변경 감지 및 HTML 추출RichTextPlugin: 기..
원래는 INTP였는데, INFP가 되었다.T가 80퍼센트 정도였는데 이젠 40%, F가 60%이다. 정말 내가 감정적 공감에 능해진거 같지는 않은데.. 잘모르겠다. 다만 변한 이유정도는 알 듯 하다. 요즘 들어 느끼는거지만, 당연한 소리지만, 사람은 논리로서 동작하지 않는다. 감정이 들어갈 수 밖에 없다. 누군가를 볼 때 도 그 사람이 좋다면 뭘 해도 더 좋게 보게 되는것이고, 그 사람이 싫다면 뭔 짓을 해도 싫어보인다. 그 상황속에서 과연 나는, 우리는 진실로 객관적인 판단을 할 수 없다고 생각했다. 진실로 객관적인 판단이 무엇인지 부터가 불명확하다. 논리도 물론 중요하지만 최근엔 사람의 감정에 공감하는 것이 크게 다가온다. 특히 복잡하고 갈등이 많은 현대 사회를 보면 우리 T들도 감정에 휘..
문제 상황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..
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..
React의 배포SSR를 사용하지 않는 CSR React 라이브러리 및 React 기반 프레임워크들은 빌드하면 아래와 같은 파일이 산출물로 나오기 때문에 정적 배포가 가능하다.assets/scripts/ㄴ index.jsㄴ index_ABCD.jsㄴ ...index.html따라서 AWS의 S3와 같은 서비스를 사용하여 정적 배포를 하기도 하고, CDN을 사용하기 위해 앞단에 cloudFront 서비스를 붙여 사용하기도 한다.CloudFront의 캐시 기능cloudFront는 캐시기능을 제공한다, 아래 사진과 같이Cloudfront → 배포 ID 선택 → 작업 → 동작 → 편집에서 캐시가 걸려있는것을 확인할 수 있다. (이 경우는 비용절감을 위해 캐시를 직접 설정했다){ "type": "mediaSing..
오늘은 나름대로의 깨달음? 을 얻은것 같다. 나는 어릴때부터 애매하게 잘하는 아이였다. 어딜가도 중간이상은 무조건하지만 그 이상이 안되는 아이. 나는 항상 30등은 해도 1등은 하지 못하는 아이였다. 초등학교에서도, 중학교에서도, 고등학교에서도 심지어 대학을 와서도. 고등학교때까진 그렇게 느끼지 않았다. 공부가 재밌기도 했지만 별생각없이 살아서, 수학 학원 강사를 하던 엄마도 항상 나한테 그런 얘기를 했다. "조금만 더 하면 될것 같은데..." 하지만 나에겐 그 조금이 부족했다. 항상. 그러다가 대학을 오니 한 친구를 만났다. 이상할 정도로 매사에 열심히고 빛나는 인생을 사는 친구였다. 언제나 처럼 처음에는 둘이 비슷했다. 아니 조금은 내가 더 나았을지도 모르겠다. 그러다 한달 두달이 지나..
