html은 웹페이지를 구성하는 기본 마크업 언어
<html>
<head> // 해당 페이지의 정보를 표현
</head>
<body> // 해당 페이지의 콘텐츠를 표현
</body>
</html>하나의 웹사이트에 수많은 페이지가 존재하면 수십개의 html이 필요하다
-> Multi Page Application
SPA(Single Page Application)
하나의 페이지로 복잡한 웹사이트를 표현하는 것
body안에 콘텐츠가 들어와서 바디 태그 내부를 채워넣음
-> 동적으로 변하게 됨
리액트는 SPA를 쉽고 빠르게 만들어주는 도구
CSS - html의 디자인과 레이아웃을 표현하는 규격
(웹페이지가 html과 css만으로 이루어져 있다면 사용자는 동적인 작업 처리 못함)
JavaScript
html 문서의 이벤트 처리를 해주는 스크립트 언어
스크립트 언어 특징
프로그램이 실행되는 런타임에 코드가 실행됨
자바스크립트의 문법(ES6 기준)
자료형(Data Type) - 변수에 데이터가 대입될떄 자료형이 결정된다
-> 동적 타이핑
그리고 배열에 다양한 타입을 대입 가능하다
오브젝트 타입 - 객체를 다루기 위한 자료형(key/value)
자바스크립트에서 객체는 다른 언어에서 hash나 map을 의미한다
자바스크립트의 연산자(특이한것)
1 = '1' (자바스크립트는 값만 같으면 true 반환)
이게 말이 되나
일치연산자
a === b (a가 b와 값과 자료형이 모두 같다)
a !== b (a가 b와 값이나 자료형이 같지 않다)
자료형이 확실하지 않을떄는 일치연산자를 활용
자바스크립트의 함수
(함수란 입력을 받아서 정해진 출력을 하는 것)
선언하는 방법 1 - function statement를 사용
function sum(a,b) {
return a+b;
}선언하는 방법 2 - arrow function expression을 사용
const multiply = (a,b) => {
return a * b;
}