파일 유형 한눈에 보기

웹 페이지의 골조. 보이는 모든 요소를 태그로 정의합니다.

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

이게 무슨 뜻이냐면: h1은 제목, p는 문단, button은 버튼. 화면에 둘 요소를 이름표처럼 적습니다.

웹 페이지의 인테리어. 색상, 글꼴, 간격, 애니메이션을 정의합니다.

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

이게 무슨 뜻이냐면: 제목 글자를 주황색 24px로, 버튼에 마우스를 올리면 어둡게. 보이는 모양을 정합니다.

데이터를 정해진 모양으로 저장하는 형식. settings.json, package.json이 대표적입니다.

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

이게 무슨 뜻이냐면: 사용할 모델, 허용할 권한, 테마를 "이름": 값 짝으로 적습니다. 여기서 Bash와 Edit은 Claude Code가 쓰는 도구 이름입니다. 터미널 명령을 실행하는 도구와 파일을 고치는 도구를 미리 허용해 두면, 쓸 때마다 묻지 않습니다.

JavaScript에 타입 검사를 더한 언어. 직접 쓸 일은 거의 없고, 이름만 알아두면 됩니다.

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

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

이게 무슨 뜻이냐면: 이름은 글자, 나이는 숫자처럼 값의 종류를 미리 정해 실수를 막습니다.

데이터 분석, 자동화, AI에 강한 대표 언어. 문법이 간결합니다.

# 엑셀 파일 읽기
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 "완료!"

이게 무슨 뜻이냐면: 빌드하고, 오래된 파일을 지우고, 완료 메시지를 띄웁니다. 터미널 명령을 순서대로 묶습니다.

한/글의 오래된 저장 형식. 내용이 압축된 이진 덩어리로 들어 있어 전용 프로그램 없이는 열리지 않습니다.

# .hwp 파일 속을 그대로 들여다보면
D0 CF 11 E0 A1 B1 1A E1  ← 파일 머리표
78 9C 8D 53 4D 6F DB 30  ← 압축된 이진 덩어리
E2 4F 91 A3 05 C7 76 12
1B 44 A9 7E 33 0C 5D BB
...

→ 글자는 한 개도 보이지 않는다

이게 무슨 뜻이냐면: 사람도 AI도 그대로는 읽을 수 없는 부호의 나열입니다. 내용을 이해하려면 이 부호를 변환하는 전용 도구를 한 번 거쳐야 합니다.

같은 한글 문서를 XML 글자로 적어 압축한 형식. 국가표준이며, 2021년 4월부터 한/글의 기본 저장 형식입니다.

# 확장자를 .zip으로 바꿔 풀면
Contents/section0.xml

<hp:p>
  <hp:run>
    <hp:t>3분기 매출 보고</hp:t>
  </hp:run>
</hp:p>

→ 문단도 표도 글자 그대로 보인다

이게 무슨 뜻이냐면: hp:p는 문단, hp:t는 글자라는 이름표입니다. 어디가 제목이고 어디가 표의 칸인지가 이름표로 남아 있습니다.