생활 코딩 6~11강. 데이터타입과 CSS 기초

22.09.16ver

6. 데이터타입 - 문자열과 숫자

여러 문법들이 있다. 문자열의 문법들은 나중에 익히자

지금은 익숙해지는 것에 만족하자.

'hello world'.length -> 11
'hello world'.toUpperCase() -> "HELLO WORLD"
'hello world'.indexOf('o') -> 4 // 0번부터 시작
'hello world'.indexOf('world') -> 6
'              hello              '.trim() -> 'hello'

 

---

7. 변수와 대입 연산자

변수를 사용하는 이유는?

편리한 공식을 사용하기 위함

 

변수를 사용할 수 없다면, 하나하나 숫자를 다 바꿔야 한다.

 

---

8. 웹브라우저 제어

그냥 보기만 함

 

---

9. CSS의 기초 : style 속성

잘 이해 못해도 괜찮다.

 

---

10. CSS기초 (style 태그)

<div>내용</div> : 줄바꿈 됨

<span>내용</span> : 줄바꿈 되지 않음

 

---

11. CSS 기초 : 선택자

선택자
-> class 선택자 : .
-> id 선택자 : #
-> 모든 특정 태그 : 태그입력

.js{   // class 선택자
   font-weight: bold;
   color:red;
}
#first{   // id 선택자
   color:green;
}
span{    // 모든 특정 태그
color:blue;
}

class와 id의 차이를 인식하자.

• class : 그룹화 하는 것
• id : 특정하는 것

 

선택자 우선 순위

• id -> class -> span