분류 전체보기 8

구글서치콘솔(Google Search Console) 색인 실패 : 리디렉션오류 해결

블로그 글 페이지 마다 구글서치콘솔 'URL검사'에서 색인 생성 요청을 하였는데 리디렉션오류로 페이지 색인이 생성되지 않았다고 합니다.자세히 보면 크롤링에 사용된 에이전트가 'Googlebot 스마트폰' 인것을 확인 할 수 있고 '페이지 가져오기 실패: 리디렉션 오류'...유추해보면 'Googlebot 스마트폰'이 내가 색인 요청한 페이지를 가져오려 했는데 실패했다 정도로 파악 할 수 있습니다.그럼 Tistoy 페이지가 'Googlebot 스마트폰'에 오류를 유발했다 유추 할 수 있으므로 다음과 같이 조치를 하였습니다. 1. Titory 블로그관리 좌측 하단 꾸미기 항목에 모바일 클릭 2. 티스토리 모바일웹 자동 연결을 '사용합니다.' -> '사용하지 않습니다.' 변경 후 '변경사항 저장' 클릭 3. ..

수익화 2025.07.10

Replit을 통한 바이브 코딩(Vibe Coding)으로 "오늘 점심 뭐 먹지?" 웹 제작

1. 일단 챗GPT를 사용하여 "오늘 점심 뭐 먹지?"로 하고 문항, 선택지, 결과 페이지까지 구조를 잡아 달라고 요청 합니다.2. Replit을 실행하고 챗GPT가 설계한 것을 Replit에 복사 붙여넣기 해 줍니다. 그리고 바로 '스타트' 클릭3. Replit이 계획을 완성하면 바로 '승인' 클릭4. Replit이 완성한 웹을 테스트 해보고 추가 요구사항 명령5. Replit이 완성했다고 해서 테스트 해 보니 애러 발생!! 애러 메시지를 캡쳐하여 수정하라고 지시합니다.5. Replit이 수정 완료 했다해서 테스트 해보고 이상이 없어서 우측 상단 배포(Deploy) 클릭6. 클릭 몇번 하고 "오늘 점심 뭐 먹지?" 웹 완성~~

API(Application Programming Interface)란?

API는 Application Programming Interface의 약자입니다.한글로 풀어보면 애플리케이션 프로그래밍 인터페이스인데, 말만 들어도 어렵게 느껴지죠?쉽게 말해, **API는 프로그램끼리 서로 대화할 수 있게 해주는 '통로'**입니다.예를 들어, 우리가 스마트폰에서 날씨 앱을 열면 현재 날씨 정보가 뜨죠?이 앱이 스스로 날씨를 측정해서 알려주는 게 아니라, 기상청 서버나 다른 날씨 제공 서비스의 API를 통해 정보를 받아오는 것입니다.즉, "오늘 서울 날씨 알려줘!"라고 요청하면, API가 그 요청을 날씨 서버로 전달하고, 서버는 정보를 보내주는 거죠.API는 마치 레스토랑의 메뉴판과 웨이터 같아요.우리는 메뉴판(API)을 보고 요리를 고릅니다.웨이터(API)가 주방(서버)에 주문을 전달..

구글서치콘솔(Google Search Console)

일단 제 블로그 및 글이 구글에서 검색되어 지려면 구글서치콘솔(Google Search Console)에 등록 하셔야 하니 잘 따라오시기 바랍니다.1. 내 블로그에서 '블로그관리' 클릭!!2. '플러그인'에서 '구글서치콘솔' 클릭3. '계정 연결하기' 크릭4. '계속' 클릭4. '모두 선택' 하고 '계속' 클릭5. '적용' 클릭6. 구글에서 '구글서치콘솔' 검색7. '속성 유형 선택' 에서 URL접두어 쪽에 내 블로그주소 입력 후 '계속' 클릭8. 'Sitemaps' 클릭 후 '새 사이트맵 추가'에 'rss' 입력 후 '제출' 클릭9. '가져올 수 없음' 보시고 당황하지 말고 2~3일 기다리면 성공으로 바뀌니 안심 하세요~~10. 좌 측 'URL 검사' 클릭하고 내 블로그에 쓴 글 하나씩 색인을 요청해야..

수익화 2025.07.05

Replit을 통한 바이브 코딩(Vibe Coding)으로 연애용MBTI 웹 제작

바이브 코딩 플렛폼 중 따로 설치할 필요가 없는 브라우저 기반 Replit을 사용하여 연애용 MBTI 테스트 웹 제작을 해 보겠습니다.1. 구글에서 Replit 검색2. Deploy(배포)를 하기 위해선 구독을 해야 하므로 년간 구독(년 $240, 월 $20) 및 월간 구독(월 $25) 중 우선 월간 구독을 하였습니다. 3. 저는 '코딩'의 '코'도 모르지만....Agent 탭을 클릭하고 연애용 MBTI 테스트를 위한 문항하고 관련정보를 정리하여 캡쳐한 후 붙여넣고 엔터만 딸깍하니 바로 알아서 만들기를 시작하였습니다.4. 중간 중간에 Replit이 테스트 해보라 합니다. 그 때마다 제가 추가로 더 필요한 부분을 요구하면 알아서 반영해 줍니다. 5. Replit이 완성하였다고 하여 테스트 한번해보고 이상이..

바이브 코딩(Vibe Coding)이란 ??

바이브 코딩(Vibe Coding)이란? AI 시대의 새로운 개발 패러다임최근 개발 커뮤니티에서 **'바이브 코딩'**이라는 말이 심심치 않게 들려옵니다. 단순히 코딩할 때의 '느낌'이나 '직관'을 뜻하는 비공식적인 용어처럼 들리지만, 사실 이는 인공지능(AI) 기반 코드 생성 및 보조 도구들을 활용하는 새로운 개발 패러다임을 의미합니다. 말 그대로 개발자의 '바이브(직관)'와 AI의 효율성을 결합해 코딩 생산성을 극대화하는 방식이죠.전통적인 소프트웨어 개발은 철저한 계획, 설계 문서, TDD(테스트 주도 개발)와 같은 정형화된 프로세스를 따르는 경우가 많습니다. 이는 코드의 안정성과 유지보수성을 보장하기 위함이죠. 하지만 '바이브 코딩' 플랫폼들은 이러한 복잡한 과정을 넘어, 개발자가 자연어로 원하는 ..