코딩 공부212 [CSS] margin, padding과 박스 사이즈 계산 margin 요소의 외부 여백을 지정, 요소의 외부에 공간을 만들어서 주변 요소를 공간만큼 밀어내는 개념 (요소의 크기는 변하지 않음, 자주 사용하지 않지만 음수값을 사용할 수 있다) 기본값 : 0 단위 : px등 단위 div { margin: 20px; } padding 요소의 내부에 여백(공간)을 지정, 내부에 여백이 생기기 때문에 요소의 크기가 커진다. (%를 이용해 부모요소의 가로 너비에 대해나 비율로 지정 가능) 기본값 : 0 단위 : px등 단위 div { padding: 20px; } ※ auto : 브라우저가 자동으로 여백을 계산 적용 방향 1. 값을 하나만 지정한 경우 상하좌우 모든 방향에 적용 margin : 20px; padding : 20px; 2. 값이 두개 상 하 / 좌 우 ma.. 2022. 9. 15. [CSS] 스타일 상속, 넘침 제어-overflow 스타일 상속 어떤 요소에 CSS를 적용했을 때, 해당 요소의 자식 요소 (하위요소)까지 영향을 미치는 것 -상속이 가능한 목록 주로 글자 문자 관련 속성들 (모든 글자/문자는 아니다.) ex) font-size, font-weight, font-style, color 등 강제 상속 실제 상속할 수 없는 내용도 강제적으로 상속이 가능 .class{ width: 100px; height: inherit; /* inherit으로 강제 상속 */ } 넘침 제어-overflow 요소의 크기 이상으로 콘텐츠 내용이 넘쳤을 경우 넘친 부분이 어떻게 보일지 만들거나 제어하는 것 overflow: 값; 값 1. visible 넘친 내용을 그대로 보여주겠다. 2. hidden 넘친 내용을 잘라내겠다. 3. scroll 넘.. 2022. 9. 15. [SQL] 반정규화 반정규화 (De-Normalization) 반정규화란 시스템의 성능 향상, 개발 및 운영의 편의성 등을 위해 정규화된 데이터 모델을 통합, 중복, 분리하는 과정으로, 의도적으로 정규화 원칙을 위배하는 행위이다. → 조회속도를 향상시키지만, 데이터 모델의 유연성은 낮아진다. 반정규화를 수행하는 이유 정규화에 충실하여 종속성, 활용성은 향상 되었지만 수행속도가 느려진 경우 다량의 범위를 자주 처리해야하는 경우 특정 범위의 데이터만 자주 처리하는 경우 요약/집계 정보가 자주 요구되는 경우 반정규화 기법 1. 테이블 통합 테이블 통합은 두 개의 테이블이 조인되는 경우가 많아 하나의 테이블로 합쳐 사용하는 것이 성능 향상에 도움이 될 경우 수행한다. 2. 테이블 분할 테이블 분할은 테이블을 수직 또는 수평으로 분.. 2022. 9. 14. [SQL] 정규형 정규형 (Normal Form) -릴레이션이 정규화된 정도 -각 정규형마다 제약조건이 존재 (릴레이션 특성을 고려 적합한 정규형 선택) : 정규형의 차수가 높아질수록 요구되는 제약조건이 많아지고 엄격해짐 1. 제 1 정규형 (1NF) 릴레이션의 모든 속성이 더는 분해되지 않는 원자 값만 가지면 제 1 정규형을 만족함 제 1 정규형을 만족해야 관계 데이터베이스 릴레이션 예시 ※ 1NF 이상 현상의 발생 이유 기본키인 {고객아이디, 이벤트번호}에 완전 함수 종속되지 못하고 일부분인 고객아이디에 종속되는 등급과 할인율 속성이 존재하기 때문 → 부분 함수 종속이 제거되도록 이벤트참여 릴레이션을 분해해서 해결 : 분해된 릴레이션은 제 2 정규형에 속하게 됨 2. 제 2 정규형 (2NF) 릴레이션이 제 1 정규형에.. 2022. 9. 14. [SQL] 정규화 정규화 (Normalization) 데이터의 일관성, 최소한의 데이터 중복, 최대한의 데이터 유연성을 위한 방법이며 데이터를 분해하는 과정. 즉 이상현상이 발생하는 릴레이션을 분해하는 과정. ※ 정규화를 통한 릴레이션은 무손실 분해이어야 한다. 릴레이션은 의미적으로 동등한 릴레이션들로 분해되어야 하고 분해로 인한 정보의 손실이 발생하지 않아야함 분해된 릴레이션들을 자연 조인하면 분해 전의 릴레이션으로 복원 가능 이상현상 (Anomaly) 불필요한 데이터 중복으로 인해 릴레이션에 대한 데이터 삽입 수정 삭제 연산을 수행할 때 발생할 수 있는 부작용 1. 삽입이상 (Insertion anomaly) 릴레이션에 새 데이터를 삽입하려면 불필요한 데이터도 함께 삽입해야 하는 문제 2. 갱신 이상 (Update a.. 2022. 9. 14. [SQL] SUBSTRING, SUBSTRING_INDEX SUBSTRING 문자열을 특정위치부터 원하는 만큼 가져오는 함수로, 시작위치와 가져올 문자수를 지정해줘야 한다. SUBSTRING_INDEX(string, start, cnt); // 1번 인수는 문자열, 2번 인수는 시작할 문자 위치, 3번 인수는 시작할 위치에서 표시할 문자 개수 SUBSTRING_INDEX 구분자를 기준으로 문자열을 잘라오는 기능으로, 구분자를 제거하여 가져오는 함수는 아니니 주의해야 한다. SUBSTRING_INDEX(string, '구분자', position); // 2번 인수는 구분자 3번 인수는 구분자를 기준으로 위치 2022. 9. 14. 이전 1 ··· 27 28 29 30 31 32 33 ··· 36 다음
