전체 글

데이터 분석을 위한 웹 개발 언어 ✔️ 미디어 쿼리✔️ js_인터렉티브 웹 요소 생성✔️ js_윈도우 객체와 스크롤     ✔️ 미디어 쿼리    기본 스타일 설정미디어 쿼리(@media) : CSS에서 화면 크기나 장치 측성에 따라 스타일을 조정예) 컴퓨터 화면에서는 큰 폰트 활용, 모바일 기기에서는 상대적으로 작은 폰트 활용'F12 -> 장치 확인 버튼으로 너비와 높이 바꿔가면서 확인 가능html {font-size: 80px;}article {width: 40%; height: 20%; background-color: pink; margin: 100px auto;} 미디어 쿼리 화면 크기에 따라서 바뀌는 폰트 사이즈(전체 폰트 크기는 80px이며 화면 너비가 901px 이상인 경우 전체의..

데이터 분석을 위한 웹 개발 언어 ✔️ 레이아웃_flexbox✔️ 레이아웃_grid     ✔️ 레이아웃_flexbox    기본 설정flexbox : 1차원 방식(가로, 세로)으로 레이아웃을 설계하는 방식블록 요소를 자유롭게 정렬하기 위해서 만들어짐.flex-container { width: 300px; height: 200px; border: 1px solid black; display: flex;} .flex-item { color: white; background-color: brown; border: 1px solid white;}.flex-item:nth-child(2n) {background-color: blue;} 1 2 3 4 (flex-container는 너비는 3..

문제 가장 최근에 들어온 동물은 언제 들어왔는지 조회하는 SQL 문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr     요구 사항 확인보호소 입소 정보(ANIMAL_INS) 테이블 중  DATETIME만 조회보호소 입소 날짜(DATETIME)이 가장 최근인 경우(MAX(DATETIME))인 경우만 조회(서브쿼리 활용)select DATETIMEfrom ANIMAL_INSwhere DATETIME = (select max(DATETIME) from ANiMAL_INS);      이와 비슷한 SQL 문제를 풀어보고 싶다면프로그래머스에서 풀어볼 수 있습니다.https://school.pro..

문제 잡은 물고기 수를 출력하는 SQL 문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인잡은 물고기의 수(COUNT())만 조회잡은 날짜(TIME)의 년도(YEAR())가 2021인 경우만 조회잡은 물고기의 수는 FISH_COUNT라는 별칭 지정(as ~)select count(*) as FISH_COUNTfrom FISH_INFOwhere year(TIME) = '2021';     이와 비슷한 SQL 문제를 풀어보고 싶다면프로그래머스에서 풀어볼 수 있습니다.https://school.programmers.co.kr/ 프로그래머스SW개발자를 위한 평가, 교육, 채용까..

데이터 분석을 위한 웹 개발 언어 ✔️ 콘텐츠 모양 변경✔️ 콘텐츠 모양 변경_2      ✔️ 콘텐츠 모양 변경    크기 조정scale : 크기 확대/축소1은 원래 크기 1보다 작으면 축소, 크면 확대section article { width: 100%; height: 100%; background: blue; opacity: 0.3;}section:nth-of-type(1) article {transform: scale(0.8);}콘텐츠 모양을 자유롭게 변경 (파란 박스가 원래 크기의 80%로 설정)    기울기 조정skewX : 가로(X축) 방향으로 기울임skewY : 세로(Y축) 방향으로 기울임section article { width: 10..

문제 잡은 물고기의 평균 길이를 출력하는 SQL문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인잡은 물고기의 평균 길이 조회잡은 물고기 중 길이(LENGTH)가 10cm 이하인 경우는 NULL로 적용되어 있기 때문에평균 길이를 구하는 경우에는 NULL인 경우에 10을 입력하고 해당 테이블을 활용해길이(LENGTH)의 합계(SUM())를 길이(LENGTH) 갯수(COUNT())로 나누면 평균 길이 조회 가능(CTE 활용)평균 길이(AVERAGE_LENGTH)는 소수점 3번째 자리에서 반올림하여 조회(ROUND())with FISH_INFOS as ( select ..

문제 대장균 개체의 ID와 분류를 출력하는 SQL 문을 작성  프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인대장균 개체의 ID와 사이즈 분류만 조회대장균 개체의 사이즈가 100 이하인 경우는 LOW 입력,대장균 개체의 사이즈가 100 초과 1000 이하인 경우는 MEDIUM 입력,대장균 개체의 사이즈가 1000 초과인 경우 HIGH 입력하여 구분(CASE~WHEN)ORDER BY 오름차순(ID)select ID, case when SIZE_OF_COLONY 100 and SIZE_OF_COLONY 1000 then 'HIGH' end as SIZEf..

문제 2022년 10월 5일에 등록된 중고거래 게시물의 게시글 ID, 작성자 ID, 게시글 제목, 가격, 거래상태를 조회하는 SQL문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인게시글 아이디, 작성자ID, 제목, 가격, 거래 상태만 조회거래 상태(STATUS)에 따라 DONE인 경우는 거래완료 입력,SALE인 경우는 판매중 입력, RESERVED인 경우는 예약중 입력(CASE~WHEN)작성일(CREATED_DATE)은 2022-10-05인 경우만 조회(DATE_FORMAT())ORDER BY 내림차순(BOARD_ID)select BOARD_ID, WRITER_I..

문제 입양을 간 기록은 있는데, 보호소에 들어온 기록이 없는 동물의 ID와 이름을 조회하는 SQL문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인동물의 아이디와 이름만 조회입양 보낸 기록은 있는데 보호소에 들어온 기록이 없는 경우를 찾기 위해 동물 보호소에 들어온 동물의 정보(ANIMAL_INS) 테이블과 입양 보낸 동물의 정보(ANIMAL_OUTS) 테이블-> LEFT JOIN 진행(기준 컬럼 : ANIMAL_ID)입양 기록은 있지만 보호소 들어온 기록이 없는 경우는 기준 테이블을 ANIMAL_OUTS 테이블을 기준으로ANIMAL_INS 테이블을 LEFT JOIN을 진행하..

문제 Python 스킬을 가진 개발자의 ID, 이메일, 이름, 성을 조회하는 SQL 문을 작성 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr    요구 사항 확인개발자의 아이디, 이메일, 개발자의 이름, 성만 조회SKILL_1이 파이썬(Python)이거나 SKILL_2가 파이썬(Python)이거나SKILL_3이 파이썬(Python)인 경우를 확인(OR)(위 경우를 같이 확인해야 하기 때문에 괄호()로 묶어서 확인)ORDER BY 오름차순(ID)select ID, EMAIL, FIRST_NAME, LAST_NAMEfrom DEVELOPER_INFOSwhere (SKILL_1 = 'P..