⚙️ 개발/Javascript

HTML에서 data-로 시작하는 속성들은 자동으로 dataset 객체의 속성으로 변환된다. 쉽게 생각해서 자바스크립트에서 변수를 사용하듯이 HTML의 변수이다.

배열 (Array)객체(Object)구조배열 내 각 요소가 객체단순 객체접근 방식배열 인덱스로 접근키로 직접 접근사용 목적여러 개의 데이터를 순서대로 저장(ex. 여러 상품 리스트)단일 데이터 그룹을 표현(ex. 특정 상품의 상제 정보) let param;param = new Map();param.set("name", "wow");//0 : {"name" => "wow"}let param = {name:"wow", age:"100"};

제출function joinForm() { if(document.getElementById('mailCheck').value =="Y") { const memberVo = { id: document.getElementById("id").value, password: document.getElementById("password").value, passwordRe: document.getElementById("passwordRe").value, gender: document.getElementById('gender').value, mail: document.getElementById("mail..

var form = document.getElementById('searchForm');var formData = new FormData(form);if(page != null) { formData.append('page', page);}fetch('/qna', { method: 'POST', body: formData}).then(response => response.json()).then(data => { list(data);}).catch(error => {});

배열 리터럴 대괄호를 통해 배열 생성var arr = [];arr[0] = "zero";arr[1] = "one";arr[2] = "two"; Array() 생성자 함수를 통해 배열 생성var arr = new Array();arr[0] = "zero";arr[1] = "one";arr[2] = "two"; length 속성을 통해 배열 내부에 있는 요소 개수를 확인할 수 있다.console.log(arr.length); //3console.log(arr[arr.length - 1]); //two push() 메소드를 통해 배열에 요소 추가할 수 있다.✔️ 다른 언어와 달리 자바스크립트의 배열은 동적으로 변경할 수 있다.console.log(arr.length); //3arr.push('three');c..

default export'wow.js' 파일에서 'Wow'라는 기본(default)으로 내보낸 항목을 가져온다.//index.jsimport Wow from 'wow.js'; 'export default'로 내보낸 객체나 클레스를 가져온다.//wow.jsexport default function Wow(obj){ this.obj = obj; return this;}Wow.prototype = { play : function(value) { console.log("play~!" + value) }, error : function(value) { console.log("error~!" + value) },} Wow모듈에서 내보낸 객체를 인스턴스화해서..