데이터 타입-문자열과 숫자
Java Script에 존재하는 데이터 타입(자료형) 종류
산술연산자(-, +, /, *) 등등
명령어(properties)
'문자열'.length: 문자열의 길이를 알려준다.
'영어문자열'.toUpperCase(): 소문자👉대문자로 변경하여 출력한다.
'abc'.indexOf('a'): 1, 문자 'a' 가 1번째에 있다.
'a bc'.indexOf('bc'): 2, 공백도 카운팅한다.
' hello '.trim: "hello", 공백을 지워서 출력한다.
1+1=2: 숫자로 인식한다.
"1"+"1"=11: 문자로 인식한다.
변수와 대입 연산자
x=1; y=1;
x+y=2
x=1000; y=1000;
x+y=2000
이처럼 x와 y에 대입할 수 있는 숫자는 변할 수 있다.
이를 변수(variable)라고 한다.
1=2; (1에다가 2를 대입한다는 의미)
2는 대입연산자, 1은 상수(constant)이므로 성립하지 않아 에러가 뜬다.
변수를 설정할 때는 var을 붙인다. (var name = 'leezhe';)
css기초: style 속성
css를 웹페이지에 삽입하는 방법👉 html문법의 '속성'을 이용하자.
<h3 style="background-color: coral;color:powderblue">커비가 등장한 게임 목록</h3>css기초: style 태그
선택자를 이용하여 좀더 효율적으로 css를 이용해보자.
<div> : 무색 무취의 태그. 의미와 기능이 없으며 css or javascript를 통해 어떤 정보를 제어할 때 사용한다. 화면 전체를 사용한다.
<span>: 화면 전체를 사용하지 않는다.
<style>는 css를 웹브라우저에게 알려주는 구분자이다.
css기초:선택자
웹페이지에 있는 여러 요소들을 제어하려면 선택자를 잘 사용해야한다!
예제)
<span id="first" class="js">별의 커비</span>
<style>에서
.js: '.'은 class를 의미한다.
#first: #은 id를 의미한다.
span: 앞에 아무것도 없다면 해당 페이지에 있는 모든 span태그를 의미한다.
class : 해당 요소들을 그룹핑 한다. 내가 그루핑 하고싶은 요소들을 같은 이름의 클래스로 지정하면 된다. 학교에서 n반의 개념에 해당된다.
id : 어떤 한가지 대상을 식별한다. 학교에서 학번의 개념에 해당된다. 고유하므로 해당 페이지 내에서 중복될 수 없다.
만약 여러 선택자의 영향을 받는다면?
👉가장 좁은 범위의 것이 적용된다.
class를 이용해 광범위한 효과를 주고, 예외 처리하고싶은 태그들을 id선택자를 지정하여 예외적으로 디자인을 바꾼다.
자잘한 tip!
+개발자 도구의 콘솔을 이용하면 코드 편집기를 바로 이용할 수 있다.
+Atom에서 find in buffer 단축키는 'ctrl+f' 이다.
+콘솔창에서 실행을 유보하고 싶을 때는 'Shift+Enter'를 친다.
