전체 글 101

바이브코딩으로 워드프레스 테마 만들기

워드프레스로 이전하자기존 블로그는 프로그래밍 중심이었으나, 개인일상사를 포스팅하던 다른 계정과 합치면서 블로그의 성격이 모호해졌습니다.그래서, 고민 끝에 일부 카테고리(라이프로그, 여행, 북리뷰)를 워드프레스로 옮기기로 했습니다.제미나이로 워드프레스 테마 만들기처음엔 티스토리 스킨을 포팅하면 되지 않을까 하고 제미나이에게 현재 쓰고 있는 스킨 파일을 던져주고 워드프레스 테마를 만들어달라고 했는데 생각보다 잘 못만들더군요.(요새 제미나이가 멍청해졌다는데 잘 못느꼈는데 답답함을 느꼈습니다.)결국, 챗GPT 유료결제하다제미나이도 AI PRO로 사용하고 있었는데, 이상하게 티스토리 스킨은 잘 만들면서 워드프레스 테마는 왜 잘 못만드는지 답답함을 느껴 챗GPT 무료버전에서 시켜봤더니 그럭저럭 잘 만들었습니다.하지..

바이브코딩 2026.09.16

📚 북스캔 후처리 꿀팁 & 소프트웨어 비교 완벽 가이드

🖨️물리적 공간을 위해 북스캐너를 사다후지쯔의 scansnap ix500 북스캐너를 구입한지도 벌써 10여년이 넘었다.당시에 일본 아마존에서 직구한 것인데, 국내 정발 제품보다 훨씬 저렴하게 구입했다. 다행히도 프리볼트라서 돼지코만 꽂으면 사용가능했고, 당시 책들이 너무 많아 보관하고 있던 책들이며 이후에 구입한 책들이며 읽는 족족 죄다 스캔해서 pdf 파일로 보관 중이다. (일부는 e-book으로 구입했지만)구입했을 때 불편했던 점이라면 번들소프트웨어가 일본어 버전이라 설치 시 윈도우에 일본어 설정을 하고 설치해야 했었는데 이후에는 소프트웨어가 업데이트되면서 글로벌 버전으로 바뀌었는지 특별히 불편한 점은 없었다.번들 OCR 소프트웨어는 ABBYY사의 제품인데 10여년이 지난 지금도 잘 쓰고 있다.💾..

IT 테크 2026.09.15

🪄 AI 기능을 탑재한 윈도우 그림판

옛날의 그림판은 잊어라백만년 만에 그림판을 실행했다가 깜짝 놀랐습니다.이미지에 있는 텍스트를 지울 일이 있어 텍스트를 선택했는데 "생성형 지우기" 라는 팝업이 뜨더군요.(AI 생성 이미지)이건 갤럭시 스마트폰에서나 보던 기능인데...?한번 실행해 봅니다.지우기 전 원본이랑 비교해 보면 티가 좀 납니다. 😐그렇지만 해상도를 좀 낮추면 크게 구분이 안가기도 합니다.✨ 코파일럿이 그림판에 들어오다그림판의 메뉴에 코파일럿 기능이 탑재되어 이미지 생성, 생성형 지우기, 배경지우기 등을 지원합니다.하지만, 이미지 생성은 Microsoft 365 구독을 해야하는군요.아쉽게도 구독하지 않고 있어서 이 기능은 패스.🖌️ 배경제거 기능그럼 배경제거 기능은 얼마나 유용할까요?(AI 생성 이미지)해상도를 조금 낮춘 원본이..

IT 테크 2026.09.15

Y2K 밀레니엄 버그는 무엇이고, 어떻게 해결되었나

1. Y2K, 밀레니엄 버그란?Y2K 문제(밀레니엄 버그)는 1999년에서 2000년으로 넘어갈 때, 컴퓨터가 연도 표기를 제대로 인식하지 못해 대규모 전산 오류가 발생할 것으로 우려되었던 사건입니다.1999년에 제가 다녔던 웹에이전시가 있었는데 그 때 이 Y2K 문제해결을 하청받아 코볼 프로그래머 아재들 몇 명이 사무실을 들락거렸던 기억이 납니다.2. 문제의 본질: 연도 표기 2자리 생략1960~1980년대 컴퓨터 태동기에는 메모리(RAM)와 저장장치가 극도로 비싸고 귀했습니다. 데이터를 1바이트라도 아끼기 위해 개발자들은 연도의 앞 두 자리('19')를 생략하고 뒤의 두 자리만 기록하도록 설계했습니다.예시: 1975년을 75로 저장, 1999년을 99로 저장.문제 발생: 연도가 2000년이 되면 시스..

