메로그

SSL 인증서를 처음 접하거나 관리하다 보면 이런 고민을 한 번쯤 해보게 됩니다."같은 도메인으로 인증서를 또 발급받으면 기존 인증서에 영향이 있을까?""한 도메인에 여러 개 인증서를 발급받으면 오류 나지 않을까?""타사에서 인증서 하나 발급해놨는데, 우리도 따로 발급받아도 돼?" 결론부터 말하자면, SSL 인증서는 같은 도메인으로 여러 개 발급받아도 전혀 문제 없습니다.SSL 인증서는 도메인과 상관없는 독립된 파일SSL 인증서는 도메인 이름을 기준으로 만들어지는 텍스트 파일입니다.인증서에 포함된 도메인(CN, SAN 등)은, 브라우저가 접속할 때 "이 인증서의 도메인과 요청한 주소가 일치하는가?"를 판단하는 용도로만 사용됩니다.즉, 동일한 도메인으로 100개를 발급받아도, 인증서끼리는 서로 아무런 관련..

AI 기술을 기존 SEO 기술과 결합합니다. 이 개념은 종종 AI SEO 또는 AI를 사용한 SEO라고 불리며, 정교한 알고리즘과 머신 러닝 모델을 사용하여 웹 콘텐츠를 분석하고 최적화합니다.기존 SEO는 주로 키워드, 메타 태그, 백링크 등의 요소에 의존했지만, AIO는 머신 러닝, 자연어 처리(NLP), 대규모 언어 모델(LLM) 등 최신 AI 기술을 활용하여 보다 정교하고 다층적인 전략을 수립합니다.AI는 콘텐츠의 품질과 관련성을 스스로 판단하고, 사용자 검색 의도에 맞춘 맞춤형 콘텐츠를 생성하는 데까지 발전하고 있습니다.SEO 에서 AIO 까지SEO → AI SEO → AIO 까지 발전합니다.SEO키워드, 메타태그, 백링크 기반 콘텐츠 최적화AI SEOAI를 활용한 키워드 분석, 콘텐츠 최적화 보..

개인적으로 티스토리 블로그를 운영하고 있는데, 유입 경로를 확인해보니 구글이나 네이버 같은 검색엔진뿐만 아니라 ChatGPT, Perplexity, Claude 등 AI 기반 서비스에서도 들어오는 걸 확인할 수 있었다.이전까지는 SEO에만 집중해 왔는데, 이제는 AI를 통해 내 콘텐츠가 노출되고, 그걸 통해 유입까지 이어지는 상황을 보면서 검색 트렌드의 변화를 체감하게 되었다.최근 검색 전략을 살펴보면 아래와 같은 흐름으로 변화 중이다.SEO → AI SEO → AIO (AI Optimization)AI SEO와 AIO, 뭐가 다를까?AI SEO는 우리가 흔히 알고 있는, AI를 활용한 SEO 최적화를 말한다.예를 들어, AI로 키워드 분석을 하거나, 자동으로 글을 작성하고 SEO 구조를 잡는 식이다.반..

15.2.3 이하 버전은 사용 금지.미국 샌프란시스코 기반 Vercel은 지난 18일 Next.js 15.2.3에서 해당 취약점을 패치한 뒤, 21일 보안 권고문을 발표했다. 해당 취약점은 보안 연구원 알람 라시드(Allam Rachid)와 알람 야서(Allam Yasser)가 발견해 지난달 27일 Vercel에 보고했으며, CVSS(공통 취약점 평가 시스템) 기준으로 심각도 9.1점을 기록.next start와 output: 'standalone'을 사용하는 모든 자체 호스팅 Next.js 배포는 즉시 업데이트할 것을 권장함.

이번 글은 Nextjs15 에서 폰트를 적용하는 방법에 대한 가이드를 하도록 하겠습니다.Pretendard 란현업에서 가장 많이 쓰이는 한글 폰트로 SIL 오픈 폰트 라이선스로 글꼴 단독 판매를 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.  그래서 사용자들은 파일을 가져와서 커스텀하여 사용하기도 합니다.공공기관에서도 어느정도 표준으로 사용하고 있는 폰트로 신뢰가 있는 폰트입니다.다운로드해당 링크에서 github pretendard 파일을 다운받으시면 됩니다.web/variable 아래에 있는 woff2 를 가져와서 사용하시면 됩니다.폴더 구조fonts/pretendard 폴더를 만들어서 아래에 라이센스 파일과 woff2 파일을 넣어주시면 됩니다.셋팅app/layout.tsx 에 아래와 같이 ..

해당 프로젝트는 WebView 환경에서 동작하기 때문에, 모바일 앱 측으로 Google Analytics(GA) 트래킹 데이터를 전달해야 했습니다.아래는 Next.js 환경에서 모바일(WebView) 쪽으로 GA 트래킹 정보를 전달하는 방법에 대한 간단한 가이드입니다.브릿지 인터페이스 정의글로벌 윈도우 인터페이스를 확장하여 네이티브 브릿지와 GA4 메서드를 타입스크립트에서 인식할 수 있도록 함.export {}declare global { interface Window { webkit?: { messageHandlers?: { firebase?: { postMessage: (message: { command: string; ..