0 0 1 0 1 1 0 1 0 1 0 0 1 0 0 1 0 0 0 1 0 1 1 1 1 0 0 0 0 1 1 1 0 0 0 1 1 1 0 1 1 0 0 1 0 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 0 1 0 1
1 0 0 1 0 1 1 0 0 0 1 0 0 0 1 1 1 0 1 1 0 0 0 1 0 0 1 0 1 1 1 0 1 0 0 1 0 0 0 0 1 0 0 0 1 1 0 0 0 0 1 0 1 1 1 1 1 0 1 0 0 1 1 0
1 0 1 0 0 1 0 0 0 1 1 1 0 0 1 0 0 0 0 1 0 0 1 1 0 1 0 0 1 0 1 1 0 0 1 1 0 0 1 0 1 0 1 1 1 0 1 0 1 0 1 0 1 0 1 1 1 0 1 1 0 1 1 1
1 1 0 1 1 0 0 1 1 1 1 0 0 1 0 1 0 1 1 0 1 1 0 0 1 0 0 0 1 0 0 0 1 1 0 1 0 1 1 0 1 1 0 0 0 1 1 0 1 0 0 0 0 0 0 1 0 1 0 0 1 1 1 1
1 0 0 1 1 0 1 1 1 0 1 0 0 1 0 0 0 1 1 0 0 0 1 0 0 1 1 1 1 1 0 0 1 1 0 0 1 0 0 1 1 1 1 0 1 1 1 1 1 1 0 1 1 0 1 0 0 1 1 0 1 1 0 0
0 0 1 1 1 0 1 1 1 0 0 0 1 1 1 1 0 1 1 0 0 1 0 0 0 0 1 1 0 0 1 1 0 0 0 1 0 0 1 0 0 0 0 1 1 0 0 0 0 0 1 1 0 0 1 1 1 0 1 1 1 1 1 0
1 1 0 0 1 1 1 0 1 0 1 0 1 1 0 0 0 0 0 0 1 0 1 1 0 0 0 0 1 0 1 0 1 0 1 0 1 1 1 0 1 0 0 1 1 0 0 1 1 0 0 1 0 0 0 1 1 0 0 1 1 1 1 1
1 1 1 1 1 1 0 1 0 0 1 0 1 1 0 1 0 0 1 0 0 1 0 0 1 0 1 0 1 0 0 0 1 0 0 1 1 0 0 0 0 1 1 1 1 0 1 0 1 0 0 1 0 1 1 1 0 0 0 1 0 0 1 1
vibe bit lab

01 로 짓는 모든 것

글자, 색깔, 그림 — 컴퓨터 안의 모든 정보는 결국 비트 두 개로 표현돼. 이 사이트는 직접 비트를 만져보면서그 원리를 익히는 작은 실험실이야.

experiment 01

글자 → 비트로 분해해보기

컴퓨터가 글자를 저장하는 방식은 결국 0과 1의 묶음이야. 아래 입력창에 글자를 적고, 비트를 클릭해서 0↔1 뒤집어봐. 비트 하나가 바뀌면 글자가 어떻게 변하는지 직접 볼 수 있어.

v
소문자
ASCII (8 bit)
decimal
118
hex
0x76
binary
01110110
i
소문자
ASCII (8 bit)
decimal
105
hex
0x69
binary
01101001
b
소문자
ASCII (8 bit)
decimal
98
hex
0x62
binary
01100010
e
소문자
ASCII (8 bit)
decimal
101
hex
0x65
binary
01100101
experiment 02

색깔도 결국 24비트야

빨강(R) · 초록(G) · 파랑(B) 각각 8비트씩 = 24비트로 만든 게 화면의 한 픽셀. 아래 비트를 뒤집어서 색이 어떻게 변하는지 봐봐.

this color is...
#5EE2FF
rgb(94, 226, 255)
24bit decimal · 6,218,495
RED94 · 0x5E · 01011110
GREEN226 · 0xE2 · 11100010
BLUE255 · 0xFF · 11111111
field guide

비트 사전 — 6장 카드

왜 0과 1이야?

전기 신호로 정보를 다룰 때, 가장 안정적인 건 "전류 있음 / 없음" 두 상태야. 이 두 상태에 0과 1을 붙인 게 비트(bit). 컴퓨터 안의 모든 글자, 색, 음악, 영상은 결국 비트 묶음.

비트 → 바이트

비트 8개 = 1 바이트(byte). 8비트로 표현 가능한 수는 0 ~ 255 (총 256가지). 영문 알파벳, 숫자, 기호는 1바이트면 충분해서 ASCII가 정확히 8비트 안에 들어가.

이진수 읽는 법

오른쪽부터 2의 0제곱, 1제곱, 2제곱… 자리값을 곱해서 더하면 끝. 예: 1011₂ = 8 + 0 + 2 + 1 = 11₁₀

ASCII vs Unicode

영어는 1바이트(ASCII)로 OK. 하지만 한글·이모지는 그것보다 많은 글자가 있어 UTF-8 같은 인코딩이 1~4바이트를 가변으로 써. 한글 한 글자는 보통 3바이트.

16진수가 왜 자주 보여?

이진수는 길어서 사람이 읽기 힘들어. 4비트씩 묶으면 정확히 16가지(0~F)라 16진수가 딱 맞아. #FF5EDC 같은 색 코드가 결국 24비트 = hex 6자리.

한 픽셀의 비밀

스크린의 점 하나 = 빨강·초록·파랑 빛의 세기 조합. 각 8비트 × 3 = 24비트면 약 1670만 색을 표현. 4K 모니터엔 이런 픽셀이 약 8백만 개.

challenge

이 비트는 어떤 글자?

아래 8비트가 가리키는 글자를 4개 보기 중에서 골라봐.

round 1
정답 0 / 0
01000001
01000001