Study, 2022

문제 출처 프로그래머스 https://programmers.co.kr/learn/courses/30/parts/17042 테이블 설명 ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디, 생물 종, 보호 시작일, 보호 시작 시 상태, 이름, 성별 및 중성화 여부를 나타냅니다. NAME TYPE NULLABLE ANIMAL_ID VARCHAR(N) FALSE ANIMAL_TYPE VARCHAR(N) FALSE DATETIME DATETIME FALSE INTAKE_CONDI..

자바스크립트 (JavaScript) - 웹 페이지의 동작을 담당한다. - 변수를 지정해 계산이 가능하다. getElementById() - id로 지정한 요소를 가지고 와 원하는 동작을 실행할 때 사용한다. 변수 설정 - array.toString() - 배열 속 요소들을 모두 출력할 수 있다. function - 스크립트 태그 내부에서 함수를 만들 수 있다. - input을 받을 때 id를 통해 변수로 사용할 수 있다. 당신이 가장 좋아하는 숫자는?: Try it

Responsive Web Design - 사용자의 웹 화면 크기에 따라 보여지는 컨텐츠의 배치가 달라지는 것 - 자바스크립트가 아닌 HTML과 CSS를 사용하여 제작한다. 화면 너비에 따라 컨텐츠 구성을 바꿀 때 - @media only~ 사용 - max-width로 각각의 조건을 설정한다. .responsive { padding: 0 6px; float: left; width: 24.99999%; } @media only screen and (max-width: 700px){ .responsive { width: 49.99999%; margin: 6px 0; } } @media only screen and (max-width: 500px){ .responsive { width: 100%; } } 이미..

CSS Background Border - 배경의 border radius를 조정하여 배경 모양을 변화시킬 수 있다. #1 border-radius: 25px; #2 border-radius: 15px 50px; transparent 속성 - 테두리를 투명하게 지정한다. - border를 영역만 남기고 숨기고 싶을때 사용한다. (참고: mylife365.tistory.com/67) border: 10px solid transparent; multiple background - 배경에 여러 이미지를 삽입할 수 있다. - 이미지 url 뒤에 위치를 선정할 수 있다. background: url(/2021Camp/images/club.jpg) left top no-repeat, url(/2021Camp/ima..

CSS Syntax CSS selector - element selector p { text-align: center; color: red; } - id selector #para1 { text-align: center; color: red; } - class selector .center { text-align: center; color: red; } 특정 element에서만 사용되는 특정 클래스 스타일을 정의할 때 p.center { text-align: center; color: red; } This paragraph refers to two classes. 스타일을 모든 HTML element에 적용할 때: * 을 사용 * { text-align: center; color: blue; } CSS ..