IT 테크 2026.09.14

🏬 PHP로 쇼핑몰 제작하기 (프롤로그)

제작동기쇼핑몰 제작의 시작은 20여년 전 근무하던 도매업체의 홈페이지를 만들면서 시작되었습니다.처음엔 단순 판매제품을 소개하는 홈페이지였는데, 하다보니 아예 온라인 쇼핑몰을 만들면 어떨까 해서 PHP를 공부하기 시작했고, 서점에서 구입한 책을 보며 만들기 시작했습니다. 당시에도 아마 카페24에서 제공하던 무료 쇼핑몰이 있지 않았나 싶기도 한데, 왜 만들려고 했는지는 기억이 잘 나지는 않지만 도매라는 특성이 있었습니다. B2B다 보니 보여지는 소비자가와 고객인 업체들에게 제공하는 도매가가 달라야 했고, 외부로 노출이 되면 안되니 회원가입을 반드시 해야하고, 로그인 해야만 도매가가 보이고, 또 업체마다 마진율을 차등을 줄 수 있어야 했습니다.직접 제작과 무료 호스팅의 장단점쇼핑몰을 직접 제작했을 때의 가장 ..

📕PHP 7.x 무료책 다운로드

다양한 프로그래밍 서적 무료 다운로드우연히 X를 보다가 발견한 포스팅인데 https://goalkicker.com/ 사이트에서 무료로 여러 프로그래밍 책들을 배포하고 있었습니다. 그 중 PHP 관련 책을 다운로드 받아보았는데, 버전은 7.x 까지의 내용을 다루고 있었고, 스택오버플로우에서 내용을 수집해 작성했다고 기술하고 있습니다. 누구나 자유롭게 배포할 수 있다고 하네요. PHP는 https://goalkicker.com/PHPBook/ 에서 다운받을 수 있고, 그 외에도 다양한 프로그래밍 책들이 있으니 관심있는 분야가 있으면 다운받아 보면 좋을 것 같습니다. https://x.com/DG_AI_HUB/status/2094605200820760675 X에서 Dushyant Gautam(@DG_AI_HU..

PHP 2026.09.04

2026-09-16 티스토리 스킨 에디션2 소스 공개(깃허브)

1. 💜 에디션2 무료 스킨 소스 공개! 💜현 블로그에서 사용하고 있는 스킨입니다.기존 Odyseey 스킨을 기반으로 수정된 소스로 바이브코딩을 통해 생성되었습니다.2. 특징📰 신문/뉴스 포털형 최신글 5개 헤드라인 레이아웃🏆 포스팅 본문 우측 카테고리 최신글 10개 랭킹 위젯깔끔한 타이포그래피: 본문에는 가독성이 뛰어난 Pretendard, 제목에는 단정한 세리프(Noto Serif KR) 폰트 적용개선된 목록 레이아웃: PC 환경 4열 포스터 그리드 및 모바일 최적화 레이아웃Mermaid 다이어그램 지원3. 사용방법⚠️ 반드시 odyssey 스킨을 먼저 설정해야 합니다.블로그관리홈 > 꾸미기 > 스킨 편집 > HTML 편집에서 붙여넣기4. 💾 소스 다운로드수시로 업데이트될 수 있어 깃허브에 ..

티스토리 스킨 소스 공개 (깃허브)

1. 💜 무료 스킨 소스 공개! 💜현 블로그에서 사용하고 있는 스킨입니다.기존 Odyseey 스킨을 기반으로 수정된 소스로 바이브코딩을 통해 생성되었습니다.2. 특징깔끔한 타이포그래피: 본문에는 가독성이 뛰어난 Pretendard, 제목에는 단정한 세리프(Noto Serif KR) 폰트 적용개선된 목록 레이아웃: PC 환경 4열 포스터 그리드 및 모바일 최적화 레이아웃Mermaid 다이어그램 지원3. 사용방법⚠️ 반드시 odyssey 스킨을 먼저 설정해야 합니다.블로그관리홈 > 꾸미기 > 스킨 편집 > HTML 편집에서 붙여넣기4. 💾 소스 다운로드수시로 업데이트될 수 있어 깃허브에 공개하였습니다.https://github.com/ethanjoh/tistory_skin GitHub - ethanjo..

PDF Summary: 스캔한 PDF 도서 자동 요약 및 서평 생성 프로그램

