
시멘틱 요소의 종류<article> : 독립적이고 자체 포함된 콘텐츠를 지정한다.<aside> : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소이다. 특별한 일이 아니면 사이드바나 광고창 등 중요하지 않은 부분에 사용된다.<footer> : 일

display: flex는 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법 부모 요소인 요소에 display: flex 속성을 적용하면, 1. flex-direction : 정렬 축

Math.floor(): 괄호 안의 숫자를 내림하여 반환 Math.ceil(): 괄호 안의 숫자를 올림하여 반환 Math.round(): 괄호 안의 숫자를 반올림하여 반환 Math.abs(): 괄호 안의 숫자의 절대값을 반환 Math.sqrt(): 괄호

배열 메서드 - push, pop, unshift, shift, join | 객체의 값을 사용하는 방법 2가지 - Dot notation, Bracket notation

원시 자료형과 참조 자료형 | 얕은 복사와 깊은 복사 | 블록 스코프와 var 키워드 | 클로저 | spread와 rest 문법 | 구조 분해 할당 | 화살표 함수

JavaScript에는 특별한 대우를 받는 일급 객체(first-class citizen)가 있다. 대표적인 일급 객체 중 하나가 함수인데, JavaScript에서 함수는 아래와 같이 특별하

DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, JavaScript를 사용할 수 있으면, DOM을 이용하여 HTML을 조작 가능

JavaScript는 싱글 스레드 기반으로 동작하는 언어이다. 따라서 동기적으로 작동하게 된다. 그러나 방금까지 JavaScript에서도 비동기 처리가 가능하다고 배웠다. 어떻게 된 걸까? 그 이유는 JavaScript가 작동하는 환경(런타임)에서 비동기 처리를

리액트의 3가지 특징 선언형 리액트는 한 페이지를 보여주기 위해 HTML / CSS / JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게