어쨌든 공부하는 블로그

https://school.programmers.co.kr/learn/courses/30/lessons/131116 문제: FOOD_PRODUCT 테이블에서 식품분류별로 가격이 제일 비싼 식품의 분류, 가격, 이름을 조회하는 SQL문을 작성해주세요. 이때 식품분류가 '과자', '국', '김치', '식용유'인 경우만 출력시켜 주시고 결과는 식품 가격을 기준으로 내림차순 정렬해주세요. select category, price as max_price, product_name from food_product where category in ('과자', '국', '김치', '식용유') and price = ( select max(price) from food_product as comp where food_pro..

https://school.programmers.co.kr/learn/courses/30/lessons/59045 select ins.animal_id, ins.animal_type, ins.name from animal_ins as ins inner join animal_outs as outs on ins.animal_id = outs.animal_id where sex_upon_intake like 'Intact%' and (sex_upon_outcome like 'Spayed%' or sex_upon_outcome like 'Neutered%') order by ins.animal_id 문제: 보호소에 들어올 당시에는 중성화되지 않았지만, 보호소를 나갈 당시에는 중성화된 동물의 아이디와 생물 종, ..

위와 같은 느낌의 드롭다운 메뉴바를 구현해보았다 드롭다운 메뉴바 자체의 코드가 어려운 것은 아니었지만 1. 각 메뉴별로 submenu 개수가 달라도 밑에 빈 공간이 생기지 않고 2. 위에서 아래로 내려오는 애니메이션 효과 가 되는 드롭다운 메뉴바를 구현하고 싶어서 좀 더 찾아보았다 HTML 코드 소개 행사개요 일정표 오시는길 라인업 MAIN STAGE SUB STAGE 프로그램 MAIN STAGE SUB STAGE 체험 프로그램 갤러리 SMF 2022 SMF 2021 SMF 2020 SMF 2019 커뮤니티 공지사항 문의하기 FAQ HTML 코드는 그냥 보통의 드롭다운 메뉴바 형식으로 작성해주면 된다 CSS 코드 .navigation { background-color: #1e192c; width: 100..

이런 느낌의 이미지 슬라이더를 만들어보았다 HTML Project CSS #project .title { display: inline-block; } .slider { width: 800px; height: 400px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .slider-wrapper { width: 600px; height: 400px; overflow: hidden; } .slider-slide { width: 1800px; display: flex; flex-direction: row; transition: all 0.5s; } .slide..