본문 바로가기

전체 글

 (102)
티스토리 스킨 커스터마이징 — Claude Code로 개발자 테마 만들기 블로그 운영 티스토리 스킨 커스터마이징 — Claude Code로 개발자 테마 만들기 ☕ 안녕하세요, AI JAVAPARK입니다!오늘은 조금 색다른 이야기를 가지고 왔습니다.바로 여러분이 지금 보고 계신 이 블로그 화면, 스킨을 직접 바꿨습니다. 티스토리 기본 스킨의 한계티스토리 기본 스킨은 깔끔하지만, 솔직히 말하면 "개발 블로그" 라는 느낌이 잘 나지 않았습니다.제가 원한 건 세 가지였습니다.Simple — 읽는 데 방해되는 요소 없이 깔끔하게Modern — 2025년에 어울리는, 기술적인 감각Readable — 코드도, 글도, 한눈에 들어오는 가독성그래서 기본 스킨의 HTML 구조(티스토리 치환자)는 그대로 유지하면서, CSS만 전면 재작성하기로 했습니다.Claude Code로 CSS 전면 재작성이번 작업에서 코드를 직접 작성한 건 저가 아닙니다.Claude Code (Anthrop.. 2026. 3. 28. 17:43
레벨업! 지식 사냥꾼 - 아이들을 위한 학습 퀴즈 앱 개발기 AI 도구 레벨업! 지식 사냥꾼 - 아이들을 위한 학습 퀴즈 앱 개발기 프로젝트 소개"레벨업! 지식 사냥꾼"은 초등학생부터 중학생까지 재미있게 학습할 수 있는 퀴즈 웹앱입니다. 게이미피케이션 요소를 적용하여 아이들이 게임하듯 공부할 수 있도록 만들었습니다.기술 스택프론트엔드: React 20 + TypeScript + Vite스타일링: Tailwind CSS백엔드/인증: Firebase (Authentication, Firestore, Cloud Functions)AI 문제 생성: Google Gemini API배포: Netlify (프론트엔드), Firebase (백엔드)PWA: 오프라인 지원 및 앱 설치 가능주요 기능1. 과목별 퀴즈과학, 역사, 사회, 영어 4개 과목 지원학년별 난이도: 초등 저학년, 초등 고학년, 중학생각 퀴즈는 5문제로 구성2. AI 맞춤 문제 생성.. 2025. 12. 12. 07:22
기타/Python pigar vs pipreqs 📌 1. pigar자동화된 분석과 관리에 강점이 있는 도구✅ 특징프로젝트 코드에서 사용된 import 문을 기반으로 종속성을 자동 추출하여 requirements.txt를 생성PyPI를 통해 최신 패키지 버전을 자동 감지하여 requirements.txt에 추가프로젝트 폴더 내에서 실행하면 모든 서브디렉토리까지 탐색하여 필요한 패키지를 찾음캐시 기능이 있어서 한 번 찾은 패키지를 다시 분석할 때 속도가 빠름단순 import 기반 분석이라서 동적 import (예: importlib.import_module)는 추적 불가✅ 설치 및 사용법pip install pigarpigar generate현재 디렉토리 내에서 종속성을 분석하고 requirements.txt를 생성함.특정 프로젝트 폴더를 지정하여 실행.. 2025. 2. 24. 16:57
Ruff를 이용한 Python 코드 품질 관리 및 VS Code에서의 Python 코딩Ruff 소개 기타/Python Ruff를 이용한 Python 코드 품질 관리 및 VS Code에서의 Python 코딩Ruff 소개 Ruff를 활용한 Python 코드 품질 관리 및 VS Code에서의 효과적인 Python 코딩 방법 개발 과정에서 코드의 품질을 유지하고 향상시키는 것은 매우 중요합니다. Python 개발자들 사이에서 주목받는 도구 'Ruff'와 인기있는 코드 편집기 'Visual Studio Code (VS Code)'를 사용하여 이를 어떻게 달성할 수 있는지 알아보겠습니다. 1. Ruff란 무엇인가? Ruff는 Python 코드의 품질을 개선하기 위한 최신 린트 도구입니다. 린트는 코드의 문법적 오류, 스타일 문제, 복잡성 등을 검사하여 코드의 가독성과 유지보수성을 향상시키는 데 도움을 주는 도구입니다. Ruff는 특히 다음과 같은 특징을 가지고 있습니다. Ruff의 특징 고성능: Ruff는 기존 린트 도구들에 비.. 2024. 1. 28. 12:35
기타 AmChart 4 트리맵 기능 소개 AmChart 4는 데이터 시각화를 위한 강력한 도구입니다. 특히 트리맵 기능은 계층적 데이터를 직관적으로 표현할 수 있게 해줍니다. 기본 개념 트리맵은 계층적 데이터를 직사각형으로 나타내며, 이 직사각형의 크기는 그들의 계층 내에서의 값에 비례합니다. 각 직사각형은 더 작은 하위 항목으로 나눌 수 있으며, 이는 데이터의 구조를 명확하게 보여줍니다​​. 기능 및 사용법 AmChart 4의 트리맵은 드릴다운 형식과 다중 레벨 동시 표시 기능을 제공합니다​​. 이러한 기능을 통해 복잡한 데이터 구조를 쉽게 이해할 수 있습니다. 예제 및 튜토리얼 AmChart 웹사이트에는 트리맵 구현 방법을 배울 수 있는 다양한 튜토리얼과 데모가 있습니다​​​​. 실제 사용 사례 데이터 시각화에 트리맵을 사용하는 다양한 산업.. 2023. 11. 25. 18:36
텔레그램 봇 생성 카테고리 없음 텔레그램 봇 생성 텔레그램 실행 1. BotFather 검색 2. Bot 생성 /newbot Alright, a new bot. How are we going to call it? Please choose a name for your bot. 3. 원하는 이름을 등록한다 DailyAgileBot Good. Now let's choose a username for your bot. It must end in `bot`. Like this, for example: TetrisBot or tetris_bot. 4. Bot 채팅방으로 이동 시작 채널 ID 찾기 메세지 보내기 2023. 9. 24. 12:03
기타/Language 윈도우에서 Docker-Desktop 사용 시 볼륨 설정한 곳의 기본 경로는? Docker Desktop for Windows 윈도우에서 Docker-Desktop 사용 시 볼륨설정한 곳의 기본 경로를 알고 싶다. docker inspect 를 이용하면 Mountpoint 가 나오긴 하지만 윈도우에서 바로 찾을 수 있는 경로는 아니다. wsl2 사용 시 경로가 조금 다를 수 있겠지만 wsl2 사용 기준으로 볼륨 경로를 찾아보고 원하는 위치에 파일을 추가/삭제 해보려고 한다 E:\projects>docker inspect docker_ckan_config [ { "CreatedAt": "2022-06-09T07:53:17Z", "Driver": "local", "Labels": { "com.docker.compose.project": "docker", "com.docker.compo.. 2022. 6. 9. 17:00
[티스토리 앱] 블로그 이름 수정 불가 카테고리 없음 [티스토리 앱] 블로그 이름 수정 불가 티스토리 앱에서 블로그 이름 변경하려고 하는데 계속 오류라고 뜨네 .. 버그인듯 보이는데 .... 이런건 빨리 고쳐줘야 ... 2022. 2. 18. 09:36
SMALL

티스토리툴바