IT&코딩 (152) 썸네일형 리스트형 Ajax ■ Ajax □ 설명 Ajax : Asynchronous javascript + xml(비동기 통신) #. 페이지 바뀜이 없이 서버와 통신 (background 통신) (구글맵, 쇼핑몰의 경우 장바구니에 넣을 때 해당 페이지 아래 부분으로 드래그하는 경우) #. 주로 많이 보는 것이 아이디 중복체크 #. 일반통신 vs백그라운드 통신 (일반통신) receivereceive +-------- +------- | | | -------+ +-------+ sendsend (비동기통신) receivereceive +--------+ +------- -------+ +-------+ sendsend client - request -----> 통신객체(XMLHttpRequest) -----> server 이름은 이군.. jQuery ■ 설명, 사용방법 jQuery ㄴ John Resig ㄴ client side, javascript framework (전체적으로 api) document.getElementById("aa") ======> $("#aa") 1) 인터넷이 항상 연결되어 있다고 가정(cdn) http:// 만들어 놓은 것을 import 2) 다운 받아서 import prototype.js . . scriptaculous.js(script.aculo.us) dojo.js jQuery.js . . vue.js ### jQuery download하기 JQuery.com으로 가서 다운로드는 상단 [download] 클릭 - download compressed..로 가서 -마우스우클릭- "다른이름으로 링크저장"(uncompress.. 자바스크립트 - 2 ■ css와 js 분리 (loveline) □ CSS1.css @charset "EUC-KR"; body{background-color:yellow} body{background-color:yellow} #fdiv{font-size:30px;} #sdiv{font-size:30px;} .kongjoo{font-size:25px} □ event.js //이 파일명은 event.js // // 웹페이지가 로딩될 때 // 이러면 여기에 html이 들어감 window.onload = function(){ // 객체.속 = 값 --> 객체.이벤트 = 이벤트처리함수 // tag 사용없이 load // 평강공주러브라인 버튼을 click하는 문법이 필요하므로 dom 접근을 사용하여 var kong = document... 자바스크립트 - 1 □ 자바스크립트 기본 □ 자바스크립트 STMT □ function 1 □ function 2 (외부파일 호출) * bakkat.js /** * */ function kaja(){ document.write('안녕 외부 js'); } * html □ DOM 1 bom vs dom 1. bom은 window 객체 (속성, 메소드, 이벤트) | document 객체location객체 ....... image form □ DOM 2 마우스를 따라다니는 이미지 □ if 1 □ if 2 (삼항연산자) □ switch문 □ lotto 예제 행운의 로또 번호 출력하기 □ 구구단 출력 구구단 중 3단만 구구단 전체 □ 자바스크립트 배열 ` □ InnerHTML 1 love I love you □ InnerHTML 2 (.. CSS - 2 □ float-left responsive float left layout 신상인형 소개(resize 가능) 다음과 같이 창의 크기를 조절할 때 그림의 위치가 변하는 것을 확인할 수 있다. □ text design 글자 디자인입니다. □ : margin, padding 박스가로길이와 그림가로길이를 딱딱 맞추어보자 I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. I Love you. □ table - separate 아하그렇구나 역시그렇구나 □ table-row-cell 테이블이.. CSS - 1 ■ CSS 이론 □ 예제 1 나는 무슨색? 나는 span이야 클래스는 뭐지 나도 pink인가? 나는 보라색이야 나는 paragraph이고 크기는 30 나는 h2 태그야 뭐야 나 글씨 커지는 건가 □ 예제2 (cssLink) css 파일은 다음과 같다. @charset "EUC-KR"; /* css만 입력 */ h1{color:yellow;} p{color:blue; font-size:30pt;} .redred{color:magenta;} #myid{color:green; font-size:20pt;} 나는 노란색 같아 나는 파랑글씨이고 글씨가 큰 거 같아 오늘은 웹하면서 수지맞는 수요일 나는 무슨색? □ css_shadow (그림자) 1 글씨에 그림자 한번 넣어볼까 박스에 그림자를 한번 넣어보자 span.. HTML - 3 □ HTML5 태그들 □ radio 태그 구매하고 싶은 물품은 셔츠 구두 가방 구매의견 꼭 작성해 주십시오 출발공항 선택 공항을 선택해주세요 케네디공항 인천공항 도쿄공항 여러개 선택해 아래에서 원하는 것을 선택해주세요. 여행 운동 낚시 등산 당구 □ 체크박스 메일전송여부를 결정해주세요. 좋아하는 운동은? 축구 테니스 골프 좋아하는 음식은? 빵 피자 햄버저 □ hidden 태그 임의의 값을 계속 웹 페이지마다 넘겨줄 필요가 있는 경우 발생. 이 경우 웹페이지마다 id, pw를 계속 넘겨주면서 통과시키면 됨. 이때 사용하는 것이 type="hidden" 이름 전화번호 □ structure □ 비디오 SQL - 6 (View & Sequence & Index) ■ view를 시작하기 이전에 □ 테이블 삭제 DELETE FROM -- 자료를 삭제, recover가 가능 TRUNCATE TABLE tel77; -- 내용이 지워짐(구조는 남는다) DESC tel77; SELECT * FROM tel77; -- 아무것도 없음을 확인 DROP TABLE tel77; SELECT * FROM TAB; -- BIN$...확인 FLASHBACK TABLE tel77 TO BEFORE DROP; -- 휴지통에 있는 테이블을 살린 것 SELECT * FROM TAB; -- 완전히 지우는 방법은? DROP TABLE tel77 PURGE; -- 완전삭제 DROP TABLE tel77 CASCADE CONSTRAINTS; □ Dictionary SELECT * FROM DICTIO.. 이전 1 2 3 4 5 6 7 ··· 19 다음
