git

HTML 영역

1) inline / block 태그 요소
-block : h1 / div / p / hr
-inline : span / a
2) 시멘틱 구조 이해
3) 종속태그 :

• ul / ol + li
• optgroup + option

CSS 영역

1) 스타일 지정방법 :
1. 인라인 스타일 (*HTML 태그 안에다가 바로 스타일 지정)
2. 내부 스타일 시트 < head > => < style> < style>
3. 외부 스타일 시트 < head> => < link> 태그 활용

2) 선택자
1. html 태그에 스타일을 적용하기 위해서 해당태그를 불러오기 위한 대상 (*전체선택자 / tag / .class / #id)
2. 선택자 스타일 적용 우선 순위 : tag > class > id

3) 박스모델
margin
border
padding
contents

position
relative
absolute
fixed

flex

자바스크립트 영역

1) 자바스크립트를 한 단어로 표현 = 데이터
-데이터 생성 => 변수.상수
-데이터 저장 => 객체,배열
-데이터 출력 => DOM/함수
-데이터 수정.삭제 => DOM

2) 변수 & 상수 = 공간
-변수(값이 변할 가능성이 존재) : var/let
-상수(값이 변하지 않을 때 사용) : const
-선언 / 할당

배열 => 인덱스(시작 : 0)
-배열 안에 있는 데이터의 위치 및 순서
-배열의 길이를 확인하고자 할 때, .length(프로퍼티)

배열 메서드 및 프로퍼티
.length
.push() : 배열에 값을 추가 (마지막 영역)
.pop() 배열에 값을 삭제
.sort() : 배열 요소 정렬하기 첫번째가 뒤로
.includes() : 배열이 가지고 있는 데이터 확인 시
.concat() : 서로 다른 배열을 병함
.join() : 배열을 문자로 만들 때
.splice():배열을 별도로 분리시킬 때
.filter(): 배열에서 특정 요소만 뽑아날 때
.map() : 배열에서 모든 요소를 변경할 때

문자열

split(이 안에 들어간 것을 기준으로 나눠줌)

trim(문자열의 앞뒤 공백을 없앨 때)

toLowerCase() : 문자열 소문자 반환
toUpperCase() : 문자열 대문자 반환

원래 '1234'
padStart(몇자리수, "0")
'001234'

객체

왜? 배열도 있는데, 굳이 객체를 사용하는가?
/> 배열안에 담기는 데이터는 공통속성을 가지고 있는 경우가 대부분입니다!!!
객체를 선언한 후 특정 값을 가져오고 싶다면?
/> 객체명.key입력 or 객체명["key"] 입력

객체의 key&value 삭제하고 싶다면?
delete 객체명.key