1. SQL
1.1. 서브쿼리 : 쿼리 안에 다른 쿼리를 넣는 것
-- 김사랑 사원과 같은 급여를 갖는 사원의 모든 정보 조회
SELECT *
FROM EMP
WHERE SAL = (SELECT SAL
FROM EMP
WHERE ENAME = '김사랑');
-- 모든 사원의 급여의 평균보다 급여를 더 많이 받는 사원들의 모든 정보
SELECT *
FROM EMP
WHERE SAL > (SELECT AVG(SAL)
FROM EMP);
-- 모든 사원의 사번, 사원명, 부서 번호, 부서명을 조회
SELECT EMPNO, ENAME, DEPTNO
, (SELECT DNAME FROM DEPT
WHERE DEPTNO = EMP.DEPTNO) AS 부서명
FROM EMP;
2. JavaScript
2-1. input 태그에 작성된 값 받아오기
태그에 접근하는 방법 : id, class로 접근
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="myInput">
<script type="text/javascript">
//태그 중 id 속성이 myInput인 태그를 선택 (옛날 방식)
var myInput = document.getElementById('myInput');
//선택한태그.속성명 -> 속성값을 알 수 있음
console.log(myInput.type); //선택한 태그의 type 속성값
console.log(myInput.id); //선택한 태그의 id 속성값
console.log(myInput.value); //선택한 태그의 value 속성값
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="aaa">
<input type="button" value="실행" onclick="getValue();">
<script type="text/javascript">
function getValue() {
//변수 선언
//const : 변하지 않는 값을 저장할 때 사용
//let : 변하는 값을 저장할 때 사용
const myTag = document.querySelector('#aaa');
//const myTag = document.querySelector('.aaa');
//const myTag = document.querySelector('div > table > tr');
alert(myTag.value);
//선택한 태그의 value 속성값을 변경
myTag.value = '안녕하세요';
}
</script>
</body>
</html>
+) 두 수를 더하는 함수 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="input1">
<input type="text" id="input2">
<input type="button" value="더하기" onclick="addNum();"><br>
<input type="text" id="result">
<script type="text/javascript">
function addNum() {
const val1 = parseInt(document.querySelector('#input1').value);
const val2 = parseInt(document.querySelector('#input2').value);
const result = val1 + val2;
document.querySelector('#result').value = result;
}
</script>
</body>
</html>'TIL' 카테고리의 다른 글
| 220309 [SQL] (VIEW / MERGE INTO) (0) | 2023.03.09 |
|---|---|
| 230306 [SQL] (다중 INSERT) (0) | 2023.03.06 |
| 230302 [SQL] (INNER & OUTER JOIN) (0) | 2023.03.03 |
| 230228 [SQL, Javascript] (트랜잭션 / 함수) (0) | 2023.02.28 |
| 230227 [SQL] (조인) (0) | 2023.02.27 |