TIL

사전캠프 4일차

도원좀비 2025. 1. 23. 17:42

HAVING절

그룹화된 데이터에 조건을 적용할 때 사용하는 절

WHERE 그룹화 전에 데이터를 필터링
HAVING 그룹화 후 결과 집합에 조건을 적용
SELECT 컬럼1, 집계함수(컬럼2)
FROM 테이블명
GROUP BY 컬럼1
HAVING 조건;

웹개발

HTML 기초

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

CSS기초

배경관련 background-color
background-image
background-size
사이즈 width
height
폰트 font-size
font-weight
font-family
color
간격 margin
padding

Bootstrap

부트스트랩이란 미리 완성된 css를 모아둔 

사용법은 부트스트랩에서 제공하는 링크를 연결한다.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

Javascript

자바스크립트란 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어

Java와는 다른 언어이다.

 

리스트 : 순서를 지켜서 가지고 있는 형태

let a_list = []  // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = ['사과','수박','딸기','감'] // 로 선언 가능

console.log(a[1]) // 수박
console.log(a[0]) // 사과

//리스트 길이 구하기
console.log(a.length) //4

 

딕셔너리 : 키-밸류 값의 묶

let a_dict = {}  // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = {'name':'영수','age':27} // 로 선언 가능

console.log(a)
console.log(a['name']) // 영수
console.log(b_dict['age']) // 27

 

반복문

fruits.forEach((a) => {
console.log(a)
}) 

 

조건문

if (조건) {
// 조건에 맞다면~
} else {
// ~가 아니라면~
}

 

JQuery

JQuery란 Javascript를 미리 더 쉽게 작성해둔

 

예시

Javascript document.getElementById('hello').innerHTML = '안녕';
JQuery $('#hello').html('안녕');