Front-End27 [CSS] Flexbox float나 positioning을 사용하지 않고도 배치 구조를 쉽게 설계할 수 있도록 합니다. 1.Flexbox 요소- Flexbox 모델을 사용 하려면 먼저 flex container를 정의해야 합니다. - flex container의 직접적인 자식요소는 자동으로 flex 항목이 됩니다. 2.flex container 속성 2-1. flex-direction : flex 방향 속성은 container가 항목을 쌓으려는 방향을 정의합니다. ① column : 위에서 아래 방향으로 수직 정렬 합니다. DOCTYPE html>.flex-container { display: flex; flex-direction: column; background-color: DodgerBlue;} .flex-containe.. 2018. 12. 11. [JavaScript] Array Methods 1.Sorting Arrays (정렬 배열)sort() 메소드는 값을 문자열로 정렬합니다. 그러나 숫자를 문자열로 정렬하면 잘못된 결과를 생성합니다. 이는 compare function을 사용하여 해결할 수 있습니다. The Compare Function (비교 함수) : 비교 함수의 목적은 대체 정렬 순서를 정의하는 것입니다. 비교 함수는 인수에 따라 음수, 0 또는 양수 값을 반환해야합니다. sort() 함수는 두 값을 비교할 때 비교 함수에 값을 보내고 반환 된 (음수, 0, 양수)값에 따라 값을 정렬합니다. DOCTYPE html> JavaScript Array Sort The sort() method sorts an array alphabetically. Try it var fruits = [".. 2018. 9. 17. [JavaScript] Arrays JavaScript 배열은 단일 변수에 여러 값을 저장하는데 사용됩니다. 1.What is an Array?배열은 한번에 둘 이상의 값을 저장할 수 있는 특수한 변수입니다.배열은 하나의 이름으로 여러값을 가질 수 있으며 인덱스 번호를 참조하여 값에 접근할 수 있습니다. 2.Creating an Array배열 리터럴을 사용하는 것이 JavaScript 배열을 만드는 가장 쉬운 방법입니다. [배열 리터럴 : 대괄호 안에 쉼표로 구분해 나열한 것.] example)var array_name = [item1, item2, ...]; // Goodvar array_name = new Array(item1, item2, ...); // Bad 위의 두 예제는 완전히 동일합니다.JavaScript의 기본 제공 배열 .. 2018. 9. 16. [jQuery] checkbox relation 만들기 (dataset object concept) checkbox relation 만들기 (dataset object concept) doctype html> relation checkbox Relation Checkbox(dataset object concept) week days weekend all check Monday Tuesday Wednesday Thursday Friday Saturday Sunday Hamburger pizza pasta steak $(document).ready(function() { // 전체선택 $('input[name=all]').on('change', function() { var checked = $(this).is(':checked'); var items = $('.row input[type="checkbox.. 2018. 9. 9. 이전 1 2 3 4 5 6 7 다음
