컴퓨터 프로그래밍/수업 (31) 썸네일형 리스트형 2020.05.27_2 traversing:부모자식자매 썬글라스 썬글라스 반바지 머리핀 파마머리 김태희 2020.05.27_1 이벤트(Event) - 가장 많이 나오는 이벤트: 1) click->click() or on()[공적으로 권장: 이것은 click보다 기능이 더 있습니다.] 2) mouse(mouseenter, mouseleave)-> hover를 쓰면 됩니다. 3) itemStateChange(컴포넌트안에 내용물을 변경할 때 사용합니다. click이랑은 다릅니다. )-> change()사용합니다. ex) select : select는 누르지 않아도 실행이 되어서 setTimeout()으로 변형되어서 해결햇습니다. : select는 클릭이 아니라 아이템이 변경되는 것입니다. 4) key-> keypress(), keydown(), keyup()-> keyup()이 가장 마지막에 일어나는 행위라서 아마도 쓰면 좋을 것 같.. 2020.05.26_2 unbind() 오늘은 화요일 입니다. 오후 늦게 비가 온다는 예보가 있습니다. 퇴근할 때 비가 올 수 있습니다. 우산들 가지고 오셨나요? hover() Bigger Image table hover 이 름직 업주 소 아이유가수여의도 손석희사회자신림동 조정석배우혜화동 장민호가수서초동 find함수 적용 이 름직 업주 소 아이유가수여의도 손석희사회자신림동 조정석배우혜화동 장민호가수서초동 hide()|show() +++++++++++++사진보기++++++++++++++++++ 함수 정리 - val() - html(), text() - setTimeout(function(){ }, 3000); 3초뒤에 동작-> 단한번만 - setInterVal(function(){ }, 3000); 3 간격으로 bind(), c.. 2020.05.26_1 jquery event: 중요한건 click과 on입니다. val(): from값만 handling합니다. form값 받아오거나 form값에 넣을때, - javascript에 innerHTML이랑은 다른것입니다. select 폼 속성 each함수(for문이랑 같음) each():: 일종의 for문과 같다.... 동일한 태그가 반복적으로 나왔을 때 적용하는 함수.... h1 태그의 갯수만큼 each() 함수가 수행된다고 볼수 있다... 내부적으로 index가 돌아간다. 첫번째 index는 당연히 0이 된다. Item-0 Item-1 Item-2 Item-3 Item-4 Item-5 Item-6 Item-7 Event 붙이는 함수 append append(), after()||prepend(), before.. 2020.05.25_2 selector 1 What is jQuery? Query is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. With a co.. 2020.05.25_1 JQuery(javaScript library)->event :bootstrap!! -> ui에서 로컬 스토리지가 중요합니다. 이것을 잘 다룰줄 알아야합니다. 지금은 모르지만 앞으로 vue.js에서 또 사용 할 것입니다. session? 뷰라는 기술은 session을 못씁니다. 결론적으로 로컬스토리지를 써야합니다. 내용은 굉장히 간단합니다. 이와 관련된 내용은 JQuery후에 할 예정입니다. page를 만들면 로직을 연결할 수 있습니다. javascript에서 중요한것이 또 AJax: 비동기화:(acynchonized javaScript XML)입니다. 자바스크립트로 할 수 있다는 말은 JQeury로도 가능하다는 말입니다. select ---호선--- 1 2 3 ---호선--- 1 2 3 textarea.. 2020.05.22_2 for사용 onclick submit jsp파일을 만들어서, action에 넣어줍니다. --jsp파일 백그라운드를 빨갛게만 해줌 버튼 눌렀을때 한번 확인해야합니다. 그것은 onsubmit으로 처리해줍니다. jsp와 html의 차이는 이게 다릅니다. 둘다 script기반입니다. 태그 기반이라는 뜻입니다. html은 프로그램이 아니나, jsp는 태그 기반의 프로그램(로직을 모양이 태그로 만들었음)입니다. 웹컨테이너(PHP, jsp, asp)->꼬라지는 tag기반입니다. 서버에서 돌아가는 가장 핵심적인 language는 servlet입니다. 서블렛의 모양을 바꿔서 만든게 jsp 프론트랑와 프로그래머의 중간단계에서 잘 하게 하려는 asp, php, jsp입니다. mvc만 하는 회사, jsp만 하는 회사는 안됩니.. 2020.05.22_1 1. 자바스크립트의 기본적인 내용 - data type - 변수가 가지는 특징 - 함수가 가지는 특징 - 객체 2. 자바스크립트를 이용한 이벤트----> jQuery---->bootstrap 3. DOM - 다큐먼테이션안에서는 모든 태그가 객체로 만들어져서 올라갑니다. - data분석 하고 할때, 내가 뽑아낸 데이터를 웹으로 출려할때 DOM기술이 쓰입니다. - html형태를 핸들링할 때, 태그로 파싱된 데이터를 핸들링 할때 쓸 수 있는 방식 => DOM방식과 삭시 방식이 있습니다. - 삭스방식은 확 읽어서 뿌릴때, DOM방식은 가져와서 그거를 조작해서 쓸 때 쓰입니다. 4. BOM 변수 함수 객체 생성 방법 객체 활용 html을 메모리에 올리면 dom구조로 됩니다. 아래와 같은 document 구조가 됩.. 이전 1 2 3 4 다음
