JQVAULT :: JQVAULT

본문 바로가기

JQ minimal skin 본문 서식 스타일 미리보기 포스트 썸네일

JQ minimal skin 본문 서식 스타일 미리보기

Tistory Skin · 2025.03.18

지금 보고 계신 글은 JQ:minimal skin에 적용된 스타일 안내 글입니다.JQ minimal skin은 아래 링크에서 다운로드할 수 있습니다. JQ: minimal skin 소개스킨 소개JQ minimal 스킨은 디바이스설정에 따른 테마 설정과 라이트테마, 다크테마, 반응형, 코드 하이라이팅, 커버, 스크롤 인디케이터, 이전 글 다음 글 보기 등 주요 기능을 담고 있습니다.@wisdjeeqong.tistory.com 제목 1 태그 = h2.size26제목 2 태그 = h3.size23제목 3 태그 = h4.size20본문 1 = pTagsize18본문 2 = pTagsize16본문 3 = pTagsize14본문 2/ 본문 3 은 사이즈 동일합니다.에디터에서 작성시 제목 1/제목 2/제목 3 기..

Tistory 스킨 적용 방법 포스트 썸네일

Tistory 스킨 적용 방법

Tistory Skin · 2025.04.25

본글에서는 Tistory 스킨 등록 방법과 메뉴바/구독 버튼 설정을 안내합니다.JQ minimal skin은 아래 링크에서 다운로드할 수 있습니다. JQ: minimal skin 소개스킨 소개JQ minimal 스킨은 디바이스설정에 따른 테마 설정과 라이트테마, 다크테마, 반응형, 코드 하이라이팅, 커버, 스크롤 인디케이터, 이전 글 다음 글 보기 등 주요 기능을 담고 있습니다.@wisdjeeqong.tistory.com JQ minimal skin 미리보기 ❤️스킨 등록 방법티스토리 관리자 페이지 > 꾸미기 > 스킨 > 스킨 등록 버튼클릭 다운로드한 파일 7종을 저장 (파일목록에 등록된 파일이 7개가 맞는지 확인 필수) 스킨명은 자유롭게 등록하시고 확인 버튼 클릭 등록 후 스킨 보관함 이동 방금 ..

JQ: Sitemap 티스토리 사이트맵 자동 생성기 소개 포스트 썸네일

JQ: Sitemap 티스토리 사이트맵 자동 생성기 소개

JQ Sitemap · 2025.04.10

왜 만들었나?티스토리 블로그를 운영하면서 수익화를 위해 검색엔진 등록을 하려고 했습니다.하지만 막상 사이트맵을 제출하려고 하니 다음과 같은 문제에 불필요한 목록이 있고 등록 시 오류 발생!티스토리 기본 sitemap은 리스트 메뉴, 카테고리, 글 외 페이지까지 다 포함됨정적 페이지라 글을 수정해도 자동으로 반영되지 않음빙에서 사이트맵 등록 후 파싱에러이러한 문제는 특히 SEO 최적화와 검색엔진 수집 정확도에 영향을 미칠 수 있어,직접 필요한 페이지만 수집해서 사이트맵을 자동으로 생성하고 배포하는 시스템을 만들기로 했습니다.어떻게 만들었나?저는 GitHub Actions와 Pages를 이용해 사이트맵 자동 생성 시스템을 만들었습니다.주요 특징은 다음과 같아요:기능설명자동 생성매일 새벽 3시에 블로그를 크롤..

devlog

more

[FastAPI] Uvicorn 서버 실행 중 자주 만나는 에러와 해결법 포스트 썸네일

[FastAPI] Uvicorn 서버 실행 중 자주 만나는 에러와 해결법

Python · 2025.05.03

서론FastAPI 개발할 때 로컬에서 서버를 실행하려고 하면, 의외로 자주 만나는 에러들이 있다. 특히 uvicorn main:app --reload 같은 기본 커맨드로 실행할 때 생각보다 많은 시행착오를 겪게 된다.처음에는"엥? 왜 안켜지지?""아까 켜졌는데 왜 안돼?""어디가 문제야?"이런 당황스러운 순간이 온다.오늘은 내가 직접 FastAPI 개발하면서 겪었던, FastAPI(Uvicorn) 서버 실행 시 가장 자주 만나는 에러와 해결 방법을 정리해보려고 한다.본론[Errno 48] Address already in use에러 상황ERROR: [Errno 48] Address already in use이미 8000번 포트를 누가 쓰고 있다.uvicorn 기본 포트가 8000인데, 아까 띄워놓은 서버..

