반응형

전체 글 193

[CSS] text-align

text-align 속성의 주요 값값설명left텍스트를 왼쪽 정렬합니다. (기본값, 특히 왼쪽에서 읽는 언어에서)right텍스트를 오른쪽 정렬합니다.center텍스트를 가운데 정렬합니다.justify양쪽 정렬로, 텍스트 양쪽 끝을 맞추기 위해 공백을 자동 조정합니다.start문장의 시작 방향에 따라 정렬합니다. (LTR 언어는 왼쪽, RTL 언어는 오른쪽)end문장의 끝 방향에 따라 정렬합니다. (LTR 언어는 오른쪽, RTL 언어는 왼쪽)✅ 1. 블록 요소 자식 정렬 안 됨❌ 잘못된 코드 나는 가운데 정렬되지 않음 이유: 안쪽 는 블록 요소라 텍스트 정렬 영향 안 받음✅ 수정된 코드 나는 가운데 정렬됨 display: inline-block으로 바꾸면 text-align의 영향을 받아 가운데 정..

CSS HTML JS 2025.05.13

[CSS] 다중 선택자

다중 선택자보통 CSS에서 이렇게 쓰면:h1 { font-family: Georgia;}.menu { font-family: Georgia;} 이렇게 두 번이나 font-family: Georgia;를 반복해야 하지? → 코드가 길고 중복돼서 비효율적이야 😓🎯 그래서 등장한 게 다중 선택자! h1,.menu { font-family: Georgia;} 👉 h1이든, .menu 클래스든 둘 다 Georgia 글꼴로 바꿔줘!✔ 쉼표(,)로 선택자들을 나열하면 돼!💡 더 많은 선택자도 가능해!h1, h2, p, .menu, #title { color: navy;} 이렇게 쓰면 위에 나온 모든 요소에 **color: navy;**가 적용📌 요약개념설명다중 선택자쉼표로 나열해서 여러 요소에 같은 ..

CSS HTML JS 2025.05.13

[CSS] chaining(체이닝) 이란?

체이닝(Chaining)이란? 두 개 이상의 조건을 동시에 만족하는 요소를 선택하기 위해 여러 선택자를 "연결(체인)"하는 것h2.destination { ... } 이건 다음 두 가지 조건을 모두 만족해야 해:태그가 여야 하고클래스가 "destination"이어야 해👉 이렇게 두 조건이 동시에 만족될 때만 스타일이 적용돼. 그래서 이걸 **"선택자 체이닝"**이라고 부르는 거야!💡 체이닝은 이런 것들:선택자설명h1.title인 경우만 선택button.primary.large클래스가 primary이면서 large인 만 선택a[href] 태그이면서 href 속성이 있는 경우만 선택input[type="text"].activetype="text"이고 클래스가 active인 만 선택 📘 체이닝 vs 조합..

CSS HTML JS 2025.05.13

[CSS] CSS에서 클래스(class)와 ID의 차이

