-
타입 변환(캐스팅)
● 묵시적 변환 ○ 숫자와 문자열의 자료형 변환 덧셈(+) : 문자열 우선(숫자 + 문자열 = 문자열) 나머지 연산자(-, *, /) : 숫자 우선(숫자 * 문자열 = 숫자) <script> console.log(10+'5'); // 105 (문자열 우선) console.log(10-'5'); // 5 console.log(10*'5'); // 50 console.log(10/'5'); // 2 </script> ○ 불리언의 자료형 변환 - 아래 5가지 경우 false ● 명시적 변환 Number(), String(), Boolean(), Object...
-
arrow function(화살표 함수, 람다식)
function getName(name) { return "Kim " + name ; } //위 함수는 아래 arrow함수와 같다.(함수표현식) var getName = (name) => "Kim " + name;
-
함수정의, 호이스팅
★ 자바스크립트는 선언적 함수를 읽은 후 다시 위로 올라와 모든 코드를 읽음 ★ ●함수선언문(더 많이쓰임) - 정의 되기 전에 위에서 사용가능 (∵ 브라우저가 함수를 먼저 읽기 때문에) function sum(a,b) { return a+b } ●함수표현식 - 호이스팅에 의해 sum은 함수가 아닌 변수로 선언되어 호출순서에 따라 함수 실행이 안될수도 있음. - 정의 되기 전에 위에서 사용 불가능. (∵브라우저가 함수를 읽은 후 변수를 읽기 때문에 함수가 정의된 변수를 읽기전에 함수를 실행하기에 읽지 못함) let sum = function(a,b) { return a+b } ●호이스팅(hoi...
-
레이아웃 - 시맨틱 웹
<html> <head> <!-- = <div class="header"> --> </head> <body> <header>메뉴</header> <div id="container"> <nav> <ul> <li>home</li> <li>news</li> </ul> </nav> ...
-
CSS Selector
기본 선택자 태그 선택자 : tag 클래스 선택자 : .class ID 선택자 : #id <style> tag { color : red; } .class { color : red; } #id { color : red; } span#id { color : red; } div.class { color : green; } </style> 그룹선택자( , ) : 여러개 선택 <style> h1, .class, #id { ...