개발 이야기

이것저것

MBTI가 변했다

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

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

Devops/AWS

CloudFront Cache 무효화 (with.React-CSR)

React의 배포SSR를 사용하지 않는 CSR React 라이브러리 및 React 기반 프레임워크들은 빌드하면 아래와 같은 파일이 산출물로 나오기 때문에 정적 배포가 가능하다.assets/scripts/ㄴ index.jsㄴ index_ABCD.jsㄴ ...index.html따라서 AWS의 S3와 같은 서비스를 사용하여 정적 배포를 하기도 하고, CDN을 사용하기 위해 앞단에 cloudFront 서비스를 붙여 사용하기도 한다.CloudFront의 캐시 기능cloudFront는 캐시기능을 제공한다, 아래 사진과 같이Cloudfront → 배포 ID 선택 → 작업 → 동작 → 편집에서 캐시가 걸려있는것을 확인할 수 있다. (이 경우는 비용절감을 위해 캐시를 직접 설정했다){ "type": "mediaSing..

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