개발/자바스크립트 14

JS/배열 메소드 array method 제대로 배우기(1) indexOf, findIndex,find,filter

1. 1차배열에서 값 찾기 : indexOf를 사용하자 var arr = [ "사과", "딸기", "복숭아" ]; var arr2 = [ 5, 3, 0.5, 7, 2, 9]; console.log(arr.indexOf("복숭아")); // 2 출력 console.log(arr2.indexOf(5)); // 0 출력 //따라서 const resultIndex= arr.indexOf("복숭아") console.log(arr[resultIndex]) // 복숭아 출력! 2.객체배열에서 값 찾기 : findIndex , find ✅find : 주어진 판별 함수를 만족하는 배열의 첫 번째 요소를 반환합니다. 만족하는 요소가 없으면 undefined를 소환 , ✅findIndex: 주어진 판별 함수를 만족하는 배열..

JQuery 제이쿼리 빠르게 기본 익히기

제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있습니다. 제이쿼리 기본 문법 $(선택자).동작함수(); $() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있습니다. 이러한 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery object)라고 합니다. ※ $() 함수에 전달되는 인수는 반드시 따옴표("")를 사용한 문자열 형태로 전달되어야 합니다. 선택자 문법 클래스 선택자 - $('.item') 태그 선택자 - $(div) 아이디 선택자 - $("#tar..

자바스크립트 객체 (Object)

자바스크립트 객체 Object 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체입니다. 프로퍼티 property -cat.name="나비" -cat.age=0.1 메소드 method : 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다. - cat.mew() - cat.play() 객체는 모두 위와 같은 프로퍼티를 가지지만, 각 프로퍼티의 값은 인스턴스마다 전부 다를 것입니다. 객체참조 객체이름.프로퍼티이름 또는 객체이름["프로퍼티이름"] var person = { name: "홍길동", // 이름 프로퍼티를 정의함. bi..

자바스크립트 객체로 이루어진 배열에서 값 가져오기+객체에서 값 가져와서 배열에 저장하기 (올바르게)

1. 자바스크립트 객체로 이루어진 배열에서 값 가져오기 [{},{},] 아래 처럼 for in 사용하지 말자....... 알수없는 오류를 발생한다 주목해야하는건 a[key].id라는 것이다 !!! const a=[{id:3},{id:52}...,] //여기서 3의 값을 가져오고 싶다면 console.log(a[0].id) // 3 //[3,52,...,]등으로 배열을 받고싶다면 //인덱스값을 불러오는 for in을 사용하자 const b=[]; for( key in a){ b.push(a[key].id); ) console.log(b) //[3,52,...,] 2. Object.keys(list).length 잘 사용해서 객체에서 값 가져와 배열 생성하기 function makeArrIn_cnt_id_q..

자바스크립트로 동적 테이블 만들기

완성버전 :실행버튼을 누르면 아래 테이블이 출력 1. HTML을 이런 상태로 만들어준다 (빈HTML이기에 출력되지 않는다) 2. 헤딩부분 작성 const headlist = [ "emp_no", "first_name", "last_name", "gender", "hire_date", "dept_name", "title", "max_salary", ]; const thead = document.getElementById("Q3_thead"); for (i = 0; i < headlist.length; i++) { let headrow = `${headlist[i]}`; thead.innerHTML += headrow; } 3.바디 부분 작성 const tbody = document.getElementByI..

node js에 외부 mariaDB 연결하기

2022.05.23 - [개발] - 시퀄라이즈(sequalize)와 마리아디비(MariaDB) 외부 접속[실패] 시퀄라이즈(sequalize)와 마리아디비(MariaDB) 외부 접속[실패] https://lab.cliel.com/entry/nodejs-mariaDB%EC%99%80-%EC%8B%9C%ED%80%84%EB%9D%BC%EC%9D%B4%EC%A6%88 [node.js] mariaDB CRUD (시퀄라이즈) 1. mariaDB 설치 (WSL2) mariaDB는 아래 명령어로 설치할 수 있습니.. vv6uos.tistory.com mysql을 모르는 내가 db를 연결하기 위해서 시퀄라이즈를 사용하려고 했는데 ... 당최 방법을 모르겠어서 시간이 없어서 mysql로 연결했다 방법은 서버단에 sql을..