JavaScript 17

스택, 힙, 비파괴적 처리, 파괴적 처리

스택과 힙 저장을 할 때 사용하는 공간 - 스택(stack) : 스택스택 쌓는 공간[잘 쌓는 공간] -> 기본 자료형은 직접! -> 복합 자료형은 그 주소(address)! - 힙(heap) : 힙힙 던져서 쌓는 공간[대충 큰것들을 던져서 쌓은 공간] -> 복합 자료형의 본체가 저장 - 스택 : 기본 자료형과 주소 등을 저장하는 메모리 공간 - 힙 : 복합 자료형을 저장하는 메모리공간 - 주소 : 저장된 자료의 위치 - 레퍼런스한다: 스택의 주소가 힙의 자료를 가르키는 것 - 레퍼런스 변수 : 스택에 저장된 것중에 주소가 저장된 변수 어떠한 처리 후 원본이 변경되지 않는다 -> 비파괴적 처리 let a = 10 let b = 20 a + b 30 어떠한 처리 후 원본이 변경된다 -> 파괴적 처리 let ..

JavaScript 2023.01.27

배열의 메서드

/** * 배열의 메서드 * 배열 뒤에 요소 추가하기 : phsh(요소) * */ const a = [52, 273, '안녕', '하세요'] a.push(100) /** * 배열 중간에 요소 추가하기 : splice(인덱스 , 0 , 요소) * */ a.splice(1, 0, '추가') /** * 인덱스로 배열의 요소 제거하기 : splice(인덱스, 1) */ a.splice(0, 1); alert(a); /** * 배열 내부에서 값의 위치 찾기 : indexOf(요소) */ alert(a.indexOf('안녕')); // 없는 경우 -1 출력 a.indexOf('dasdfasdf'); /** * 값으로 배열의 요소 제거하기 : indexOf() + splice() 활용 */ const index = ..

JavaScript 2023.01.27

insertAdjacentHTML

C const el = document.querySelector("#el") el.insertAdjacentHTML('beforebegin', 'A-'); // 타켓 요소 전(형제레벨)에 생성- 시작 태그의 앞(형제 레벨로) el.insertAdjacentHTML('afterbegin', 'B-'); // 타켓 요소 다음(자식요소)에 생성 - 시작 태그의 뒤(자식 요소로) el.insertAdjacentHTML('beforeend','-D'); // 타켓 요소 '끝나는 태그' 바로 직전(자식요소로)에 요소를 생성 - '종료 태그' 앞(자식 요소로) el.insertAdjacentHTML('afterend','-E'); // 타켓 요소의 '끝나는 태그' 바로 다음(형제레벨)에 ..

JavaScript 2023.01.17

Validate 정리

1 . validate.js 추가 먼저 validate 라이브러리를 사용하기 위해 js파일을 추가해야 합니다. 해당 CDN주소를 직접 참고하거나 다운로드 후 경로를 추가하면 됩니다. 아래와 같이 추가해주시면 라이브러리 준비는 끝납니다. 스크립트 $("#frmMember").validate({ onfocusout: false, rules:{ title:{ required: true, rangelength: [2, 10] } }, message:{ title: { required: "제목은 필수 입력입니다.", rangelength: $.validator.format("제목은 최소 {0} 글자 이상 {1} 글자 이하 입력하세요") } }, errorPlacement: function (error, eleme..

JavaScript 2023.01.14

[JavaScript] URL 파라미터 값 가져오기

기본적으로 자바스크립트 내장 함수인 location.search를 이용하여 URL 물음표 뒤에 있는 파라미터들을 가져올 수 있다. 1. 정규식 표현을 이용한 함수 function getParameterByName(name){ name = name.replace(/\[/, "\\[").replace(/\]/, "\\]"); let regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), result = regex.exec(location.search); return result === null ? "" : decodeURIComponent(result[1].replace(/\+/g, " ")); } 2. 위 함수를 이용하여 파라미터 이름만 알면 값을 쉽게 뽑아올 수 있다...

JavaScript 2022.12.23