[사담] 나는 GPT피셜, "강민수라는 이름을 가진 대표적인 개발자" - GPT와 SEO

진짜 열심히 SEO 작업하고, 열심히 서치콘솔 돌려야 하는 이유... GPT가 몇가지 검색을 돌리더니 개발자 강민수가 누구냐는 질문에 필자의 포폴 사이트 정보를 제공해주고 있네요.GPT도 결국 타사 검색엔진에 의존성을 가지고 있으니, SEO는 결국 GPT의 지식 우선순위에 영향 주게되는 것이겠죠.이런걸 보면 과연 GPT가 학습하는 데이터가 대다수가 모두 올바른 데이터들일지 의문이 가기도 하네요. 직접적으로 GPT에게 프롬프트를 넣지 않고도 검색엔진이 제공하는 정보 우선순위에 따라 같은 질문을 던져도 다른 결과를 낼테니 말이죠. 누군가 문제가 있는 정보에 SEO와 마케팅을 엄청 태운다면 GPT에도 영향이 있을테고요.

• format_list_bulleted SW/Etc
• · 2024. 10. 4.
• textsms

[Typescript] 1분만에 세팅하는 로컬 HTTPS - local-ssl-proxy

1. 서론로컬에서 웹 작업을 하다보면, 외부 HTTPS 리소스를 연동해야하는 상황들이 발생한다. 이때 일반적으로 로컬 개발 서버는 HTTP로 동작하기 때문에 작업이 애로사항이 발생하는데, 이번 포스팅에선 이를 간단하게 해결해주는 "local-ssl-proxy" npm 패키지를 소개해볼까 한다. local-ssl-proxy는 HTTP 포트를 HTTPS 포트로 프록싱해주는 패키지이며, 이를 사용하면 빠르게 로컬 HTTPS 개발 환경을 구축할 수 있다.2. local-ssl-proxy 설치 및 세팅2-1. mkcert 설치 및 인증서 생성local-ssl-proxy를 사용하기 위해서 mkcert 명령어를 통해 인증서 생성이 필요하다. mkcert 명령어는 자신에 OS에 따라 아래 명령어를 실행하여 설치하면 된..

• format_list_bulleted SW/Typescript
• · 2024. 9. 30.
• textsms

[DevOps] Frontend 개발자의 우당탕탕 반려 K8S(Kubernetes) cluster 개발기 - 2. Ingress와 모니터링 구축하기(with helm)

이전 포스팅 [DevOps] Frontend 개발자의 우당탕탕 반려 K8S(Kubernetes) cluster 구축기 - 1. Vultr VKE(Vultr Kubernetes Engine)로 서론 이 포스팅 시리즈는 Frontend 개발이 주력인 필자가 반려 k8s 클러스터를 구축해가는 과정을 담았다. 이번 포스팅에선 Terraform에 Vultr provider를 연동하고, Terraform을 통해 VKE(Vultr Kubernetes Engine) k8 blog.betaman.kr 서론 지난 포스팅에 이어서, VKE를 통해 생성된 K8S 클러스터에 Ingress 네트워크와 모니터링 환경을 구축해보려고 한다. 이를 위해 이번에 설치할 녀석들은 helm이라는 k8s를 위한 패키지매니저를 이용하여 설치할 ..

• format_list_bulleted SW/DevOps
• · 2024. 3. 12.
• textsms

[DevOps] Frontend 개발자의 우당탕탕 반려 K8S(Kubernetes) cluster 구축기 - 1. Vultr VKE(Vultr Kubernetes Engine)로 클러스터 생성하기 (with Terraform)

서론 이 포스팅 시리즈는 Frontend 개발이 주력인 필자가 반려 k8s 클러스터를 구축해가는 과정을 담았다. 이번 포스팅에선 Terraform에 Vultr provider를 연동하고, Terraform을 통해 VKE(Vultr Kubernetes Engine) k8s 클러스터를 생성하는 과정을 소개하려 한다. Terraform과 Vultr Terraform은 IaC(Infrastructure as Code) 도구로, 코드로 개발관련 인프라들을 관리한다는 개념의 도구이다. Terraform은 HCL(Hachicorp Configuration Language)를 사용하여 클라우드 리소스를 코드로써 선언할 수 있고, 이를 이용해 여러 클라우드 프로바이더(AWS, GCP, Azure)에 선언된 인프라들을 배..

• format_list_bulleted SW/DevOps
• · 2024. 3. 10.
• textsms

[Typescript] Next.js와 Storybook에서 SVG파일을 컴포넌트처럼 사용하기 (with @svgr/webpack)

서론 필자가 최근 프로젝트를 진행하면서, SVG 이미지 파일들을 컴포넌트처럼 import하여 사용하고 싶다는 니즈가 생겼다. 그래서 Next.js와 Storybook 등, Webpack 환경에서 SVG 이미지 파일을 컴포넌트처럼 사용하는 방법을 찾아보았고, 이번 포스팅에선 이를 공유해보려 한다. SVGR과 @svgr/webpack SVGR은 SVG 이미지 파일을 React 컴포넌트로 변환해주는 프로젝트이다. 그중에서 @svgr/webpack 패키지를 이용하면, Webpack 번들러를 이용하는 프로젝트에서 SVG 이미지 파일을 컴포넌트처럼 import하여 사용할 수 있게 된다. SVGR - Transforms SVG into React Components. - SVGR Transforms SVG into ..

• format_list_bulleted SW/Typescript
• · 2024. 2. 22.
• textsms

[Typescript] Zod에서 Superstruct로의 전환기

서론이번 포스팅에선, 필자가 CHINGOO.BE 프로젝트(GitHub repo.)를 진행하면서 여러가지 최적화들을 시도하다가 번들 사이즈 관련 최적화의 일환으로 기존 프로젝트에서 사용중이던 zod 라이브러리를 superstruct로 전환하게 된 과정을 소개한다.Zod를 다른 라이브러리로 전환하려는 이유Zod에서 다른 라이브러리로의 전환을 통해 달성하려던 목표는 "번들 사이즈" 절감이었다.CHINGOO.BE는 Next.js 기반의 프로젝트라서 next-bundle-analyzer를 돌려보았었다. 여러가지 눈에 띄는 큼직큼직한 패키지들이 보인다. react-dom에나 next관련 패키지는 대체 가능한 패키지가 없으니 건너뛰고, 그 다음으로 가장 눈에 띄는 패키지는 위 이미지에서 빨간 박스가 쳐진 Zod 패키..

• format_list_bulleted SW/Typescript
• · 2024. 2. 21.
• textsms