스킬캠퍼스
Day 2 · 변수와 데이터
강의

오늘 끝나면

변수와 데이터

  • 변수와 데이터의 핵심 문제를 한 문장으로 설명한다
  • 오른쪽 실습에서 변수와이 어떻게 움직이는지 관찰한다
  • 다음 강의와 이어지는 한계를 말할 수 있다

실습 미션

숫자·문자·참거짓 — 컴퓨터가 정보를 담는 그릇 이 문장이 실제로 무슨 뜻인지 실습에서 한 번 손으로 확인한다.

성공 조건

  • 실습의 기본값을 먼저 관찰
  • 입력값이나 모드를 한 번 이상 바꿔 결과 비교
  • 왜 결과가 바뀌었는지 한 문장으로 설명

개발 · Day 2

변수와 데이터

변수는 값에 이름표를 붙인 것. 값에는 종류(타입)가 있음. 종류를 헷갈리면 1+12가 아니라 11이 됨.

P.01개발 · Day 2

변수 = 값에 붙인 이름표

코드는 숫자, 글자 같은 값을 잔뜩 다룸. 매번 값을 그대로 쓰면 헷갈림. 그래서 값에 이름을 붙임 / 그게 변수임.

그림은 간단함. 상자에 이름표를 붙이고, 상자 안에 값을 넣음. age = 30age 상자에 30을 담는 것.

이름만 부르면 그 값이 튀어나옴. age = 31 하면 같은 상자의 내용물만 바뀜. 이렇게 값이 변할 수 있어서 변수라 부름.

상자에 값을 담는다
age이름표30상자(값을 담음)age = 31age31내용물만 바뀜
P.02개발 · Day 2

값에는 종류가 있다

값의 종류를 자료형(타입)이라 함. 제일 먼저 만나는 건 딱 세 가지임.

숫자는 계산하는 값. 30, 3.14, -5. 더하고 빼고 곱함.

문자열은 따옴표로 감싼 글자. "안녕", "30". 따옴표 안의 30은 숫자가 아니라 그냥 글자임.

불리언은 참/거짓 둘뿐. true 아니면 false. “문이 열렸나?” 같은 예/아니오의 답임. 내일 배울 조건문이 이걸로 굴러감.

자료형 3종 — 숫자·문자열·불리언
숫자30 3.14 -5계산하는 값문자열"안녕" "30"따옴표로 감싼 글자불리언true false참 / 거짓 둘뿐
P.03개발 · Day 2

왜 종류를 굳이 구분할까

같은 기호 + 가 타입에 따라 전혀 다른 일을 함.

숫자끼리면 + 는 산술 덧셈. 1 + 12.

문자열끼리면 +이어붙이기. "1" + "1"2가 아니라 "11"임. 글자 1 뒤에 글자 1을 붙인 것.

그래서 입력칸에 적은 "30"(문자열)을 나이로 계산하려면 먼저 숫자로 바꿔야 함. 안 바꾸면 "30" + 1"301"이 됨. 초보가 제일 자주 밟는 지뢰임.

같은 + 인데 결과가 다르다
숫자 + 숫자1 + 1=2산술 덧셈문자열 + 문자열"1" + "1"="11"이어붙이기
P.04개발 · Day 2

직접 더해보기

오른쪽에서 변수 a, b 에 값을 넣고 타입을 바꿔가며 직접 더해볼 것.

둘 다 숫자로 두고 1, 1 을 넣으면 2가 나옴. 둘 다 문자열로 바꾸면 같은 1, 1 인데 결과가 "11"로 변함.

한쪽만 문자열이어도 결과가 문자열로 끌려감. 이게 타입이 결과를 결정한다는 말의 뜻임.

코드 보기
a = 1        # 숫자
b = 1        # 숫자
a + b        # 2  (산술 덧셈)

a = "1"      # 문자열
b = "1"      # 문자열
a + b        # "11" (이어붙이기)
변수에 값 넣고 타입별 연산 비교 · 만져보기
변수 + 변수 · 타입별 연산
a=
b=
a + b
1 + 1
= 2
결과 타입 · 숫자
둘 다 숫자라 + 가 산술 덧셈으로 동작함. 1 + 1 = 2.
P.05개발 · Day 2

타입을 바꿔 끼우기

타입이 안 맞으면 값의 종류를 바꿔 끼움. 이걸 형변환이라 함.

문자열을 숫자로 바꿀 땐 Number("30"). 숫자를 글자로 바꿀 땐 String(30).

그래서 정리하면

변수는 값에 붙인 이름표임. 값에는 숫자·문자열·불리언 같은 타입이 있음. 같은 연산도 타입 따라 결과가 달라짐 / 안 맞으면 바꿔 끼움. 내일은 이 불리언으로 갈림길과 반복을 만듦.

Q. 입력칸에서 받은 나이를 더했더니 자꾸 글자가 붙어 나옴. 왜?입력칸 값은 거의 항상 문자열이라 그럼. "30" + 1"301"임. Number() 로 숫자로 바꾼 뒤 더하면 31이 제대로 나옴.
형변환 — 문자열 ↔ 숫자
"30"문자열Number()30숫자30숫자String()"30"문자열

3줄 요약

  1. 1숫자·문자·참거짓 — 컴퓨터가 정보를 담는 그릇
  2. 2변수와 데이터은 코딩 기본 → 인터넷과 웹 → 프론트/백엔드 → 데이터 → 배포 흐름 안의 한 칸이다.
  3. 3개념을 외우는 것보다 입력을 바꾸면 무엇이 달라지는지 보는 것이 우선이다.

완료 전 점검

복습 카드

변수와

숫자·문자·참거짓 — 컴퓨터가 정보를 담는 그릇

입력

프로그램이 받아들이는 값이나 사용자 행동

규칙

입력을 처리하는 코드의 절차