개발 54

객체 배열 중복 제거 (Map())/배열 중복 개수 출력(forEach)

인터넷에서 찾아본 방법은 아래와 같다 1. 배열 중복 개수 출력 const arr = ['a', 'b', 'a', 'b', 'c']; const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); //쉽게 해석하자면 result[x] = (result[x] || 0) + 1; // 이 코드를 좀 더 풀어쓰면 아래와 같다. if(result[x]) { result[x] = result[x]+1; } else { result[x] = 0 + 1; } 2. 객체배열 중복 제거 데이터 function removeRpt(ObjArr) { const map = new Map(); for (const character of ObjArr) { m..

개발 2022.05.25

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

완성버전 :실행버튼을 누르면 아래 테이블이 출력 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..

MYSQL 다중 조인 테이블, 다중 조건 테이블 (테이블만 6개)

😢MYSQL의 조인은 테이블 쪼개고 합치기라고 정의내리겠다! 다시 찾아 볼 일이 생길 것 같아서 내가 SQL 구문 가공과정을 기록하기로 했다. ✅내가 해결해야 하는 DB ERD 1. dept_emp는 한 사람이 근무했던 모든 부서번호가 출력되기에 최근에 근무하는 부서번호를 출력해야했다 -아래 코드는 같은 아이디의 최근 부서를 출력한 테이블이다. SELECT emp_no,Max(to_date) From dept_emp GROUP BY emp_no; -위 테이블에서 종업원 번호와 부서번호만 출력하는 테이블을 만든다 SELECT emp_no,dept_no FROM dept_emp WHERE (emp_no,to_date) IN( SELECT emp_no,Max(to_date) From dept_emp GROUP..

개발/SQL 2022.05.24

node에서 MySQL row값 가져오기

console.log(rows)를 출력하면 [{}]배열내 객체 상태로 나와서 값을 가져오기란 쉽지 않다 아래처럼 코드를 실행하면 두번째 사진처럼 콘솔에 실행된다 maria.query( "SELECT * from employees where emp_no=?", [id], (err, results, fields) => { if (!err) { for (var i = 0; i < results.length; i++) { for (var keyNm in results[i]) { console.log( "key : " + keyNm + ", value : " + results[i][keyNm] ); } } } else { console.log(`err : ${err}`); res.send(err); } } ); ..

개발/SQL 2022.05.24

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을..

시퀄라이즈(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는 아래 명령어로 설치할 수 있습니다. apt update && apt-get -y upgrade apt-get install -y mariadb-server 설치가 완료되면 DB서비스를 시작하고 service mysql start 초기설정.. lab.cliel.com 1. 마리아DB를 설치해준다 (데이터를 쉽게 보기위해 설치했다) -공식홈페이지에 가서 환경에 맞게 설치해준다 https://mariadb.org/ 2.mariaD..

개발 2022.05.23

웹컴포넌트

리액트처럼 순수 HTML과 자바스크립트로 컴포넌트를 구성할 수 있다. https://enumclass.tistory.com/228 https://frontsom.tistory.com/5 웹 컴포넌트 (Web Component) 회사에서 여러 서비스를 만들면서 UI 단위(HTML, CSS, JavaScript) 의 코드 재사용성 에 대해 한창 고민했던 적이 있다. 리펙토링을 반복하며 모듈간 연관성을 제거하는 방식으로 개선해봤지만, 기존의 frontsom.tistory.com https://velog.io/@design0728/Web-Component-8njgyg44

개발 2022.05.23