coding vibe 
1. 개요 바이브 코딩으로 인터랙티브 효과를 넣은 웹사이트를 만들어 보았어요. 첫 페이지에 ‘바이브코딩’의 낱말이 흩어졌다가 모이면서 아름다운 효과를 보여주는 웹사이트를 만들어 보았어요. 강조하고 싶은 텍스트로 변경하면 원하시는 브랜드 명으로 같은 효과를 낼 수 있어요.그럼 바로 프롬프트 및 소스코드를 공개해 드릴게요. 2. 프롬프트 1. 프로그램 개요 한국어로 된 웹사이트를 만들어줘. 사이트 이름은 “바이브코딩”이고, 디지털 아트와 기술을 … 더 읽기
Yoast SEO 완벽 가이드: 워드프레스 검색엔진 최적화의 모든 것 목차 Yoast SEO란? 왜 필요한가? 1. Yoast SEO 설치와 초기 설정 2. 일반 설정과 기능 구성 3. 콘텐츠 최적화 완벽 가이드 4. 포커스 키워드 전략과 활용법 5. 가독성 분석과 개선 방법 6. 소셜 미디어 최적화 설정 7. XML 사이트맵과 로봇 설정 8. 스키마 마크업과 구조화된 데이터 … 더 읽기
본 포스팅은 소정의 원고료를 지원 받아 작성된 글입니다. 다이어트를 시작하며 가장 흔하게 마주하는 난관 중 하나는 바로 ‘포기할 수 없는 음식’의 유혹입니다. 특히 맵고 달콤한 떡볶이는 많은 분들이 다이어트 중에 가장 그리워하는 음식 중 하나일 거에요. 스마트키친의 ‘저당 떡볶이소스’로 다이어트 중에도 부담 없이 떡볶이를 즐길 수 있어요.ㅎ 다이어트를 할 때 시중에 판매되는 일반 떡볶이 소스의 … 더 읽기
1. 들어가며 바이브 코딩으로 스크롤 기반의 인터랙티브 기능을 추가한 다크 모드 웹사이트 제작 방법을 소개할게요. Claude Opus 4.1을 활용해 만들었어요. 웹사이트 개발 시 참고하시고 도움이 되셨으면 좋겠습니다. 그럼 바로 프롬프트를 소개해 드릴게요. 2. 프롬프트 1. 프로그램 개요 스크롤 기반의 인터랙티브 다크 모드 포트폴리오 웹사이트를 만들어줘. 스튜디오나 디자이너의 작품을 보여주는 느낌의 웹사이트로, 스크롤 할 때마다 프로젝트 … 더 읽기
본 포스팅은 소정의 원고료를 지원 받아 작성된 글입니다. 스마트키친의 저당 떡볶이소스를 소개해 드립니다. 다이어트를 시작하며 가장 포기하기 힘들었던 음식이 뭐였나요? 저는 떡볶이였어요. 떡볶이를 볼 때마다 참기 힘들더라고요. 그러던 중 발견한 스마트키친의 저당 떡볶이소스를 소개해 드립니다!!이 소스만 있으면 다이어트 중에도 죄책감 없이 떡볶이를 만들어 먹을 수 있어요. 왜 저당 떡볶이 소스인가요? 일반 시중 떡볶이 소스의 가장 … 더 읽기
4살 딸과 함께 예술의전당 한가람미술관에서 열리고 있는 앤서니브라운 전시회에 다녀왔어요. 딸이 조금 더 아기였을때 앤서니 브라운의 책을 너무 좋아했어서 꼭 보여주고 싶었던 전시였어요 아직 아기가 어려서 온전히 전시를 감상하기에는 어려웠지만 좋아했던 책들이 나오면 아는 척을 하고ㅎㅎ 그림을 그리거나 책 읽는 공간들도 있어서 어린 아이들도 즐기기에 충분한 공간이었어요!!! 9월 28일까지 진행되니 아이와 갈 만한 곳 고민하신 … 더 읽기
1. 개요 오늘은 바이브 코딩으로 레트로 스타일의 웹사이트를 제작해보는 과정을 소개해 드리도록 할게요. 여기서 포인트는.. 레트로 느낌을 살리기 위해 CSS, 자바스크립트 없이 HTML만 사용해서 만들었어요. 바로 프롬프트 작성을 해볼게요. 2. 프롬프트 3. 프로그램 4. 소스코드 바이브 코딩을 공부함에 있어 이번 포스팅이 도움이 되셨길 바랄게요.
1. 개요 오늘은 바이브 코딩으로 감각적인 웹사이트 만들기 과정을 소개하도록 할게요. 개인적으로 좋아 하는 스타일을 반영한 웹사이트 템플릿을 만들어 보았어요. 바로 프롬프트를 소개하도록 하겠습니다. 2. 프롬프트 1. 프로그램 개요 고급스러운 미술 갤러리 웹사이트를 만들어줘. 일반적인 세로 스크롤이 아니라 가로(수평)로 스크롤되는 특별한 구조로 만들어줘. 전체적으로 어둡고 모던한 분위기의 갤러리 사이트로, 마치 실제 갤러리를 방문하는 것 같은 … 더 읽기