CSS에서 클래스(class)와 ID의 차이✅ 핵심 요약개념클래스 (.class)아이디 (#id)사용 횟수여러 요소에 사용 가능한 페이지에서 단 한 번만 사용쓰는 목적공통 스타일을 묶어서 재사용할 때고유한 요소 하나에 특별 스타일 줄 때우선순위낮음높음 (클래스보다 스타일 우선 적용됨)표기법.로 시작 (.title)#로 시작 (#main-title) ✏️ HTML첫 번째 제목두 번째 제목이건 아주 중요한 문장 🎨 CSS.bold { font-weight: bold;}.blue { color: blue;}.green { color: green;}#important-text { font-size: 20px; color: red;} 💡 무슨 말이냐면:.bold, .blue, .green 같은 클래스..

CSS HTML JS 2025.05.13

[CSS] a/p 태그 비교

a / p 태그 비교 ✅ 태그 (Anchor Tag)링크를 만들 때 사용하는 태그야.다른 웹페이지, 파일, 이메일 등으로 연결할 수 있어.href 속성이 필요해 (Hypertext REFerence)html https://www.google.com">구글로 이동 👉 이걸 누르면 구글로 이동해.✅ 태그 (Paragraph Tag)단락을 만들 때 사용해.웹페이지에서 본문 내용을 쓰는 기본 블럭이야.html 이것은 문단입니다. 💡 참고로…는 인라인 요소라서 텍스트 줄 안에 들어갈 수 있어.는 블록 요소라서 항상 새 줄에서 시작해. 링크 위에 마우스 올리면 색깔 변경됨 a:hover { color: darkorange;}

CSS HTML JS 2025.05.13

[ORACLE] 날짜관련

1️⃣ 날짜 차이 계산 (END_DATE - START_DATE)Oracle에서는 날짜끼리 빼면 자동으로 "일 수"가 반환됨.END_DATE - START_DATE → 두 날짜 간의 일수 차이(소수점 포함).SELECT END_DATE, START_DATE, END_DATE - START_DATE AS DAYS_DIFFFROM CAR_RENTAL_COMPANY_RENTAL_HISTORY;🔹 예제 결과END_DATESTART_DATEDAYS_DIFF2024-04-052024-04-014 2024-04-102024-04-037✔ 주의: END_DATE - START_DATE는 기본적으로 시간(시:분:초) 차이까지 포함할 수 있어서 TRUNC()로 정리하는 게 좋음.SELECT TRUNC(END_DATE) ..

Oracle 2025.05.13

Oracle | Number Functions

Oracle Number FunctionsABS : 주어진 숫자 절댓값을 반환ACOS : 숫자에 대해서 아크코사인(역코사인) 값을 반환 (라디안 단위)ASIN : 숫자에 대해서 아크사인(역사인) 값을 반환 (라디안 단위)ATAN : 숫자에 대한 아크탄젠트(역탄젠트) 값을 반환 (다리안 단위)ATAN2 : (x,y)좌표에 대한 아크탄젠트 값을 변환 (2D 좌표계에서 각도 구할 때 사용)BITAND : 두 숫자의 비트별 AND 연산 결과를 반환CEIL : 주어진 숫ㅂ자보다 크거나 같은 최소 정수를 변환COS : 주어진 라디안 값에 대한 코사인 값을 반환COSH :주어진 라디안 값에 대한 하이퍼볼릭 코사인 값을 반환EXP : 자연상수의 거듭제곱을 계산 e^xFLOOR : 주어진 숫자보다 작거나 같은 최대 정수..

Oracle 2025.03.26

ORACLE | TRUNC(SYSDATE) 사용하는 이유

TRUNC(SYSDATE)를 사용하는 이유는 SYSDATE가 날짜와 시간을 모두 포함하고 있기 때문입니다. 예를 들어, SYSDATE는 "2025-03-26 15:30:45"와 같이 날짜와 시간을 포함할 수 있습니다. 만약 오늘 날짜만 확인하고 싶다면, 시간을 제거하고 날짜만 추출해야 합니다. 이를 위해 TRUNC() 함수를 사용합니다.TRUNC(SYSDATE) 사용 예시:TRUNC(SYSDATE)는 현재 날짜에서 시간을 00:00:00으로 설정한 값만 반환합니다.예를 들어, SYSDATE가 "2025-03-26 15:30:45"라면, TRUNC(SYSDATE)는 "2025-03-26 00:00:00"이 됩니다.왜 TRUNC()를 사용할까?시간 정보 제거: 날짜만 필요할 때, SYSDATE에는 시간 정보..

Oracle 2025.03.26

Oracle | COMMENT ON TABLE 테이블 설명을 추가하는 명령어

COMMENT ON TABLE은 Oracle SQL에서 테이블에 설명을 추가할 때 사용하는 명령어입니다. 이 명령어는 메타데이터를 추가하는 데 사용되며, 데이터베이스 객체(테이블, 컬럼, 뷰 등)에 대한 설명을 문서화할 수 있게 해줍니다. 이 설명은 실제 데이터에 영향을 미치지 않지만, 테이블이나 컬럼에 대한 추가적인 정보를 제공하는 용도로 사용됩니다.COMMENT ON TABLE 문법COMMENT ON TABLE ORANGE is '주황색'; COMMENT ON TABLE 조회하기SELECT table_name, commentsFrom user_tab_commentswhere talbe_name = 'ORANGE'//TABEL NAME COMMENTS//ORANGE 주황색

Oracle 2025.01.02
반응형