WIN-J 기술 블로그

웹사이트를 만들고 운영하며 배운 것들

Django로 서비스를 개발하고 Docker, Nginx, PostgreSQL 환경에서 운영하며 마주친 문제와 해결 과정을 기록합니다.

Windows 작업 흐름별 단축키: 창 정리·캡처 저장·클립보드 확인

Windows 작업 흐름별 단축키: 창 정리·캡처 저장·클립보드 확인 [0]

T.I.P · 2026.06.06

Windows 11에서 창 전환, 영역 캡처와 파일 저장, 클립보드 기록을 연결해 사용하고 단축키가 작동하지 않을 때 확인할 범위를 정리합니다.

sitemap.xml 생성기 추천 | 검색엔진 색인을 위한 사이트맵 쉽게 만들기

sitemap.xml 생성기 추천 | 검색엔진 색인을 위한 사이트맵 쉽게 만들기 [0]

유틸리티 소개 · 2026.06.06

사이트맵(sitemap.xml)은 검색엔진이 웹사이트 구조를 이해하고 페이지를 빠르게 수집할 수 있도록 도와주는 SEO 필수 요소입니다. 이번 글에서는 URL 목록만 입력하면 자동으로 XML 사이트맵을 생성할 수 있는 Sitemap XML 생성기 사용법과 robots…

SQL 정리 전후 비교: 문자열·주석·연산자 보존 확인

SQL 정리 전후 비교: 문자열·주석·연산자 보존 확인 [0]

유틸리티 소개 · 2026.06.04

현재 SQL Formatter에서 문자열 공백, 키워드, 주석 표식과 비교 연산자가 바뀔 수 있는 사례를 살펴보고 원문 대조 순서를 설명합니다.

Base64 인코더·디코더 사이트 추천 | Base64 인코딩 쉽게 변환하는 방법

Base64 인코더·디코더 사이트 추천 | Base64 인코딩 쉽게 변환하는 방법 [0]

유틸리티 소개 · 2026.06.03

Base64의 개념과 암호화와의 차이점을 쉽게 설명하고, JWT 토큰 분석, API 인증, 이미지 데이터 처리 등 실제 활용 사례를 소개합니다. Base64 인코더·디코더를 이용해 문자열을 빠르게 인코딩·디코딩하는 방법도 함께 정리했습니다.

Hash 생성기·bcrypt Hash 생성기 사이트 추천 | 개발자와 보안 테스트를 위한 필수 도구

Hash 생성기·bcrypt Hash 생성기 사이트 추천 | 개발자와 보안 테스트를 위한 필수 도구 [0]

유틸리티 소개 · 2026.06.02

Hash와 bcrypt의 차이점부터 MD5, SHA-1, SHA-256, SHA-512 알고리즘의 특징까지 쉽게 정리했습니다. Hash 생성기와 bcrypt Hash 생성기를 활용해 데이터 무결성 확인, API 테스트, 비밀번호 해시 생성 및 검증을 편리하게 수행하는…

JWT 실습의 경계: 디코딩·서명·만료 검증을 구분하기

JWT 실습의 경계: 디코딩·서명·만료 검증을 구분하기 [0]

유틸리티 소개 · 2026.06.02

공개용 가상 JWT로 디코딩과 인증 검증의 차이를 확인합니다. HS256 생성기 입력 조건, 초 단위 시간과 만료 경계, 다운로드 내용의 주의점을 정리합니다.

글쓰기 에디터 구현 기록: 임시저장 범위와 SEO 점수 읽는 법

글쓰기 에디터 구현 기록: 임시저장 범위와 SEO 점수 읽는 법 [0]

블로그_관리일지 · 2026.06.02

본문 HTML의 저장 흐름, 두 종류의 브라우저 임시저장과 서버 저장의 차이, 편집기 통계·내부 점검 점수의 기준과 한계를 정리합니다.

웹 접근성을 위한 색상 대비 검사 도구 추천 | WCAG 기준 쉽게 확인하는 방법

웹 접근성을 위한 색상 대비 검사 도구 추천 | WCAG 기준 쉽게 확인하는 방법 [0]

유틸리티 소개 · 2026.06.01

텍스트와 배경 색상의 대비는 웹 접근성과 가독성에 큰 영향을 줍니다. Color Contrast Checker를 활용해 WCAG AA·AAA 기준을 확인하고, Color Palette 생성기로 일관된 디자인 시스템을 구축하는 방법을 소개합니다.

CSS Grid와 Flexbox 쉽게 배우기 | 레이아웃 생성 도구 추천

CSS Grid와 Flexbox 쉽게 배우기 | 레이아웃 생성 도구 추천 [0]

유틸리티 소개 · 2026.06.01

Flexbox와 CSS Grid를 쉽게 학습할 수 있는 레이아웃 생성 도구를 소개합니다. Flexbox Playground와 CSS Grid Generator를 활용하여 실시간 미리보기와 CSS 코드 생성을 경험하고 현대적인 웹 레이아웃 제작 방법을 배워보세요.

무료 CSS 생성기 모음 6선 | 프론트엔드 개발자를 위한 필수 웹 도구

무료 CSS 생성기 모음 6선 | 프론트엔드 개발자를 위한 필수 웹 도구 [0]

유틸리티 소개 · 2026.06.01

이번 글에서는 프론트엔드 개발자와 웹디자이너를 위해 CSS Clamp 생성기, CSS Gradient 생성기, CSS Animation 생성기, Border Radius 생성기, Box Shadow 생성기, Glassmorphism 생성기까지 총 6가지 무료 CSS …

Glassmorphism 생성기 사이트 추천 | 유리 효과 CSS 쉽게 만드는 방법

Glassmorphism 생성기 사이트 추천 | 유리 효과 CSS 쉽게 만드는 방법 [0]

유틸리티 소개 · 2026.05.31

Glassmorphism 생성기를 활용하면 Blur, Opacity, Border, Shadow 값을 조정하여 최신 UI 트렌드인 반투명 유리(Glass) 효과를 실시간으로 만들 수 있습니다. CSS 코드 자동 생성과 미리보기를 지원해 웹디자인과 프론트엔드 개발에 활…

골프 벌칙 뽑기 사이트 추천 | 라운딩을 더 재미있게 만드는 랜덤 벌칙 추첨

골프 벌칙 뽑기 사이트 추천 | 라운딩을 더 재미있게 만드는 랜덤 벌칙 추첨 [0]

유틸리티 소개 · 2026.05.31

골프 벌칙 뽑기 사이트를 소개합니다. 클럽 제한, 티샷 미션, 퍼팅 미션 등 다양한 벌칙을 랜덤으로 추첨할 수 있으며 직접 벌칙 입력, 결과 공유, 카카오톡 공유 기능도 지원합니다. 골프 모임과 스크린 골프를 더욱 재미있게 즐겨보세요.