[TIL] 기록 1일차

• Javasciprt Datatype
• Constant
• Variable
• <div> tag
• <span> tag
• querySelector
• array

---

Javascript Data type

• Number

• String 

• Boolean 

• Null

• undefined

• Symbol

+ Object

 

Constant

'상수' 즉, 변하지 않는 수. '변수'와 대조되는 개념이다.

ex) x+y * 2

x, y는 변수이고, 2는 상수이다.

 

Variable

'변수' 를 뜻하며, 말 그대로 변하는 값을 의미한다.

예제1 ) 어떤 수를 변수에 넣느냐에 따라 출력값이 바뀐다. (python)

변수는 x이고, x에 넣는 값에 따라 변수 x의 값은 언제든 바뀐다.

예제2) 'name' 변수에 담긴 값에 따라 바뀌는 출력값 (python)

변수는 'name'이고, name에 넣는 문자열에 따라 print 함수로 출력되는 값이 변한다.

<div> , <span> tag

주로 영역 설정할 때 쓰이는 HTML 태그 <div> 와 <span>은 줄바꿈과 영역지정에 따라 달라진다.

즉 Class로 이용할 때도 <div> 태그보다 <span> 태그로 감싸진 코드를 비교적 더 섬세하게 제어할 수 있다.

 

querySelector('selector')

css 선택자로 요소를 선택해준다.

예를 들어,

body의 id 값을 "Oz" 로 설정하고, body 안에 들어가있는 Cosmian 이라는 글자를 

document.querySelector('#OZ') 로 선택해 글자 색상을 파우더블루로 바꾼다.

 

Array

변수 array language를 생성 후 Swift, C# 값을 추가

while roop statements 를 이용하여 글목록 생성

while로 만들어진 language array의 값을 가져온 글목록