본문 바로가기

웹개발70

Lecture 44 - AJAX(1) 개요, XMLHttpRequest, request_csv, request_json, JSON 요청과 조작, jQuery Ajax * 실시간 구글 검색제시어 구글맵 아이디 추천 AJAX(Asynchronous Javascript & XML) 기술 * Asynchronous - 비동기 * Synchronous - 동기 클라이언트 서버 web 1.0 generation 브라우저 -> url -> 랜더링 url(AJAX) -> dom 생성 2023. 6. 20.
Lecture 43 - jQuery(3) attr(), 문서객체제거 및 생성, before(), prepend(), append(), after(), on(), 토글기능, off(), 이벤트객체, trigger(), 이벤트전달, 마우스이벤트, 윈도우이벤트, infinity scroll, 입력양식 이벤트 jQuery jQueryEx01.ex21 - 문서 객체의 속성 검사, 추가, 제거 속성 내용 속성 추가 속성 삭제 속성 내용 속성 추가 속성 삭제 속성 내용 속성 추가 속성 삭제 data-index="200" 추가됨 jQueryEx01.ex22 - 문서 객체의 스타일 검사 내용 추가 출력 내용 추가를 누르면 위와 같이 "새롭게 변경된 내용"이라고 지정한 값으로 바뀐다. 내용 추가 출력 내용 html을 text로 바꾸면 위와 같이 text타입으로 들어가진다 jQueryEx01.ex23 - pg.66 그림 15-16처럼 출력 jQueryEx01.ex24 - 문서 객체 제거 제거 1 제거 2 Header - 0 Header - 1 Header - 2 remove() - 전체가 날아감 empty() - 내용만 .. 2023. 6. 20.
Lecture 42 - Java(17) MemberManagement 프로젝트 수행 시 선행 조건 이론 코딩(X) 필요한 것이 무엇이고 내가 다 이해했는가? 1. String(StringBuffer / StringBuilder) 2. 배열 / List / Set / Map 3. File / BufferedReader / BufferedWriter * scanner / system.in 4. Datebase * OOP(x) - 추상화클래스 등 이런거는 다 짜놓고 나서 최적화 작업할 때 수행해야 한다. 물론 경험이 많고 익숙하면 첨부터 가능하겠지만 지금 레벨에서는 지양한다. MemberMgr com.exam.MemberManagement 메소드를 만들고 -> 구조를 만들고 package com.exam; import java.sql.Connection; import java... 2023. 6. 20.
Lecture 41 - jQuery(2) 배열 관리, extend(), noConflict(), filter(), end(), eq(), add(), is(), find(), addClass(), removeClass(), toggleClass() jQueryEx01.ex09 - 배열 관리 제어문 없이 루프가 돈다 jQueryEx01.ex10 - 자바스크립트 배열 관리 item - 1 item - 2 item - 3 item - 4 item - 1 item - 2 item - 3 item - 4 item - 5 item - 1 item - 2 item - 3 item - 4 item - 5 jQueryEx01.ex12 - 객체 확장 jQueryEx01.ex13 - jQuery 충돌 방지 $를 사용하는데 다른 프레임워크에서도 사용하면 충돌이 일어나므로 $.noConflict()를 해준다. jQueryEx01.ex14 - filter 선택자 : CSS를 동시에 주고 싶을 때 Header-0 Header-1 Header-2 Header-3 Header-.. 2023. 6. 20.
Lecture 40 - jQuery(1) Eclipse에 jQuery세팅법, jQuery 기초 jQuery 세팅법 위 두 파일을 받는다 지핑 jQuery 라이브러리를 다운 받아 jquery-3.3.1.min.js의 소스를 확인하면 모든 코드가 들여쓰기 구분이 없는 것을 확인할 수 있고 이렇게 한 이유는 클라이언트에게 제공할 웹 페이지의 용량을 줄이기 위해 이와 같이 한다. min이 없는 것은 개발용이다 CDN 호스트를 사용하여 원격에서 불러와 사용할 수 있다. 다운 받은 jQuery 라이브러리를 위와 같이 추가한다 jQueryEx01.ex01 - $(document).ready() jQuery를 사용한 모든 웹 페이지는 위와 같은 코드로 시작 $(document).ready(function() {를 여러개 해도 되지만 한 개 만 있는 것이 효과적이다 $는 자바스크립트에서 식별자로 사용할 수 있는 .. 2023. 6. 20.
Lecture 39 - MySQL(2) 자바로 메일 보내기, Maven 자바에서 이메일을 보내는 방법 MailSenderEx import java.io.UnsupportedEncodingException; import java.util.Date; import java.util.Properties; import javax.mail.Message; import javax.mail.MessagingException; import javax.mail.Session; import javax.mail.Transport; import javax.mail.internet.InternetAddress; import javax.mail.internet.MimeMessage; public class MailSenderEx { private String fromEmail = "구글 계정"; pr.. 2023. 6. 20.
Lecture 38 - MySQL(1) 기초, Java에서 MySQL 활용법 2019/05/09 - [웹 프로그래밍/MySQL] - MySQL Windows 7 설치법 MySQL Windows 7 설치법 MySQL 윈도우7 설치 방법을 설명하겠습니다. 아래 절차서를 따라서 해보시기 바랍니다. 다운 받으면 위와 같이 설치파일이 생깁니다. 더블 클릭하여 설치를 시작하겠습니다. 위 3가지 항목을 전부 체크하여 Exec.. bennyziiolab.tistory.com MySQL 설치법은 위 링크를 확인하세요 C:\Users\kitcoop>mysql -u root -p Enter password: ****** mysql> show databases; mysql> use sakila; Database changed mysql> show tables; Oracle의 top N query처럼 .. 2023. 6. 20.
MySQL Windows 7 설치법 MySQL 윈도우7 설치 방법을 설명하겠습니다. 아래 절차서를 따라서 해보시기 바랍니다. 다운 받으면 위와 같이 설치파일이 생깁니다. 더블 클릭하여 설치를 시작하겠습니다. 위 3가지 항목을 전부 체크하여 Execute를 눌러 주시면 아래와 같이 창이 뜨게 되는데 모두 설치해주시기 바랍니다. 전부 설치하면 위와 같이 Requirements 항목이 다 사라진 것을 확인할 수 있습니다. Next 눌러줍니다. 이것을 마지막으로 설치를 완료하였습니다. 그럼 즐거운 MySQL 활용되시기 바래요~ 2023. 6. 20.

티스토리툴바