JavaScript 기본 용어 및 개념 / 자료와 변수

기본 용어 및 개념

 

표현식 = 값을 만들어내는 간단한 코드

문장 = 표현식이 모인 것

키워드 = 특별한 의미가 있는 단어들 (ex. for, if ····.)

식별자 = 변수명, 함수명(숫자로 시작하면 안 됨)

 

 

---

 

문자열 자료형

큰따옴표("), 작은따옴표('')

• 문자열 의미
• 통일 권장 (내부 외부에 동시 사용하고자 할 경우 혼용 가능)

 

이스케이프 문자

\n = 줄 바꿈

>'동해물과 백두산이\n마르고 닳도록'

"동해물과 백두산이
마르고 닳도록"

\t = 탭

>'이름/t나이/t지역

"이름		나이		지역"

\\ = \

 

 

불 자료형

true, false, 비교 연산자, &&(논리곱), ||(논리합)

 

템플릿 문자열

백틱으로 감싼 문자열 내부에 ${표현식}을 넣으면 문자열 내부에서 표현식이 계산됨

 

자료형 변환

prompt()

입력창 띄우기 (문자열 자료형)

<script>
  const input = prompt('message', 'dd')
  alert(input)
</script>

 

confirm()

확인/취소 창 (불 자료형)

<script>
  const input = confirm('수락하시겠습니까?')
  alert(input)
</script>

 

자료 -> 숫자

• 연산자를 사용
• number("자료")

 

자료 -> 문자열

• string("자료")
• '숫자 + 문자 = 문자' 이용    ex) 273 + ""(빈 문자열)

 

자료 -> 불

• 논리 부정 연산자(!)를 두 번 사용   ex) !!273 -> true
• boolean("자료") -> true

-false가 되는 예외 5가지-

>Boolean(0)
false

# NaN = Not a Number
>Boolean(NaN)
false

>Boolean("")
false

>Boolean(null)
false

>let 변수
undefined
>Boolean(변수)
false

 

 

---

 

연습 문제

다음 조건을 가지고 실행 결과를 띄우기.

 

넓이 = 3.14 * 반지름 * 반지름

둘레 = 2 * 3.14 * 반지름

 

[실행 결과]

원의 반지름을 입력해주세요.

입력> 4

원의 반지름: 4

원의 넓이: 50.24

원의 둘레: 25.12

 

내가 쓴 코드

<script>
  const 반지름 = prompt('원의 반지름을 입력해주세요.')
  const 넓이 = 3.14 * 반지름 * 반지름
  const 둘레 = 2 * 3.14 * 반지름

  alert(`원의 반지름: ${반지름}, 원의 넓이: ${넓이}, 원의 둘레: ${둘레}`)
</script>

정답

<script>
  const a = prompt('원의 반지름을 입력해주세요.')
  const 반지름 = Number(a)

  let output = ''

  output += `원의 반지름: ${반지름}\n`
  output += `원의 넓이: ${3.14 * 반지름 * 반지름}\n`
  output += `원의 둘레: ${2 * 3.14 * 반지름}`
  alert(output)
</script>

연산자 과정에서 자동으로 숫자형으로 변환될 텐데 굳이 Number를 쓴 이유가 뭘까...?

 

 

---

 

연습 문제의 경우 휘발될 것 같으니 내일 다시 복습한 뒤, WIL 정리할 때 한 번 더 복습할 필요가 있을 것 같다.