일상의 조각

이벤트 동적 바인딩 실습 (동적 객체 생성 아후 생성된 객체에 이벤트 바인딩하기) 실습. 아래의 버튼을 클릭시 동적으로 행을 추가 혹은 삭제하는 이벤트를 등록하고, 추가한 대상에 동일한 기능이 적용되도록 작업하여라. 추가된 대상에 데이타들은 초기화되어야한다. 사용자추가 사용자삭제 풀이) 1. 각 요소들을 querySelctor 로 받아온다. var eventgroup = document.querySelector('#event-group') var addUser = document.querySelectorAll('.addUser'); //배열로 반환 var delUser = document.querySelectorAll('.delUser'); 2. 배열을 풀어 각 이벤트요소 클릭할 때마다 함수가 실행된다...

* 11월 25일 팀프로젝트 주제 기반 자신이 맡은 기능을 10분간 ppt로 발표. ui디자인, 요구사항, 화면설계 등 평가. *

이벤트 실행 대상의 인덱스 구하기 제거 제거 제거 ---------------------------------------------------------- 컨텐츠 1 컨텐츠 2 컨텐츠 3 1) 클로저 : 주변환경을 기억하고 있다.(함수내부에 있는 지역 변수값들 기억) function actionTime(index){ var sum = index + 1000; setTimeout(function(){ console.log(index, sum, 'setTimeout'); },1000); }; for(var i=0; i 클릭 이벤트 발동이므로 i 의 최종적인 값만 가져온다. 결과 : 3 for(var i=0; i 클릭 이벤트 발동이므로 i 의 최종적인 값만 가져온다. delBtnArray[i].addEvent..

- 선택된 객체에 appendChild 의 인수의 객체를 삽입. 1. 안녕하세요. ----------------------------------------- 위 아래 var topDiv = document.querySelector('#topDiv'); var bottomDiv = document.querySelector('#bottomDiv'); var upBtn = document.querySelector('#upBtn'); var dwBtn = document.querySelector('#dwBtn'); upBtn.addEventListener('click', function(){ var myText = bottomDiv.querySelector('.myText'); if(myText !=undefi..

exerd 메뉴 1. p : 물리 (단축키 : F5) l : 논리 (F4) -> db의 코멘트에 해당 2. 논리 / 물리 동시편집 하여 작성. 3. 비식별관계 식별관계 4. 테이블 생성 5. 기본키 설정 : 테이블 우클릭 -> pk 컬럼으로 지정 관계설정은 참조되는 테이블의 기본키를 클릭하고 참조하는 테이블의 외래키/기본키 선택. 외래키 -> 비식별 / 기본키 -> 식별 관계 문자열은 길이를 설정하여야 한다. 작성예시) 1. 리버스 엔지니어링 - db에서 exerd 로 받아오기. 1) 2)db연결 테스트 3) 항목설정은 변경 안됨. 소유자 설정 : 스키마 목록에서 선택 -> ksmartdb 논리설정 : 주석을 논리 이름으로 사용 4) 스키마별로 다이어그램 설정 5) 왼쪽에 있는 테이블이 다이어그램으로 생..

1. 상품테이블의 단가 중 단가가 높은 상품 순서대로 순위를 포함하여 상품테이블을 출력하시오 SELECT g.g_code AS'상품코드' ,g.g_name AS '상품명' ,g.g_price AS '상품가격' ,(case when (@gPrice = g.g_price) then @rank when (@gPrice := g.g_price) then @rank := @rank + 1 END) AS '순위' FROM tb_goods AS g join (SELECT @rank := 0, @gPrice := 0) AS r ORDER BY g.g_price DESC; 변수는 마지막에 실행. 1. from 의 select 구문으로 변수 0으로 초기화. select 구문의 case 문 실행. @gPrice(0) = 8..

DBeaver 1. 설치 2. 데이터베이스 -> 새 데이터베이스 연결 3. my-sql 선택 username : ksmart41id password : ksmart41pw 4. table 클릭 -> 엔티티 관계도 5. 테이블 연결선 클릭 -> 관련되어 있는 키 보여줌.

실습문제 1. 회원의 레벨 별 인원을 조회하시오. /* 회원등급레벨 tb_member_level , 회원 인원수(tb_member) */ SELECT l.level_name AS '회원레벨' ,COUNT(m.m_id) AS '인원수' FROM tb_member AS m INNER join tb_member_level AS l on m.m_level = l.level_num GROUP BY l.level_name; 2. 회원 별 구매이력 중 구매금액이 가장 높은 금액의 상품명을 추출하여 회원아이디와 이메일과 함께 조회 하시오. SELECT DISTINCT m.m_id AS '회원아이디' ,m.m_email AS '이메일' ,g.g_name AS '상품명' ,MAX(g.g_price * o.o_amount)..

document api 실습. 1. .my-div 클릭시 '클릭해주세요'라는 문구를 '한국스마트정보교육원'으로 변경하도록 하시오. 클릭해주세요. 클릭해주세요. 클릭해주세요. 2. 체크된 대상의 값을 합산하여 #totalPrice 에 결과를 출력하여라. 1000 2000 3000 합산 : 0 내풀이) var goods = document.querySelectorAll('#checkList input[name=goods]'); var sum = 0; for(var i=0; i

객체검색 - 이벤트 등록, 제거 혹은 특정한 대상에 값 수정, 삭제, 부여하기 위해서는 객체 검색이 필요하다. 아이디 값으로 객체 검색 - document.getElementById('아이디명'); - 아이디는 대소문자를 구분하는 문자열로, 문서 내에서 한다. 즉, 하나의 값은 하나의 요소만 사용할 수 있다. - 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. - 아이디라는 속성에 유일값을 가진 태그 객체 검색 안녕하세요. 한국스마트정보교육원입니다. var myTextGroup = document.getElementById('myTextGroup'); var mySapn = document.getElementById('mySpan'); 실행결과) ..