GitHub에 잘못 올린 파일 삭제하는 방법 (feat. .vscode, .history) 포스트 썸네일

GitHub에 잘못 올린 파일 삭제하는 방법 (feat. .vscode, .history)

ETC. Dev · 2025.04.29

서론깃허브를 사용할 때 누구나 한 번쯤 겪는 실수가 있다.바로 올리면 안 되는 파일을 무심코 푸시(push)해버리는 것.나도 티스토리 스킨을 개발하면서 .vscode/, .history/, 심지어 .DS_Store 같은 불필요한 파일까지 함께 올려버린 경험이 있다.처음엔 별 생각 없이 넘어갔지만, 레포를 깔끔하게 관리하고 싶다는 생각이 점점 강해졌다.특히 오픈소스나 스킨처럼 남들에게 공개하는 레포지토리라면 더욱 신경 써야 하는 부분이다.이 포스트에서는 실수로 올라간 파일이나 폴더를 깔끔하게 제거하는 방법을 소개하고자 한다.같은 실수를 반복하지 않기 위해 정리해두자!본론문제 상황로컬에서 깃허브에 푸시를 했는데 이런 파일이 올라가버렸다..vscode/ (IDE 설정 폴더).history/ (파일 수정 이력 ..

Mac에서 PNG를 JPG로 손쉽게 변환하기 포스트 썸네일

Mac에서 PNG를 JPG로 손쉽게 변환하기

MacOs · 2025.04.28

서론최근 블로그 스킨을 제작하면서 블로그 성능 테스트를 해봤다.Google PageSpeed Insights를 통해 내 블로그 속도를 점검해 보던 중, 생각보다 낮은 성능 점수가 눈에 띄었다.처음에는 JS나 CSS 때문이려나 싶었지만, 진단 결과 가장 많은 비중을 차지한 문제는 이미지 용량이었다.Midjourney나 Figma 등에서 작업한 이미지들을 그대로 PNG로 저장하고 업로드한 것이 문제였다.“그림 예쁘게 나왔는데 그냥 올려도 되지 않을까?”라는 안일한 생각이 페이지 로딩 지연 시키고 있었다.미드저니가 만들어준 이미지의 대부분의 PNG가 1.5MB~3MB에 달했고, 썸네일과 대표이미지를 같이 쓰기 때문에 티스토리 시스템이 업데이트되지 않는 한 개선이 불가한 부분이고 이미지의 용량은 내가 반영할 수..

popular

[FastAPI] Uvicorn 서버 실행 중 자주 만나는 에러와 해결법 포스트 썸네일

[FastAPI] Uvicorn 서버 실행 중 자주 만나는 에러와 해결법

Python · 2025.05.03

서론FastAPI 개발할 때 로컬에서 서버를 실행하려고 하면, 의외로 자주 만나는 에러들이 있다. 특히 uvicorn main:app --reload 같은 기본 커맨드로 실행할 때 생각보다 많은 시행착오를 겪게 된다.처음에는"엥? 왜 안켜지지?""아까 켜졌는데 왜 안돼?""어디가 문제야?"이런 당황스러운 순간이 온다.오늘은 내가 직접 FastAPI 개발하면서 겪었던, FastAPI(Uvicorn) 서버 실행 시 가장 자주 만나는 에러와 해결 방법을 정리해보려고 한다.본론[Errno 48] Address already in use에러 상황ERROR: [Errno 48] Address already in use이미 8000번 포트를 누가 쓰고 있다.uvicorn 기본 포트가 8000인데, 아까 띄워놓은 서버..

[Python] requirements.txt 생성 및 설치 방법 포스트 썸네일

[Python] requirements.txt 생성 및 설치 방법

Python · 2025.03.15

requirements.txt 는 Python 프로젝트에서 필요한 패키지를 명시하고 쉽게 설치할 수 있도록 도와주는 파일입니다. [🚀 Dev/Python] - [Python] requirements.txt 명령어 정리 [Python] requirements.txt 명령어 정리Python 프로젝트를 하다 보면 requirements.txt는 빠질 수 없는 필수 구성이다.이 파일 하나로 필요한 패키지들을 한번에 설치하거나, 현재 프로젝트에서 어떤 패키지를 사용하는지 기록할 수 있다.잘jeeqong.tistory.com 1. requirements.txt 파일 생성 방법1.1 직접 작성requirements.txt 파일을 생성하고 필요한 패키지를 수동으로 입력할 수 있다.fastapiuvicornselen..

[Mac] VS Code와 Git 연동하기 - Git GUI 연동 포스트 썸네일

[Mac] VS Code와 Git 연동하기 - Git GUI 연동

Editors. Dev · 2025.03.12

서론GitHub를 사용해 코드를 관리하거나 협업할 때,로컬(내 컴퓨터)과 GitHub(원격 서버)를 연결하는 방법은 크게 두 가지가 있다.HTTPS 연결SSH 연결각 방식은 특징과 사용 환경에 따라 선택이 달라질 수 있다.간단히 비교하면 다음과 같다:구분HTTPS 방식SSH 방식연결 방법GitHub에서 URL 복사 후 사용SSH 키를 생성하고 등록초기 설정매우 간단 (즉시 사용 가능)복잡하지만 1회 설정 이후 편리인증 방법아이디/비밀번호 또는 토큰 입력 필요키 기반 인증으로 비밀번호 불필요보안성상대적으로 낮음 (토큰 관리 필요)매우 높음 (키 관리)추천 상황개인 프로젝트, 빠른 연결팀 프로젝트, 서버 배포, 장기 사용 이번 포스팅에서는“HTTPS 방식”으로 GitHub와 VSCode를 연결하는 방법을 소..

[VSCode] Explorer indent(들여쓰기), tree guide 컬러 변경 포스트 썸네일

[VSCode] Explorer indent(들여쓰기), tree guide 컬러 변경

Editors. Dev · 2025.03.15

🚀 Explorer 가독성 개선하기 1. 설정열기 + workbench.tree.ind 검색하기Preferences > Setting Window : Ctrl + ,Mac : Cmd + , 2. 설정 변경하기Workbench > Tree : Indent : 들여쓰기 간격 숫자 변경 Workbench > Tree : Render Indent Guides : indent 가이드 항상 노출로 변경 3. Render Indent Guides 색상변경Command + Shift + P에서 settings.json 검색 Wrokbench.color 에서 Edit in settings json 클릭해도 됨 setting.json 파일에 추가 "workbench.colorCustomizations": { ..

GitHub SSH 연결하기 (for Mac) 포스트 썸네일

GitHub SSH 연결하기 (for Mac)

ETC. Dev · 2025.04.27

서론로컬에서 GitHub에 push 하려고 할 때마다 자꾸 비밀번호를 물어보는 게 너무 귀찮았고 Jetbrains 시리즈는 자동 연결해 주지만 터미널 명령어로 쓰려면 SSH 연결을 해야 하더라.그래서 SSH 연결 방식으로 바꾸기로 했고, 드디어 성공해서 블로그에 기록해 둔다.(Mac 기준으로 작성되었고, 에디터 관계없이 적용된다.)본문준비GitHub 계정( 계정별로 SSH Key 생성가능)Git CLI (git --version으로 설치 확인)macOS (터미널 사용)1. Git 사용자 정보 등록ssh key 계정 생성 시 터미널 실행 위치는 상관없음.user.name : 깃 커밋 히스토리에 나오는 "작성자 이름”user.email : “작성자 이메일” 깃허브 계정 이메일과 일치하면 자동으로 커밋에 프로..

미드저니 한 달 구독 후기 – 블로그 이미지 제작에 과연 쓸만했을까? 포스트 썸네일

미드저니 한 달 구독 후기 – 블로그 이미지 제작에 과연 쓸만했을까?

블로그운영 · 2025.04.21

서론블로그 운영을 시작하고 나서 느낀 건 글은 잘 써도 이미지가 예뻐야 눈에 띈다는 것.특히 내가 고른 스킨은 썸네일이 꽤 중요한 편이라대표 이미지, 썸네일 해상도 맞추는 것도 은근히 귀찮고 어렵다.ChatGPT가 만들어주는 이미지도 한계가 있고, 포토샵은 안 쓰고 있어서 이미지 변환도 불편했다.그래서 한 달만 미드저니를 구독해서 이미지 대량 생산을 해보자!요즘 제일 핫한 AI 이미지 생성기인 Midjourney를 직접 써봤다.과연 블로그용으로 괜찮을까?한 달 써본 진짜 후기를 정리해 본다.본론구독 요금은?가장 저렴한 Basic 플랜 $10 (약 13,000원)이미지 생성 속도나 사용량 제한은 있지만 블로그용으로는 충분하다사용 방법은?Discord에서 /imagine 명령어 입력텍스트 기반으로 이미지 4..

티스토리툴바