1. 개발 배경서재 공간을 확보하기 위해 소장 중이던 종이책을 북스캐너(ScanSnap)로 직접 스캔하여 PDF로 보관해 왔습니다. 그러나 시간이 지나면서 각 도서의 주요 내용이 기억나지 않는 문제가 발생했습니다.이러한 문제를 해결하고자, 대량의 PDF 도서를 자동으로 분석·요약하고 고품질 서평 마크다운 문서로 만들어 주는 PDF Summary 프로그램을 개발하게 되었습니다.2. 주요 기능 및 특징⚡ 로컬 초고속 마크다운 추출, 텍스트 캐싱 및 저비용 AI 분석:pymupdf4llm 기반으로 PDF의 제목, 본문, 표, 서식을 로컬에서 즉시 마크다운으로 추출 (불필요한 이미지 파싱 연산 생략 최적화로 고속 파싱)이미 {도서명}_source.md 파일이 존재하는 경우 PDF 추출을 건너뛰고 기존 파일을 즉..

바이브코딩 2026.09.01

클래식 VRML 기술을 현대적 Three.js 기술로 복원하기

과거 웹 상에서 3차원을 구현하기 위해서 VRML(Virtual Reality Modeling Language) 이라는 언어를 사용한 적이 있다.원뿔을 구현한다고 생각해 보자. 아래와 같이 정의하면 웹브라우저의 플러그인 프로그램에서 해석하고 화면에 뿌려준다.그러면 아래와 같은 모형이 그려지며 X, Y, Z 축 어느 방향으로도 네이게이션이 가능하고 카메라의 이동도 가능하기 때문에 Z축 즉 앞뒤로 깊이감을 줌으로써 3차원의 느낌을 준다. Cone { field SFFloat bottomRadius 1 field SFFloat height 2 field SFBool side TRUE field SFBool bottom TRUE} 이 3D 모형을..

바이브코딩 2026.07.16

티스토리 자동 포스팅 프로그램 다운받기

1. 준비물티스토리 다른 계정을 컨텐츠를 먼저 백업받습니다.깃허브에서 리포지토리를 클론하거나, zip 파일로 다운받습니다.2. 사용방법how_to_run.md 파일을 참고합니다.3. 주의사항하루에 다량의 글을 등록하면 일일 리밋이 걸릴 수 있습니다.따라서, 하루 5개 정도만 등록하는 것을 추천합니다.티스토리 자체의 글 발행 프로세스가 변동될 경우 작동을 하지 않을 수 있습니다. https://github.com/ethanjoh/tistory_auto_posting

바이브코딩 2026.07.15

티스토리 자동 포스팅 프로그램 제작 동기

1. 여러 계정의 블로그 통합 필요2개의 계정에서 티스토리 블로그를 각각 운영하고 있었는데 관리의 귀차니즘하나의 블로그로 통합 필요불필요한거 삭제하고 약 150개 정도 등록 필요2. 블로그 백업티스토리는 백업하면 각 폴더 안에 글 내용이 적힌 html과 이미지 폴더가 각각 생성3. 문제점그러나, 어느 순간 글 저장 시 보안문자캡차가 떠버림완전자동이 아닌 마지막에 이미지 문자를 보고 사람이 입력해야 하는 수고 발생그럼에도 수동으로 등록 시 하나씩 폴더를 열고 사진등록하고...시간 낭비4. 1시간 동안 바이브 코딩을 하다처음엔 티스토리 API가 개방되어 있다고 해서 편하겠구나 했는게 그것도 종료되어버림할 수 없이 제미나이에 물어보니 playwright같은 기능으로 가능하다고 함안티그래비티에 프롬프트 입력 (..

바이브코딩 2026.07.11

#2-2 초보를 위한 바이브코딩으로 만든 랜딩페이지 분석하기

2026.07.08 - [분류 전체보기] - #2 초보를 위한 바이브코딩으로 랜딩페이지 만들고 배포하기 (스벨트킷) #2 초보를 위한 바이브코딩으로 랜딩페이지 만들고 배포하기 (스벨트킷)2026.07.08 - [Svelte_SvelteKit] - #1 초보를 위한 바이브코딩으로 랜딩페이지 만들기 (스벨트) #1 초보를 위한 바이브코딩으로 랜딩페이지 만들기 (스벨트)앞서 스벨트/스벨트킷으로 만든 프로젝트의 폴wisdom.me.kr 위에서 스벨트킷으로 만든 프로젝트의 폴더 구조를 한번 살펴보고 작동은 어떻게 하는 것인지 세부적으로 살펴보겠습니다. https://sveltekit-landingpage.vercel.app/ Aura Pro - 궁극의 청취 경험Aura는 음악이 단순히 들리는 것이 아니라 온전히 ..

스벨트킷 2026.07.08
반응형

최근 댓글

Total

  • Today :
  • Yesterday :