자바스크립트 배열과 리스트 [자바스크립트 도장깨기]
목차 배열과 리스트 차이 배열 - 하나의 변수로 여러 데이터를 그룹화해서 관리하기 위한 자료구조이다. - 배열의 인덱스로 빠르게 식별하여 데이터를 가져올 수 있다. - 크기가 정해져 있고 인덱스의 값이 고정적이여서 메모리의 낭비를 발생할 수 있다. 리스트 - 빈틈없는 데이터의 적재를 위해 배열의 인덱스 기능을 버린 자료구조이다. - 리스트에 데이터가 있는지 체크가능한다. - 처음, 끝, 중간에 엘리먼트를 추가/삭제 하는 기능을 가진다. Javascript 리스트 const num = [10, 20, 30, 40, 50]; // 0, 1, 2, 3, 4 num.splice(3, 1); // 3번쨰 위치에서 1번쨰 값 삭제 for(let i=0; i
2022. 4. 27.
Javascript Date() 객체, Date 함수 종류 [자바스크립트 도장깨기]
목차 Date 객체 선언 const Today = new Date(); // 현재 날짜 시간 구하기 const test = new Date(today.getFullYear(), today.getMonth(), 0); // 마지막 날 출력 const test = new Date(today.getFullYear(), today.getMonth(), 1); // 첫 번째 날 출력 const setDateTime1 = new Date(2022,12,31,6,30); // 2022-12-31 06:30:00로 날짜 설정 const setDateTime2 = new Date('2022-12-31 06:30:25'); // 2022-12-31 06:30:25 메서드 get() / set(), 값을 반환한다 / 값을 ..
2022. 4. 27.
jQuery 도장깨기, 배열2 each() / inArray() / merge() / grep() / map()
목차 each() / each() 배열에 저장된 요소를 순서대로 하나씩 선택해 index정보를 가져온다. - $("selector").each(function(n, index){ //$this }); - $.each($("selector"),function(n, index){ //$this }); inArray() / isArray() inArray(), 배열에 해당 값이 있는지 확인해 인덱스를 반환한다, (값이 없을 시 -1 반환) isArray(), 배열 여부를 확인하여 Bool값을 반환한다. - $.inArray( 검색단어, 배열명) - $.isArray( 검색단어, 배열명) merge() merge(), 배열을 하나로 연결하여 반환한다. - $.merge(배열1, 배열2) grep() grep()..
2022. 4. 23.
jQuery 시각효과 & 애니메이션 [jQuery 도장깨기]
목차 시각 효과 메서드 지연시간 : 시각적 효과가 나타기이 위한 시간 메시지 : 메소드 수행 후 나타나는 문장 show(), hide() - show(지연시간, 메시지), 지연시간에 맞게 보여진다. - hide(지연시간, 메시지), 지연시간에 맞게 사라진다. 🔽 감추기 버튼 클릭시 사진이 target1부터 서서히 사라지며, "이미지가 사라진다" 문구 출력 🔽 보이기 버튼 클릭시 사진이 targer1부터 서서이 보여지며, "이미지가 보인다" 문구 출력 toggle() - toggle(지연시간,메시지), 스위치처럼 on/off를 반복한다 🔽 버튼을 누르면 가 보였다가 안보였다를 반복한다. Look at me 안보인다. 토글 fadein() & fadeout() & fadeTo() - fadein(지연시간, ..
2022. 4. 22.
