프론트엔드 부분 총 정리를 해보려고 한다!
HTML
Tag
Attribute
태그가 가지는 속성
a 에는 href="" form에는 method="post" action="/target.jsp">
global 속성
모든 태그에서 사용할 수 있는 속성 id, class, style, data-*
특수문자와 공백
특수문자 Entity 표현을 통해 사용가능
공백은 갯수와 상관없이 하나로 인정
emmet
!tab, >, +, *, #, ., (), $(넘버링)
기본 태그
heading - list - table - img - a
form 활용
사용자로부터 데이터를 입력 받아 서버로 전송하기 위해서 사용되는 요소
action - method - enctype - target - name - autocomplete - novalidate
시멘틱 태그
CSS
기본 선택자
Cascading 1: 상속 - 부모 요소에 지정한 스타일이 자식 요소에도 적용
Cascading 2: 중요도 - 명시도 -로드 순서
Cascading 3: 명시도 X-Y-Z
box model
block요소는 위에서 아래로, inline 요소는 왼쪽에서 오른쪽으로 배치된다!
position 4가지
relative - 일단 요소를 static 하게 배치 후 원래 위치에서 이동
absolute - 요소를 가장 가까운 "위치가 설정된 즉 static 이 아닌 조상 요소"를 기준으로 배치
fixed - 요소를 뷰포트 기준으로 특정 위치에 고정 (top 버튼 같은거)
visibility
JavaScript
기본 특징
; 필요없음 하지만 권장 , 대소문자 구분함
변수
변수 선언 시 타입 대신 지시어 사용
let
중복 선언 시 오류 발생, 호이스팅 발생 안함
const
반드시 값으로 초기화 되어야 함
다른 언어와의 차이점
동적 타입 언어 - 값을 할당할 때 타입 결정
약한 타입 언어 - 타입 변환이 자유로움, 다른 타입간 자동 연산 수행, 기본형에 참조형의 내장 함수 적용 가능
기본형
number - string - boolean - undefined - null
falsy - false null undefined NaN 0 ""
산술연산 실수로 자동 변환
숫자 변환 실패하면 NaN 변환
== != 타입 변환 후 값 비교
=== !== 타입 변환 안하고 비교
NaN 어떤 값과 어떤 비교를 해도 false (타입 변경 못할 때 NaN)
for-of 값 for-in 속성
function 호출과 argument 전달
parameter의 개수가 맞지 않아도 호출된다!
undefined로 처리 된다
내장객체
Set
중복을 허용하지 않지만 순서가 있는 데이터 구조 (입력 순서가 보장되는 것이며 index는 없음)
Map도 삽입 순서는 보장해준다
s 유사배열 반환
All 배열 반환
