공부기록169 3월 24일 (1) DB - 이론, MySQL 설치 DataBase(DB) - 데이터를 모아 놓은 저장 프로그램 DB 프로그램 종류 Oracle(오라클), MS-SQL - 유료 MySQL, Maria-DB 등 - 무료 오라클 회사에서 MySQL을 인수하여 오라클과 같이 운영 SQL(Structured Query Language) MySQL :: MySQL Downloads MySQL Cluster CGE MySQL Cluster is a real-time open source transactional database designed for fast, always-on access to data under high throughput conditions. MySQL Cluster MySQL Cluster Manager Plus, everything in M.. 2023. 3. 24. 3월 23일 (2) AJAX 정보 받아서 표로 만들기 userId id title 2023. 3. 23. 3월 23일 (1) 웹 사이트 따라서 만들기 따라서 만드는 웹사이트 책 예제 변형해서 만든 버전 웹 사이트 사진화면 부분 자바스크립트로 슬라이드 자동으로 넘어가게 만들기let current = 0; showSlides(); function showSlides() { let slides = document.querySelectorAll("#slides > img"); for(let i = 0; i slides.length) current = 1; slides[current - 1].style.display = "block"; setTimeout(showS.. 2023. 3. 23. 3월 22일 JavaScript - jQuery 요소삭제, AJAX 제이쿼리 연습방법 - 자바스크립트로 짜인 코드를 제이쿼리 방식으로 변경해 보기 어제 이어서 요소의 삭제 1. $("선택자").remove(); 선택한 요소와 그 하위 요소 모두 삭제 2. $("선택자").empty(); 선택한 요소의 하위 요소만 삭제(비운다.) Parent Element Child Element 1 Child Element 2 add remove empty 서버와 클라이언트 통신 방식 1. 동기 통신(Synchronus) 데이터의 시작, 종료 응답을 해줌, 데이터를 못 받은 부분에도 응답을 해주어서 데이터를 완성 시킴, 서로 싱크를 맞춤 a태그, form 태그의 페이지가 완전히 다른 html 화면으로 바뀌는 것을 동기통신이라고 한다. 데이터를 주고받을 때 시작과 종료를 정하고 양 쪽이 .. 2023. 3. 22. 3월 21일 (2) JavaScript - jQurey 요소 추가, 속성값 가져오기/ 변경하기 + 메서드 체이닝(Method Chaining) 기능들이 연결된 것처럼 연속적으로 처리된다. 동일한 요소에 여러 명령을 차례로 실행할 수 있는 연결 기술 기존명령 + .새메서드() + .새메서드() + ....... $("선택자").css("color", "red").slideUp().slideDown(); 3. 형제 요소 선택 $("선택자").siblings() : 모든 동일 계층 요소 $("선택자").prev() : 선택자 이전요소(하나) 선택요소 위쪽 $("선택자").prevAll() :이전의 모든 요소 $("선택자").prevUntil("지정요소") : 선택자와 지정요소 사이의 모든 요소 (선택자와 지정요소 제외) $("선택자").next() : 선택자 요소의 다음 요소(하나) 선택요소 아래쪽 $.. 2023. 3. 21. 3월 21일 (1) JavaScript - jQurey 선택자(기본, 조합, 관계) 어제 이어서 slidetoggle 예제 수정 부분 $("#flip2").click(function () { $("#p2").slideToggle("show", function(){ let view = $("#p2").css("display"); if(view == "none"){ $("#flip2").text("토글 - 다운"); } else { $("#flip2").text("토글 - 업"); } }); }); 기본선택자 1) 태그명 - $("div") 2) class - $(".box") 3) id - $("#d1") 선택자 전체 요소 선택자 - $("*") 현재 요소 선택자 - $(this) 속성 선택자 - $("[]") 조합 선택자 태그명과 class 혼합 - $("p.c1") 같은 형제 태그들 .. 2023. 3. 21. 이전 1 ··· 15 16 17 18 19 20 21 ··· 29 다음
