https://saway126.github.io/백엔드와 프론트엔드를 넘나드는 풀스택 개발자 김기성의 기술 블로그입니다. 매일매일 새로운 기술을 배우고 기록하며, 다른 개발자들과 지식을 공유합니다. 2025-08-26T16:36:54+09:00 김기성 https://saway126.github.io/ Jekyll © 2025 김기성 /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2025-08-25T20:15:00+09:00 2025-08-25T20:15:00+09:00 https://saway126.github.io/posts/Jekyll-Chirpy-%ED%85%8C%EB%A7%88-%EC%9A%B0%EC%A3%BC-%EB%8F%8C%EA%B3%A0%EB%9E%98-%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95-%EB%8F%84%EC%A0%84%EA%B8%B0-%EA%B8%80%EB%9E%98%EC%8A%A4%EB%AA%A8%ED%94%BC%EC%A6%98%EA%B3%BC-%ED%85%8C%EB%A7%88-%ED%86%A0%EA%B8%80-%EA%B5%AC%ED%98%84-%EC%97%AC%EC%A0%95/ 김기성

🌌 Jekyll Chirpy 테마 우주 돌고래 커스터마이징 도전기 🎯 프로젝트 개요 오늘은 제 Jekyll 블로그의 Chirpy 테마를 우주와 돌고래 컨셉으로 커스터마이징하는 작업을 진행했습니다. 단순한 배경 변경이 아닌, 글래스모피즘(Glassmorphism) 효과와 테마 ON/OFF 토글 기능까지 구현하는 것이 목표였습니다. 🚀 구현하고자 했던 기능들 1. 우주 배경 테마 푸르스름한 우주 그라데이션: 검정 → 진청 → 파랑 → 보라 계열 별빛 효과: 작은 흰 점들로 우주 느낌 연출 고정 배경: background-attachment: fixed로 스크롤 시에도 고정 2. 글래스모피즘 효과 투명한 유리 느낌: backdrop-filter: blur() 활용 카드 요소:...

2025-08-25T00:00:00+09:00 2025-08-25T00:00:00+09:00 https://saway126.github.io/posts/image-test/ 김기성

이미지 렌더링 테스트 이 포스트는 이미지가 제대로 렌더링되는지 테스트하기 위한 것입니다. 1. 기본 마크다운 이미지 2. HTML img 태그 3. 상대 경로 이미지 4. 절대 경로 이미지 5. 아이콘 테스트 6. 공통 이미지 결과: 마크다운 이미지: ✅ HTML img 태그: ✅ 상대 경로: ❓ 절대 경로: ✅ 아이콘: ✅ 공통 이미지: ✅

2025-08-22T14:00:00+09:00 2025-08-22T14:00:00+09:00 https://saway126.github.io/posts/image-test-simple/ 김기성

🖼️ 간단한 이미지 테스트 이 포스트는 이미지가 제대로 작동하는지 테스트하기 위한 것입니다. 📸 테스트 이미지 이미지 경로: /assets/img/commons/profile.jpg HTML 태그 테스트: 마크다운 이미지 문법 테스트: 📝 설명 위에 프로필 이미지가 표시되어야 합니다. 🔍 확인 사항 이미지가 위에 표시되는가? 이미지 크기가 적절한가? 이미지 로딩에 에러가 없는가? 이 포스트는 테스트용이므로 나중에 삭제할 수 있습니다.

2025-08-20T12:00:00+09:00 2025-08-20T12:00:00+09:00 https://saway126.github.io/posts/hello-world/ 김기성

안녕하세요! 71stars 블로그에 오신 것을 환영합니다! 🚀 소개 이 블로그는 AI와 자동화의 만남을 다루는 블로그입니다. 주요 내용 AI 기술 동향 자동화 프로젝트 개발 일지 기술 리뷰 기술 스택 프론트엔드: HTML, CSS, JavaScript 백엔드: Spring Boot, Node.js AI/ML: Python, TensorFlow, PyTorch 자동화: GitHub Actions, CI/CD 앞으로 많은 내용으로 찾아뵙겠습니다! 😊

2025-08-04T12:57:40+09:00 2025-08-25T14:53:01+09:00 https://saway126.github.io/posts/20250804-Spring-Boot-Vue-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%9A%8C%EA%B3%A0%EB%A1%9D/ 김기성

Spring Boot + Vue 프로젝트 회고록– 에러 로그, AI 도구, 그리고 나의 성장 에러 로그와 함께 성장한 3일이번 사이드 프로젝트에서는 Spring Boot와 Vue.js를 붙여서 기자단 캠페인 플랫폼을 만들었다.간단한 CRUD만 구현하면 되는 줄 알았지만, 막상 붙여보니 예상치 못한 에러들이 계속 터졌다.처음 겪는 에러도 많았고, 설정 꼬임도 잦았다.이번 회고는 그런 문제들을 어떻게 해결했는지, 그리고 Cursor AI와 Gemini CLI 같은 AI 도구를 사용하면서 어떤 경험을 했는지를 함께 정리한 기록이다. 프로젝트 구성: 프로젝트 구프론트엔드: Vue 3 (Vite + Axios)백엔드: Spring Boot 3.xDB: H2 (개발용)인증: JWT빌드 시스템: Maven ...