[210730금]

$(function() {
$("#add").on('click', function(){
let username = $("#username").val();
let phone    = $("#phone").val();
let address  = $("#address").val();

let myTag = createTag(username, phone, address);
alert(myTag);
});
})

 

#add 버튼을 클릭하면 

화면 상에 븥이기 위해 createTag를 사용 

 

$("#username").val('');

=> 빈문자열을 $("#username")에 넣어라!

 

 

tbody는 브라우저에서 알아서 생성 

 

마지막으로 디비에 저장한 내용을 끌어다가 화면에 띄우기! 

 

 

prop

 

움직임 없이 고정 

 

 

이렇게 추가가 되어야하는데 내꺼는 안됨.. 

 

[2교시]

 

제목을 선택하기 위해 td 

 

if($(this).is(":checked"))

this는 체크박스

체크박스가 체크되어 있니? 확인

 

 

 

 

 

[3교시]

1) 자료형 

- 문자열(String) : '' "" 혼용 가능 

- 숫자(number) :

- boolean : true, false 

- 배열(Object) : [ ] ex) [1, 2, 3, 4, 5] 순서대로 index 

- 객체 : {name : '홍길동'} 

- 함수 : 

 

let ary = [11, 22, 33, 24, 51]

ary[1] ==> 22

 

let data = {name : '홍길동', age : 30};

data['name'] == > '홍길동' 

data['name'] = '홍길순'; 

data['addr'] = '서울시';

 

{

mouseenter : function(){alert("sdsfhsdi") },

mouseout : function(){alert("sdsfhsdi") },

};

 

var(예전 방식)

 

위 아래 같은 기능이지만 아래가 better 

 

 

2) 연산자 

 

 

 

 

//capturing 

 

//bubbling 

: 이벤트를 발생시킨는 코드가 있을 시, 이벤트가 부모쪽으로 전달되는 것이 버블링

: 특정요소에서 발생한 이벤트가 부모에게 전달되는 것 

 

preventDefault();를 사용하면 a태그를 보내지 않을 수가 있다. 

 

 

//propagation 

event.stopPropagation(); // 버블링 제거 

 

event.preventDefault();  //기본 이벤트 제거 
event.stopPropagation(); // 버블링 제거 ~