https://youtu.be/_DLhUBWsRtw Class 를 사용하는 사용자가 방어적인 자세로 시용할 수 있도록 하는 것 get 키워드를 이용해 값을 리턴 set 키워드를 이용해 값을 설정. 대신 값을 설정하므로 value를 받아와야 함.

HTML 삽입 미리보기할 수 없는 소스 알아야할 기본 개념들. class 문법 - constructor, method addEventListener scroll - scrollY resize 기하 정보 관련 프로퍼티 (DOM Element API) - 기하 프로퍼티의 값은 픽셀 단위의 숫자이다. - offset은 요소가 화면에서 width, height, padding, scrollbar, border를 합친 전체 크기를 뜻함 (margin 제외) .offsetParent : 가장 가까운 조상 요소를 기준으로 좌표를 계산한다. 조상의 조건: 1)CSS Position이 static이 아닌 가장 가까운 조상 / 2)td, th, table / 3) body .offsetTop, .offsetLeft : o..

pseudo class(가상 클래스) 선택자 뒤에 :가상이벤트를 붙이면 특정 이벤트마다 적용 할 스타일을 설정 할 수 있으며, 이를 가상 (추상)클래스라 한다. :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) :target :checked :first - 첫번째 요소 :last - 마지막 요소 :nth-of-type(n) - n번째 형제 요소(단일)를 선택 :first-child - 첫번째 자식 :last-child - 마지막 자식 :nth-child(n) n번째 형제 요소(단일)를 선택 :nth-child(odd) / :nth-child(even) - 홀수/짝수번째 자식 요소 선택 :nth-child(2n+1) -..

HTML 삽입 미리보기할 수 없는 소스 절대적 유닛: px 상대적 유닛: %, v*(뷰포트), em, rem 부모요소의 사이즈에 따라 사이즈가 변경되야할 때 : %, em 부모와 상관 없이 브라우저 사이즈에 반응해야할 때 : v*, rem 요소에 너비/높이에 따라 사이즈가 변경되야 할 때 : %, v* 폰트 사이즈에 따라 사이즈가 변경되야 할 때 : em, rem em: 부모 요소의 폰트 사이즈에 따라 사이즈가 결정됨. ㄴ 나의 컴포넌트가 부모 요소에 따라 유동적으로 변경되야 한다면 em. rem: root 요소의 폰트 사이즈에 따라 사이즈가 결정됨. ㄴ 나의 컴포넌트가 페이지 어디에서 사용되어도 동일한 크기를 유지해야 한다면 rem. * rem의 root란? rem의 r은 root, 즉 최상위 요소의 ..

HTML 삽입 미리보기할 수 없는 소스 1. 변수와 함수의 호이스팅 개념 이해하기 2. 스택, 실행 컨텍스트, 전역환경 등의 개념 이해하기

[참고 영상] POST Form Data With JS Fetch API HTML 삽입 미리보기할 수 없는 소스 더보기 HTML 삽입 미리보기할 수 없는 소스 1. 유효성 검사 후 서버로 전송하는 함수 정의. 1-1. 정규식(Regular Expression) 패턴 정의 정규식을 이용하여 아이디, 비밀번호, 이메일 등의 패턴을 제한. 위 정규식 패턴에 일치하지 않을 경우 if, else if 문 등을 통해, 적절한 값을 넣어 입력 형식에 올바른 경우, 혹은 유효하지 않을 경우의 안내문구, CSS 스타일을 적용할 클래스 등을 넣어주는 코드를 작성한다. 1-2. new FormData() & fetch API를 이용하여 서버로 입력값 전송 정규식 패턴이 전부 유효한 값인 경우 (나의 경우 모든 인풋 태그 안..