처음 읽는다면, 이렇게.
숫자 5와 글자 “5”는 겉으로 비슷해요. 프로그램에서는 둘이 다른 종류의 값일 수 있어요. 계산 전에 자료형을 확인해요.
프로그래밍 자료형의 뜻
자료형은 값을 어떤 방식으로 해석하고 처리할지 알려 줍니다. 숫자 5는 덧셈에 쓸 수 있지만 문자열 “5”는 문자로 이어 붙일 수 있습니다. 참·거짓은 조건을 판단할 때 쓰이는 별도의 값입니다.
정의의 근거: MDN Web Docs · Storing the information you need — Variables
일상과 수업에서 만나면
이해를 돕기 위해 구성한 가상 사례입니다. 실제 효과를 측정한 연구 사례가 아닙니다.
두 개의 5
- 상황
- 가상 앱이 숫자 5와 문자열 “5”를 받습니다.
- 적용
- 각 값을 숫자 또는 글자로 표시합니다.
짚어보기모양만 보고 덧셈 결과를 단정하지 않습니다.
설문 값 검증
- 상황
- 가상 설문이 나이 입력을 글자로 받습니다.
- 적용
- 계산 전에 숫자로 바꿀 수 있는지 확인합니다.
짚어보기“열다섯” 같은 입력은 별도 안내가 필요합니다.
비슷한 말, 다른 뜻
| 비교할 말 | 무엇이 다른가요? |
|---|---|
| 프로그래밍 변수 | 변수는 값을 부르는 이름이고 자료형은 그 값이 어떤 종류인지 말합니다. |
표를 좌우로 밀어 나머지 내용을 확인하세요.
이렇게 오해하기 쉬워요
따옴표 안의 500도 숫자형이다.
자바스크립트에서 “500”은 문자열입니다.
이렇게 오해하기 쉬워요
자료형은 변수 이름에서만 결정된다.
언어에 따라 실제 저장된 값과 선언 규칙을 보아야 합니다.
한 걸음 더 들어가면
언어마다 자료형을 선언하거나 바꾸는 규칙이 다릅니다. 자바스크립트는 동적 자료형 언어여서 변수 이름에 고정 형식을 먼저 쓰지 않아도 됩니다. 그래서 외부 입력이 숫자처럼 보여도 실제로는 문자열인지 확인해야 합니다.
개념을 적용할 때 살펴볼 해석과 제안입니다. 연구 결과나 공식 규정 자체와 구분해 읽어 주세요.
직접 해 보는 순서
- 1값이 숫자·문자열·참거짓 중 무엇인지 표시합니다.
- 2수행할 연산이 그 자료형에 맞는지 확인합니다.
- 3입력이 비어 있거나 예상 형식이 아닐 때를 시험합니다.
이해했는지 확인해 볼까요?
“500”을 나이 계산에 곧바로 쓰면 어떤 문제가 있나요?
해설 확인
따옴표가 있는 값은 문자열일 수 있으므로 숫자 변환과 유효성 검사가 필요합니다.
더 궁금한 점
문자열 5와 숫자 5를 똑같이 더할 수 있나요?
언어별 변환 규칙을 확인해야 하며 같은 결과를 전제하면 안 됩니다.
자료형 오류는 언제 찾기 쉬운가요?
입력 직후 형식을 검사하고 사용하기 전에 확인할 때 찾기 쉽습니다.
설명의 근거를 확인하세요
MDN Web Docs · Storing the information you need — Variables의 표시된 절을 확인했습니다. 사례는 자체 제작한 가상 활동입니다.
- [1] MDN Web Docs · 영어MDN Web Docs · Storing the information you need — Variables ↗
“What is a variable?”; “Variable types”; “Dynamic typing” — 이름을 붙인 값과 자료형의 구분.
에디터 나루 · 똑스 편집팀
편집 기록
- 원고 기록
- 2026.09.30
- 최초 발행
- 2026.09.30
내용에 관한 의견은 운영 안내의 문의 경로에서 전달해 주세요. 작성·검수 원칙 보기