바바

기존 요소의 내부에 새로운 요소나 콘텐츠를 추가해주는 메소드 메소드 설명 .append() 선택한 요소의 마지막에 새로운 요소나 콘텐츠를 추가함. .prepend() 선택한 요소의 처음에 새로운 요소나 콘텐츠를 추가함. .appendTo() 선택한 요소를 해당 요소의 마지막에 삽입함. .prependTo() 선택한 요소를 해당 요소의 처음에 삽입함. .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. 1. .append() 메소드 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가 .append() 메소드 햄버거 피자 김치찌개 아이템 추가 ▼result 2. .prepend() 메소드 선택한 요소의 '처음'에 새로운 요소나 콘..

getter 메소드 와 setter 메소드 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. .width() 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정함. .height() 선택한 요소 중에서 첫 번째 요소의 높이를 픽셀 단위의 정수로 반환하거나 설정함. .attr() 해당 요소의 명시된 속성의 속성값을 반환하거나 설정함. .position() 선택한 요소 중에서 첫 번째 요소에 대해 특정 위치에 존재하는 객체를 반환함. (getter 메소드) .val() 요소의 값을 반환하거나 설정함. 1 . getter 메소드 & setter 메소드 - getter : 선택된 요소에 접근하여 ..

제이쿼리 선택자 - css 선택자뿐만 아니라 몇몇 비표준 선택자도 사용할 수 있다. - 이러한 비표준 선택자를 사용하면 선택한 요소를 저장하거나, 그 결과에 대해 필터링까지 할 수 있다. 1. 선택한 요소 저장 선택한 요소들을 변수에 저장하여 사용할 수 있다. 변수에 요소 저장하기 아이템 1 아이템 2 아이템 3 아이템 4 아이템 5 ▼ 2 - 1 . 선택한 요소의 필터링 필터링을 사용하면 선택한 요소의 더 세분화된 선택이 가능하다. 선택한 요소의 필터링 첫 번째 아이템이에요! 두 번째 아이템이에요! 세 번째 아이템이에요! 필터링 ▼ 2 - 2 .필터링에서 사용할 수 있는 선택자 선택자 설명 :eq(n) 선택한 요소 중에서 인덱스가 n인 요소를 선택함. :gt(n) 선택한 요소 중에서 인덱스가 n보다 큰..

CSS 선택자를 이용한 HTML 요소 선택 적용 방법 - 선택한 요소에 지정한 스타일을 적용 $("CSS선택자").css("스타일 속성명", "값"); - 선택한 요소에 지정한 속성을 적용 $("CSS선택자").attr("속성명", "값"); 선택자 종류 종류 사용법 설명 전체선택자 $(" * ") 모든 요소를 선택 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요소를 선택 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3...") 지정된 요소들을 한번에 선택 종속 선택자 $("요소.클래스명") $("요소#아이디명") 요소들중 클래스 or 아이디..

제이쿼리 적용 - 제이쿼리는 자바스크립트 라이브러리 - 제이쿼리 파일은. js 파일 형태로 존재해야한다. - 따라서 웹 페이지에서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 웹 페이지에 로드해야 한다. 1. 제이쿼리 적용 방법 1) 제이쿼리 파일을 받아 로드하는 방법 - 공식 사이트에서 다운로드 후 제이쿼리 파일을 서버에 저장 후, 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 제이쿼리 기본 문법 $(선택자).동작함수(); => HTML요소 선택하고 동작 함수 정의하여 선택된 요소에 원하는 동작을 설정할 수 있다. 달러($) 기호 : 제이쿼리를 의미하며, 제이쿼리에 접근할 수 있는 식별자이다. $() 함수 : 함수는 선택된 HTML 요소를 제..

