22년 3월 28일_정처기 준비 시작! + 금일 쉅내용

월요일[할 수 있다.]

1. 금일 수업내용

2. 정처기 계획 및 각오

3. diary

 

1. alert 웹 브라우저 대화상자
ex) alert("Welcome!");

confirm 선택 요헝 반환값은 Boolean
var choice = confirm("hi");
console.log(choice);

prompt 사용자의 입력 값을 받음
var name = prompt("dd");
확인누르면 입력값 받고
취소면 null값

script태그는 html어디서든 삽입할 수 있다

이벤트 리스너

blur 폼 요소가 포커스를 잃었을 떄 
change 목록, 체크 상태 등이 변경되었을 떄 
focus 폼 요소에 포커스가 놓였을 떄
reset 폼이 리셋되었을 때
submit submet버튼을 눌렀을 때


data 사용자 정의 속성

요소선택
id -> getElemntbyid
class -> geteleemnstycolosna
셀렉터 -> queryseleootor guerselector all
2 .선택한 요소에 이벤트 부착
addevenlisthover(이벤트명, 콜백함수)

동적 행동

jQuery설치
포장. $로 감싸는 의미 엘리먼트 객체를 전달하거나 css 스타일 선택자를 전달,
$(element)는 다른 javaScript라이브러리에서도 많이 사용하기 때문에 충돌 방지
를 위해 명시적으로 jQuery (element)를 사용하기도 함
ex)funtion($) {
})(jQuery);


제이쿼리 객채를 사용하면 손쉽게 다룰 수 있다.
동적으로 엘리먼트를 추가하거나 제거하는 기능들을 말함
 
조작과 관련된 메서드들은 성격별로 카테고리가 나누어져있다.
내용관련메서드
속성관련메서드
스타일관련메서드

내용관려네서드
문서객체 원하는 엘리먼트의 내용을 찾아 바꾸거나 읽어오는 것

속성관련 메서드 인수의 개수에 따라 동작이 달라지며, 속성의 이름만주어지면 읽기, 이름과 값을 전달하면 변경(set)
속성이 없으면 새로 추가 기존값이 있으면 변경

attr(name) 검색된 요소들 주 ㅇname에해당하는 속성명을 가진 엘리먼트의 속성값으 ㄹ리턴
val() 폼 요소의 value값을 문자열로 반환

스타일 관려넴서드 
css(name) 처음 검색된 요소의 name에 해당하는 스타일 속성 값을 반환
css(name, value) 일치하는 요소의 스타일 속성값을 설정

event기본
.blur()요소에서 포커스를 잃을때
.keydown 키 입력 시 발생, 모든 키에 대해 적용

on() 이벤트 동적 바인딩

= 수업이 너무...ㄱ...

 

2. 계획

 

일단 한달이 채 되지 않아서 3단원씩 나가고 그 다음은 두 단원 그리고 다 훑는 걸 목표로했는데.. 

생각보다 양이 좀 되어서 오늘 하는 양을 보고 내일 다시 세워야할 거같다.

 

3. 일기

웹디자인을 치루고 바로 정보처리기사를 준비하는거 자체가 무리가 아예 없어보이진 않는다 남는시간이 너무 적어서 할 수 잇을...퉤 할 수 있다.

할 수 있다.

 

tomorrow wish list

. 정처기 계획 세우고 당일 할당치 완료하기

. 행복하기

. 좋지 못했던 점 3가지 이상 기재하기

. 점심시간에 큐넷에 문의 하기