요약유튜브 스튜디오가 아닌 유튜브 앱으로 접속해 아래 경로를 따라갑니다내페이지(우하단) > 내 동영상(스크롤) > 수정하려는 숏츠 수정(숏츠 우상단) > 수정 > 수정 아이콘(썸네일 좌상단) https://hlife-ing.tistory.com/entry/%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EC%87%BC%EC%B8%A0-%EC%8D%B8%EB%84%A4%EC%9D%BC-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-%EC%99%9C-%EB%82%98%EB%8A%94-%EC%8D%B8%EB%84%A4%EC%9D%BC-%EB%B3%80%EA%B2%BD%EC%9D%B4-%EC%95%88%EB%90%90%EC%9D%84%EA%B9%8C 유튜..
분류 전체보기
🚨 티스토리 정책 변경2025년 6월 1일부터 티스토리는 애드센스의 '앵커 광고'와 '오퍼월 광고'를 전면 금지하며, '응원하기' 기능도 종료합니다 .이러한 정책 변화는 블로거들의 수익화 전략에 큰 영향을 미치며, 플랫폼 이전을 고려해야 할 시점입니다.앵커 광고란?모바일 화면 하단에 고정되어 지속적으로 노출되는 광고로, 클릭률(CTR)이 높아 수익에 기여했습니다.오퍼월 광고란?콘텐츠 접근 전에 전체 화면으로 노출되어 사용자 참여를 유도하는 광고로, 수익 증대에 효과적이었습니다.📉 티스토리 정책 변경의 영향1. 광고 수익 감소앵커 광고와 오퍼월 광고는 전체 애드센스 수익의 30~50% 를 차지할 정도로 핵심적인 수익 구조입니다.하지만, 티스토리는 애드센스의 '앵커 광고'와 '오퍼월 광고'를 전면 금지하..
들어가며이 게시물은 '티스토리 -> 워드프레스' 마이그레이션 서비스인 'tistoty-to-migration' 고객님들을 위한 게시물입니다.이 게시물에서는 카페24를 활용한 워드프레스 블로그 개설 방법을 스텝 바이 스텝 형식으로 설명합니다.자세한 설명을 위해 많은 이미지가 첨부되어 있으며 이미지에 주목해야할 부분을 원형 점으로 표시해두었으니 유의 부탁드립니다.tistoty-to-migration 서비스 이용을 원하는 고객님께서는 m3088787@gmail.com 으로 메일 부탁드립니다.감사합니다. 회원가입 및 로그인https://hosting.cafe24.com/ 카페24 호스팅 | 온라인 비즈니스의 시작145만 고객의 웹서비스 시작과 성장을 함께 뉴아우토반 호스팅 #웹호스팅1위 #안정성 #최고가성비 다..
## 들어가며웹 개발을 하다 보면 CORS(Cross-Origin Resource Sharing) 오류와 마주치게 됩니다. 특히 프론트엔드에서 외부 API를 호출할 때 자주 발생하는 이 문제는 많은 개발자들을 괴롭히곤 합니다. 그런데 Next.js를 사용하면 이런 CORS 문제를 우아하게 해결할 수 있습니다. 이 글에서는 Next.js의 API 라우트가 어떻게 CORS 문제를 해결하고, 웹서버와 WAS(Web Application Server)가 어떻게 동일한 출처에서 공존하는지 알아보겠습니다.## CORS란 무엇인가?CORS는 '교차 출처 리소스 공유'라는 의미로, 웹 브라우저에서 실행 중인 스크립트가 다른 출처(Origin)의 리소스에 접근할 때 적용되는 보안 메커니즘입니다.### 출처(Origin)..
미리보기 시작하기메시지 템플릿 접속https://developers.kakao.com/tool/template-builder/app 카카오계정 accounts.kakao.com 템플릿 생성메시지 템플릿을 사용할 애플리케이션을 선택합니다. 메시지 템플릿 종류 선택필자는 피드형(A)로 선택하였습니다. 템플릿 수정${variable}// title 변수 생성ex) ${title}필자는 제목과 본문을 고정값을 사용하지 않고 코드단에서 컨트롤하고 싶었습니다.즉, 카카오톡 공유하기 실행 시 제목과 본문이 설정되도록 하고싶었습니다.이에 제목과 본문란에 텍스트가 아닌 ${title}과 ${content} 변수를 입력했습니다. 템플릿 저장 템플릿 수정을 마쳤다면 저장합니다. API 사용 function shareMes..
카카오 디벨로퍼 접속https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 애플리케이션 생성내 애플리케이션 > 애플리케이션 추가하기애플리케이션 정보를 입력하고 애플리케이션을 추가합니다. 플랫폼 등록생성한 애플리케이션 클릭 > 좌측 사이드바 '플랫폼' 클릭 > Web 플랫폼 등록 클릭카카오 JS SDK를 사용할 도메인을 입력합니다.필자는 배포 도메인, 개발 도메인을 설정 후 저장하였습니다. 환경변수 설정NEXT_PUBLIC_KAKAO_SDK_KEY={애플리케이션의 JavaScript 키}예시) NEXT_..
일반 메타데이터import type { Metadata } from "next";export const metadata: Metadata = { manifest: "/manifest.json", title: "투유, 투데이", description: "오늘, 너를 위한 한 장의 페이지", keywords: "생일, 기념일, 감성, 선물, 메시지, 카드, 템플릿, 나만의 페이지", openGraph: { title: "투유, 투데이", description: "오늘, 너를 위한 한 장의 페이지", url: "https://toyou-today.site", images: [{ url: "/img/og.png", width: 1200, height: 630, alt: "og-im..
배경Next.js로 개발한 템플릿 기반 웹 애플리케이션에서 하이드레이션 오류를 경험했습니다.이 애플리케이션은 다양한 블록 타입(텍스트, 이미지, 캘린더 등)을 포함한 템플릿을 렌더링하는 기능을 가지고 있었습니다. 특히 문제가 발생한 부분은 캘린더 컴포넌트였습니다. 서버에서 렌더링된 HTML과 클라이언트에서 렌더링된 HTML이 일치하지 않아 다음과 같은 오류 메시지가 발생했습니다.Error: Hydration failed because the server rendered HTML didn't match the client.오류 메시지를 자세히 살펴보면, 캘린더 컴포넌트의 ID 값과 클래스 이름이 서버와 클라이언트에서 다르게 생성되고 있었습니다.특히 날짜 관련 데이터(`Date` 객체)를 사용하는 부분에서 ..