재구매가 일어난 상품과 회원 리스트 구하기 문제 ONLINE_SALE 테이블에서 동일한 회원이 동일한 상품을 재구매한 데이터를 구하여, 재구매한 회원 ID와 재구매한 상품 ID를 출력하는 SQL문을 작성해주세요. 결과는 회원 ID를 기준으로 오름차순 정렬해주시고 회원 ID가 같다면 상품 ID를 기준으로 내림차순 정렬해주세요. ONLINE_SALE 테이블 ONLINE_SALE_ID, USER_ID, PRODUCT_ID, SALES_AMOUNT, SALES_DATE는 각각 온라인 상품 판매 ID, 회원 ID, 상품 ID, 판매량, 판매일을 나타냅니다. 💡 정답 SELECT USER_ID ,PRODUCT_ID FROM ONLINE_SALE GROUP BY USER_ID,PRODUCT_ID HAVING COUN..

성분으로 구분한 아이스크림 총 주문량 문제 상반기 동안 각 아이스크림 성분 타입과 성분 타입에 대한 아이스크림의 총주문량을 총주문량이 작은 순서대로 조회하는 SQL 문을 작성해주세요. 이때 총주문량을 나타내는 컬럼명은 TOTAL_ORDER로 지정해주세요. FIRST_HALF 테이블 - SHIPMENT_ID, FLAVOR, TOTAL_ORDER 는 각각 아이스크림 공장에서 아이스크림 가게까지의 출하 번호, 아이스크림 맛, 상반기 아이스크림 총주문량을 나타냅니다.기본 키는 FLAVOR입니다. ICECREAM_INFO 테이블 - INGREDIENT_TYPE에는 아이스크림의 주 성분이 설탕이면 sugar_based라고 입력되고, 아이스크림의 주 성분이 과일이면 fruit_based라고 입력됩니다. ICECREA..

조건에 맞는 도서와 저자 리스트 출력하기 문제 '경제' 카테고리에 속하는 도서들의 도서 ID(BOOK_ID), 저자명(AUTHOR_NAME), 출판일(PUBLISHED_DATE) 리스트를 출력하는 SQL문을 작성해주세요. 결과는 출판일을 기준으로 오름차순 정렬해주세요. BOOK 테이블 & AUTHOR 테이블 예시 및 주의사항 💡 정답 SELECT BOOK_ID ,AUTHOR_NAME ,DATE_FORMAT(PUBLISHED_DATE, '%Y-%m-%d') AS PUBLISHED_DATE FROM BOOK JOIN AUTHOR USING(AUTHOR_ID) WHERE CATEGORY= '경제' ORDER BY PUBLISHED_DATE

가장 비싼 상품 구하기 문제 PRODUCT 테이블에서 판매 중인 상품 중 가장 높은 판매가를 출력하는 SQL문을 작성해주세요. 이때 컬럼명은 MAX_PRICE로 지정해주세요. PRODUCT 테이블 PRODUCT_ID, PRODUCT_CODE, PRICE는 각각 상품 ID, 상품코드, 판매가를 나타냅니다. 💡 정답 SELECT MAX(PRICE) AS MAX_PRICE FROM PRODUCT

12세 이하인 여자 환자 목록 출력하기 문제 PATIENT 테이블에서 12세 이하인 여자환자의 환자이름, 환자번호, 성별코드, 나이, 전화번호를 조회하는 SQL문을 작성해주세요. 이때 전화번호가 없는 경우, 'NONE'으로 출력시켜 주시고 결과는 나이를 기준으로 내림차순 정렬하고, 나이 같다면 환자이름을 기준으로 오름차순 정렬해주세요. PATIENT 테이블 - PT_NO : 환자번호 - PT_NAME : 환자이름 - GEND_CD : 성별코드 - AGE : 나이 -TLNO : 전화번호 💡 정답 방법 1 : IFNULL 사용 ( IFNULL(값1, 값2) : 값이 있으면 값1, 없으면 값2 를 출력) SELECT PT_NAME ,PT_NO ,GEND_CD ,AGE ,IFNULL(TLNO,'NONE') AS..