웹 작업에 바로 쓰는 프론트엔드 도구와 실무 가이드, 클로드 사용법 모음https://burnytools.com/ko-KRhttps://burnytools.com/claude/claude-artifacts-guide/https://burnytools.com/claude/claude-artifacts-guide/클로드 아티팩트가 무엇인지, 어떻게 만들고 고치는지, 워드·PDF·파워포인트로 내보내는 법과 링크로 공유하는 법을 정리했습니다. 2026년 9월에 바뀐 새 방식 기준이고, 공유 전에 확인할 것과 예전 아티팩트 처리도 함께 다룹니다.Fri, 09 Oct 2026 01:00:00 GMThttps://burnytools.com/claude/claude-common-questions/https://burnytools.com/claude/claude-common-questions/클로드 지난 대화 찾기, 메모리 확인과 끄기, 기록이 남지 않는 시크릿 모드, 맞춤 지침, 한국어 설정, 대화 공유와 공유 취소, 파일 업로드 한도, 답변 다시 받기까지 자주 묻는 설정 8가지를 정리했습니다.Thu, 08 Oct 2026 01:20:00 GMThttps://burnytools.com/claude/claude-plans-compare/https://burnytools.com/claude/claude-plans-compare/클로드 무료, Pro, Max 5x, Max 20x 요금제의 가격과 사용량, 쓸 수 있는 기능 차이를 정리했습니다. 어떤 사람에게 어떤 요금제가 맞는지, 결제 전에 알아 둘 것까지 처음 결제하는 분 기준으로 설명합니다.Thu, 08 Oct 2026 01:10:00 GMThttps://burnytools.com/claude/claude-usage-limit/https://burnytools.com/claude/claude-usage-limit/클로드에서 "5-hour limit reached" 메시지가 떴다면 사용량 한도에 걸린 것입니다. 한도가 어떻게 계산되는지, 남은 양은 어디서 보는지, 걸렸을 때 할 수 있는 것과 덜 걸리게 쓰는 습관을 정리했습니다.Thu, 08 Oct 2026 01:00:00 GMThttps://burnytools.com/claude/claude-code-skills-plugins/https://burnytools.com/claude/claude-code-skills-plugins/CLAUDE.md 메모가 길어지기 시작했다면 스킬과 플러그인을 볼 차례입니다. 메모로 되는 것과 안 되는 것을 가른 뒤, 스킬과 플러그인이 어떻게 다른지, 어디서 찾아 설치하는지를 처음 쓰는 분 기준으로 정리했습니다.Sat, 26 Sep 2026 01:00:00 GMThttps://burnytools.com/claude/claude-code-basic-usage/https://burnytools.com/claude/claude-code-basic-usage/클로드 코드를 설치하고 설정까지 마쳤다면 이제 일을 맡길 차례입니다. 작게 나눠 부탁하기, 계획부터 보기, 확인 방법 함께 주기, 처음 알아둘 명령어, 방향이 틀어졌을 때 대처법을 정리했습니다.Wed, 16 Sep 2026 01:00:00 GMThttps://burnytools.com/claude/claude-code-initial-setup/https://burnytools.com/claude/claude-code-initial-setup/클로드 코드를 막 시작한 분이 처음 해 두면 좋은 설정을 정리했습니다. 한국어로 답하게 하기, 폴더별 메모 남기기, 권한 모드, 건드리면 안 되는 파일 막기, 되돌릴 수 있게 저장해 두기까지 순서대로 설명합니다.Mon, 14 Sep 2026 01:20:00 GMThttps://burnytools.com/claude/claude-code-vscode/https://burnytools.com/claude/claude-code-vscode/VS Code에서 클로드 코드를 쓰는 두 가지 방법인 확장 프로그램과 터미널을 비교하고, 각각 설치부터 첫 요청, 바뀐 내용 확인, 되돌리기까지 설명합니다. 터미널을 편집기 탭으로 옮겨 쓰는 방법도 함께 다룹니다.Mon, 14 Sep 2026 01:10:00 GMThttps://burnytools.com/claude/claude-code-what-is/https://burnytools.com/claude/claude-code-what-is/클로드 코드는 새로운 AI가 아니라 클로드가 내 컴퓨터에서 파일을 직접 고치게 해 주는 도구입니다. 처음 시작하는 분을 위해 채팅과 무엇이 다른지, 어디서 쓰는지, 무엇이 필요한지 설명합니다.Mon, 14 Sep 2026 01:00:00 GMThttps://burnytools.com/blog/gradient-practical/https://burnytools.com/blog/gradient-practical/줄무늬, 그라디언트 테두리, 사진 위 글자 오버레이, 글자 그라디언트를 만드는 방법과 그라디언트에 트랜지션이 걸리지 않는 문제까지 정리합니다.Wed, 09 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/image-practical/https://burnytools.com/blog/image-practical/실제로 필요한 픽셀 수를 재는 법, srcset으로 화면에 맞는 파일만 내려받기, 품질 값을 용량으로 정하는 법, 이미지 때문에 화면이 튀는 것을 막는 방법을 정리합니다.Wed, 09 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/color-formats-basics/https://burnytools.com/blog/color-formats-basics/색 표기법이 넷이나 되는 이유와 각각이 무엇을 축으로 삼는지, HSL의 밝기가 눈에 보이는 밝기와 다른 까닭, OKLCH가 무엇을 고치려 나왔는지 정리합니다.Tue, 08 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/gradient-basics/https://burnytools.com/blog/gradient-basics/linear·radial·conic 그라디언트의 각도 기준과 색 정지점 규칙, 두 색 사이가 탁해지는 이유까지 예제로 정리합니다.Tue, 08 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/image-formats-basics/https://burnytools.com/blog/image-formats-basics/각 이미지 포맷이 어떻게 압축하는지, 그래서 무엇에 강하고 무엇에 약한지 정리하고 실무에서 고르는 순서를 제시합니다.Tue, 08 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/practice-popup/https://burnytools.com/blog/practice-popup/팝업은 사이드메뉴보다 챙길 것이 많습니다. dialog 요소가 대신 해주는 것과 안 해주는 것, 바깥 클릭으로 닫기, 팝업 위에 팝업, 모바일 키보드까지 실제로 걸리는 문제를 정리했습니다.Tue, 08 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/practice-sidemenu/https://burnytools.com/blog/practice-sidemenu/사이드메뉴는 여닫는 코드가 전부가 아닙니다. 기본 구조부터 시작해 남는 부분 터치로 닫기, 뒤로가기 버튼 처리, 배경 스크롤 잠금까지 모바일에서 실제로 챙겨야 하는 것들을 쓰는 코드와 함께 정리했습니다.Sun, 06 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/naming-conventions-boundaries/https://burnytools.com/blog/naming-conventions-boundaries/API의 snake_case를 어디서 바꿀지, userID 같은 약어가 왕복 변환에서 망가지는 이유, 파일명 대소문자 때문에 로컬은 되고 배포는 404가 나는 문제를 정리합니다.Thu, 03 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/px-rem-scale/https://burnytools.com/blog/px-rem-scale/rem으로 타이포·간격 스케일을 잡는 방법과, 미디어쿼리·line-height처럼 rem이 오히려 함정이 되는 곳, 그리고 em을 일부러 쓰는 자리를 정리합니다.Thu, 03 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/naming-conventions-basics/https://burnytools.com/blog/naming-conventions-basics/camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case가 각각 무엇이고 어느 자리에 쓰는 표기법인지, 그리고 data-* 속성에서 대소문자가 사라지는 함정까지 정리합니다.Wed, 02 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/px-rem-basics/https://burnytools.com/blog/px-rem-basics/px, em, rem이 각각 무엇을 기준으로 삼는 단위인지, 페이지 확대와 글자 크기 설정이 어떻게 다른지, 실무에서 어디에 무엇을 쓸지 정리합니다.Wed, 02 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/box-shadow-layers/https://burnytools.com/blog/box-shadow-layers/그림자 한 겹이 가짜처럼 보이는 이유와 2~3겹으로 쌓는 레시피, 고도 단계를 CSS 변수로 정리하는 법, 다크 모드에서 그림자가 사라질 때의 대안을 정리합니다.Tue, 01 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/link-preview-not-showing-checklist/https://burnytools.com/blog/link-preview-not-showing-checklist/링크를 공유했는데 카드가 안 나오거나 예전 정보가 그대로일 때, 원인을 자주 있는 순서대로 짚고 플랫폼별 캐시 갱신법을 정리합니다.Tue, 01 Sep 2026 00:00:00 GMThttps://burnytools.com/blog/box-shadow-basics/https://burnytools.com/blog/box-shadow-basics/box-shadow의 X, Y, blur, spread, 색상이 각각 무엇을 바꾸는지 하나씩 분리해서 보고, 그림자 색을 회색이 아니라 반투명 검정으로 써야 하는 이유를 정리합니다.Mon, 31 Aug 2026 00:00:00 GMThttps://burnytools.com/blog/seo-meta-tags-and-open-graph/https://burnytools.com/blog/seo-meta-tags-and-open-graph/검색결과에 쓰이는 메타태그와 SNS 공유 카드에 쓰이는 Open Graph 태그, 두 가지의 정의와 작성법을 예제 하나로 정리합니다.Mon, 31 Aug 2026 00:00:00 GMThttps://burnytools.com/blog/wcag-contrast-practical/https://burnytools.com/blog/wcag-contrast-practical/연한 회색 본문, 컬러 버튼 위 흰 글자 등 대비가 자주 무너지는 곳과, 브랜드색을 유지하며 기준을 통과시키는 방법을 정리합니다.Mon, 31 Aug 2026 00:00:00 GMThttps://burnytools.com/blog/wcag-contrast-basics/https://burnytools.com/blog/wcag-contrast-basics/대비비가 무엇을 재는 값인지, 4.5:1·3:1 숫자가 어디서 나왔는지, AA와 AAA·큰 텍스트 예외를 예제 하나로 정리합니다.Sun, 30 Aug 2026 00:00:00 GMThttps://burnytools.com/blog/css-clamp-basics/https://burnytools.com/blog/css-clamp-basics/clamp() 함수가 받는 세 값의 의미와 브라우저의 계산 방식, 선호값 숫자가 어디서 나오는지 정리하고, 제목·여백·레이아웃에 적용하는 패턴과 접근성을 해치는 흔한 실수까지 한 편에 다룹니다.Fri, 28 Aug 2026 00:00:00 GMT