pogun 코딩 공부 저장소

단위설명특징px픽셀 단위 고정 크기, 웹에서 많이 사용 em부모 크기 기준가변 크기, 반응형 웹에 유용%백분율부모 크기 기준, 반응형 웹에 적합pt포인트 (1/72인치)인쇄 매체에서 사용pc파이카 (12pt)인쇄 디자인에서 사용cm, mm, in센티미터, 밀리미터, 인치실제 물리적 크기 단위, 프린트용언제 어떤 단위를 써야 할까?웹 개발 → px, em, %반응형 디자인 → em, %인쇄물 디자인 → pt, pc, in, cm, mm1. 고정 크기 단위 (절대 단위): 절대 단위(Absolute Units)는 특정 크기로 고정되며, 환경에 따라 변하지 않는다.1. cm (센티미터) .cm { font-size: 1cm;} 설명: 1cm(센티미터) 크기의 폰트 특징: 화면에서 크기를 정확히 측정하는..

CSS란?: CSS(Cascading Style Sheets)는 HTML을 꾸미는 스타일 시트입니다.활용 용도: 텍스트 스타일 (색상, 크기, 글꼴): 배경 설정 (색상, 이미지): 레이아웃 조정 (위치, 크기, 정렬)CSS 적용 우선순위 (높은 순서대로)1. !important (가장 강력함, 모든 규칙을 무시하고 적용됨)2. 인라인 스타일 (style="")3. ID 선택자 (#id)4. 클래스 선택자 (.class), 속성 선택자 ([type="text"]), 가상 클래스 (:hover 등)5. 태그(요소) 선택자 (p, h1, div 등)6. 기본 브라우저 스타일 (CSS가 없을 때 적용되는 기본값)**적용 우선순위 알아두는 게 좋음!!**CSS 적용 방법 (3가지)적용 방식특징사용 예시인라인특정..

HTML) 주요 태그 모음 & 코드 예제**위 링크를 통해서 html 주요 태그 확인하기!!**1. input 태그타입설명text한 줄 텍스트 입력number숫자 입력date날짜 입력color색상 선택range슬라이더 형태 입력button버튼 생성radio단일 선택 버튼 checkBox 체크 박스 버튼 생성 1. text 타입text입력:  2. number 타입number입력:  3. date 타입날짜:  4. color 타입컬러:  5. range 타입 6. button 타입클릭: 둘 다 가능하지만 사용 빈도수는 아래 코드인 것 같음. 7. radio button 타입Radio button: 벤츠아우디BMW 8. checkBox 타입CheckBox:음악그림게임2. select 태그태그설명 드롭다운..

1. HTML 기본 구조 태그: HTML 문서의 버전을 지정하는 선언: HTML5에서는 만 사용하면 됨. 안녕하세요!1. : HTML 문서의 루트(root) 요소: lang 속성으로 문서의 언어를 지정할 수 있음.2. 내 블로그 홈 소개 연락처 최신 뉴스 HTML 태그 정리 오늘은 HTML의 주요 태그에 대해 배워볼 거예요. ..

eclipase version : 2023.12 (4.30)MySQL version : 8.0.41MySQL-jar-file version : 8.4.0 jar파일 설치하는 곳https://downloads.mysql.com/archives/c-j/ MySQL :: Download MySQL Connector/J (Archived Versions)Please note that these are old versions. New releases will have recent bug fixes and features! To download the latest release of MySQL Connector/J, please visit MySQL Downloads. MySQL open source softwar..

첫 번째 문제baseball team 테이블을 작성- team : 팀아이디(PK), 지역, 이름, 개설날짜, 전화번호, 홈페이지- player : 선수번호(PK), 선수이름, 등록일. 포지션, 신장, 팀아이디(FK) 조건 :          1. TEAM을 두 개만 등록합니다.         2. 두 개의 TEAM에 선수를 각각 3명씩 등록(추가)합니다.         3. join 해 보로독 한다.         4.선수를 입력하면 그 선수의 팀 명과 전화번호, 홈페이지가 출력되도록 합니다. 1. 스카마 & 테이블 생성create database work;use work;create table team( teamid decimal(4) primary key, location varchar(3..

MySQL) MySQL 기초부터 활용까지 75문제 풀기 (1)SELECT : JOIN 문제문제1) 사원들의 이름, 부서번호, 부서명을 출력하라.select first_name as '이름', e.department_id as '부서번호', d.department_name as '부서명' from employees e inner join departments d on e.department_id = d.department_id; 문제2) 30번 부서의 사원들의 이름, 직업, 부서명을 출력하라.select first_name as '이름', j.job_id as '직업', e.department_id as '부서번호', d.department_name as '부서명' ..

SELECT 기초문제1) EMPLOYEES Table의 모든 자료를 출력하여라.desc employees; 문제2) EMPLOYEES Table의 컬럼들을 모두 출력하라.select *from employees; 문제3) EMPLOYEES Table에서 사원 번호, 이름, 급여, 담당업무를 출력하여라.select employee_id, first_name, salary, job_idfrom employees; 문제4) 모든 종업원의 급여를 $300증가 시키기 위해서 덧셈 연산자를 사용하고 결과에 SALARY+300을 디스플레이 합니다.select employee_id, first_name, salary + 300 as 급여from employees; 문제5) EMPLOYEES 테이블에서 사원번호, 이름,..

제약 조건NULL 허용중복 허용특징PK (기본키)XX한 테이블에 하나만 가능, 유일한 값 보장UK (고유키)OX중복 불가, NULL 가능, 여러 개 선언 가능FK (외래키)O (옵션)O다른 테이블의 PK/UK를 참조, 참조 무결성 보장CHECKOO특정 조건을 만족하는 값만 허용NOT NULLXONULL 값 입력 불가DEFAULTXX값이 없을 때 자동으로 기본값 설정1. Primary Key (PK) - 기본키: 테이블에서 각 행을 유일하게 식별하는 키: NULL 값 허용 불가, 중복 불가: 한 테이블에 하나만 존재 가능: 기본키는 자동으로 Unique + Not Null 속성 포함2. Unique Key (UK) – 고유키: NULL 값 허용 (1개 이상 가능), 하지만 중복 불가: 한 테이블에 여러 개..

VIEW(뷰)란?: 하나 이상의 테이블에서 데이터를 조회하는 가상의 테이블: 실제 데이터를 저장하지 않고, SQL 쿼리 결과를 테이블처럼 활용할 수 있다.: 복잡한 쿼리를 단순하게 만들고, 보안 및 데이터 관리에도 유용하다.즉, 뷰는 데이터를 저장하지 않고, 원본 테이블을 바라보는 창(윈도우) 역할이라고 생각하면 편함VIEW의 특징1. 가상 테이블- 뷰는 물리적으로 데이터를 저장하지 않음- 원본 테이블을 기반으로 동작 2. 데이터 보안- 특정 컬럼이나 행만 선택하여 접근 권한을 제한할 수 있음 3. 복잡한 SQL을 단순화- 여러 테이블을 조인하는 복잡한 쿼리를 미리 정의하여 간단하게 사용 가능 4. 업데이트 가능 여부- 일반적으로 SELECT만 가능VIEW 주의할 점1. ORDER BY 사용 불가 (뷰 ..