파일 유형 한눈에 보기

마크다운은 Claude가 가장 잘 읽는 형식입니다. CLAUDE.md로 지시를 적는 것도 이 때문입니다. 이 페이지에서 가장 중요한 파일입니다.

# 제목 (H1)
## 소제목 (H2)

**굵게** / *기울임*

- 목록 항목 1
- 목록 항목 2

> 인용 블록
`CLAUDE.md`  ← 파일명 강조

Claude Code의 동작을 정하는 설정 파일입니다. settings.json으로 모델·권한·테마를 바꿉니다.

// settings.json 예시
{
  "model": "claude-sonnet-4-6",
  "permissions": {
    "allow": ["Bash", "Edit"]
  },
  "theme": "dark"
}

// 타입을 미리 정의
interface User {
  name: string;
  age: number;
}

function greet(user: User) {
  return `안녕, ${user.name}!`;
}

Claude가 만든 웹 페이지는 세 파일이 한 팀입니다. 집에 비유하면 .html은 골조, .css는 인테리어, .js는 전기 배선입니다. 직접 고치기보다 어느 파일이 무슨 역할인지만 알면 됩니다.

<h1>안녕하세요</h1>
<p>단락 텍스트입니다</p>
<button id="btn">클릭</button>

h1 {
  color: #D97757;
  font-size: 24px;
}
button:hover {
  background: #333;
}

// 버튼 클릭 이벤트
document.getElementById('btn')
  .addEventListener('click', () => {
    alert('클릭됨!');
  });

// API에서 데이터 불러오기
const data = await fetch('/api/data')
  .then(r => r.json());

반복 작업을 자동화하면 대부분 .py 또는 .sh로 만들어집니다. Claude가 대신 써주니 무엇을 하는 파일인지만 알면 됩니다.

# 엑셀 파일 읽기
import pandas as pd

df = pd.read_excel('data.xlsx')
print(df.head())

# 파일 목록 가져오기
import os
files = os.listdir('.')

#!/bin/bash
# 빌드 후 배포 자동화
echo "빌드 시작..."
npm run build

echo "오래된 파일 정리..."
rm -rf ./dist/old

echo "완료!"