요소의 위치 지정 기준static: 기준 없음relative: 요소 자신을 기준absolute: 위치 상 부모요소를 기준위치 상 부모 요소를 꼭 확인해야 함!fixed: 뷰포트(브라우저)를 기준sticky: 스크롤 영역 기준position과 함께 사용하는 속성은 top
일명 flexbox라 불리는 Flexible Box module은 flexbox 인터페이스 내의 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 로 설계되었습니다.flex item을 감싸고 있는 컨테이너✨ 적용할 수 있는 속성들displa
SCSS 내에서는 list와 map 데이터를 사용할 수 있다.이러한 list, map 데이터를 다루기 위해서는 @each라는 키워드를 사용한다.$list 변수에 있는 데이터들을 반복적으로 $c 변수에 담아서 처리하겠다는 의미이다.CSS로 컴파일한 결과는 아래와 같다.m
값이 할당되지 않은 상태를 나타낸다.변수를 초기화하지 않은 상태는 undefined가 될 수 있다어떤 값이 의도적으로 비어있음을 의미한다.사람이 직접적으로 값이 비어있다는 것을 알리기 위해 직접 명시한 값이라고 볼 수 있다.
정규 표현식은 new RegExp('표현', '옵션') 와 리터럴 방식(/표현/옵션)으로 나타낼 수 있다.옵션은 선택사항으로 기재하지 않아도 동작한다.문자열.match(정규식) 와 같이 사용하며, 일치하는 문자열의 배열(Array)을 반환한다.찾고싶은 표현만 작성하고
변수의 타입을 지정하고 싶을 때는 변수명 뒤에 콜론을 표시한 뒤 타입을 입력한다.let 변수명: 타입;정수(int), 실수(float) 구분없이 모두 number로 표시한다.문자열을 나타낸다.참과 거짓 값을 나타낸다.Symbol은 고유하고 수정불가능한 값으로 만들어줌주