Study/Javascript,HTML,CSS

기본 동작type="button": 클릭 시 아무런 기본 동작을 하지 않음. 자바스크립트를 통해 동작을 정의해야 함.type="submit": 클릭 시 폼을 제출함Click Me  Submit  사용 목적type="button": 폼 제출이 아닌 다른 작업을 수행할 때 사용.type="submit": 폼을 서버로 제출할 때 사용. 버튼 클릭 시 기본적으로 폼이 제출되면서 페이지가 새로고침 된다. Submit

선택한 요소의 조상요소를 찾을때 closest()메서드를 사용closest() 메서드는 DOM 트리를 위로 탐색하면서 가장 가까운 조상 요소를 찾음  Click Me   $(".btn").click(function() { var parent = $(this).closest(".parent"); console.log(parent); // 요소를 출력 var child = parent.find(".child"); console.log(child); // 요소를 출력});

Flex box CSS의 display속성 중 하나인 flex는 박스 레이아웃을 작성할때 사용된다. width나 height를 지정하지 않고, 간단하게 균형잡힌 배치가 가능하여 요소의 크기와 순서를 유연하게 배치할 수 있다. .flex_container { display: flex; } flexbox는 복수의 자식 요소인 flex item과 그 상위 부모 요소인 flex container로 구성된다. flex container 속성: flex-direction, flex-wrap, justify-content, align-items, align-content flex item 속성: flex, flex-grow, flex-shrink, flex-basis, order 필수 지정 속성 1. display ..

조건문에서 거짓 같은 값(Falsy)로 평가되는 값들 false: 불리언 값 중 거짓 null: 아무런 객체 참조도 없는 값 undefined: 값이 할당되지 않은 상태(변수를 초기화 하지않거나, 함수가 값을 반환하지 않은 경우) 0: 숫자 0 NaN: 숫자가 아님(Not-a-Number) '' 또는 "": 빈 문자열 위의 false로 평가되는 값 이외에는 참 같은 값(Truthy)로 평가 받는다. typeof 연산자: 특정 변수 또는 값의 타입을 `문자열`로 반환 "undefined": 값이 할당되지 않거나, 선언만 되고 초기화되지 않은 변수의 경우 반환된다. "boolean": 불리언 타입의 값. "number": 숫자 타입의 값. "string": 문자열 타입의 값. "object": 객체, 배열,..