파일 유형 한눈에 보기

웹 페이지의 뼈대를 만드는 파일입니다. 제목, 단락, 버튼 등 눈에 보이는 모든 요소를 태그로 정의합니다.

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

"버튼 추가해줘", "이미지 넣어줘"처럼 보이는 요소를 바꿀 때 Claude가 수정하는 파일이 바로 .html입니다.

풀네임은 HyperText Markup Language입니다. 링크(HyperText)로 연결되는 문서를 기호(Markup)로 구조화하는 언어라는 뜻입니다.

웹 페이지의 외모를 담당합니다. 색상, 글꼴, 크기, 간격, 애니메이션 등 모든 시각적 요소를 정의합니다.

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

풀네임은 Cascading Style Sheets입니다. 여러 스타일이 위에서 아래로 폭포(Cascade)처럼 흘러내리며 순서대로 적용된다는 의미입니다.

데이터 분석, 자동화, AI 개발에 강한 가장 인기 있는 언어입니다. 문법이 간결해 비개발자도 배우기 쉽습니다.

# 엑셀 파일 읽기
import pandas as pd

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

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

"엑셀 파일에서 중복을 제거하고 요약해줘" 같은 업무 자동화를 Claude에게 바로 맡길 수 있습니다.

영국 코미디 그룹 Monty Python의 팬이었던 Guido van Rossum이 1991년에 만들었습니다. 뱀(python)과는 관계 없습니다.

터미널 명령어를 순서대로 자동 실행하는 스크립트입니다. 반복되는 빌드, 배포, 파일 정리 작업을 한 번에 처리합니다.

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

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

echo "완료!"

Claude Code의 hooks 기능을 이용하면 코드 저장 시 자동으로 쉘 스크립트를 실행할 수 있습니다.

Shell은 껍데기라는 뜻입니다. 운영체제의 핵심(kernel)을 감싸고 있어서 붙은 이름으로, 사용자 명령을 받아 OS에 전달하는 역할을 합니다.

데이터를 구조화해서 저장하는 형식입니다. Claude Code 설정 파일(settings.json), 프로젝트 패키지 정보(package.json)가 모두 JSON입니다.

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

settings.json을 잘못 수정하면 Claude Code가 실행되지 않을 수 있습니다. 수정 전 Claude에게 "이 항목이 무슨 역할인지 설명해줘"라고 먼저 물어보세요.

풀네임은 JavaScript Object Notation입니다. JavaScript의 객체 표기법을 그대로 빌려 만든 데이터 형식으로, 지금은 언어와 상관없이 모든 곳에서 씁니다.

JavaScript에 타입 검사를 추가한 언어입니다. 코드 실행 전에 오류를 미리 잡아주므로 규모 있는 프로젝트에서 주로 사용됩니다.

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

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

Claude Code가 TypeScript 프로젝트를 만들면 타입을 자동으로 추가해줍니다.

Type + JavaScript를 합친 이름입니다. 2012년 Microsoft가 JavaScript의 가장 큰 약점인 '타입 없음'을 보완하기 위해 만들었습니다.