본투코드

null 값이 들어가 있거나 존재하지 않는 변수를 호출 = null / object 변수 선언이 없거나 초기화 되지 않음 = undefined false로 치환되는 5가지 undefined null 0 "" NaN

페이지의 객체들을 아래부터 순서대로 위에 쌓는 기능 www.w3schools.com/cssref/pr_pos_z-index.asp

Static 기본 값 Relative 이전 객체로부터 자연스럽게 위치함 Absolute 부모로부터 위치를 다시 잡음 *부모의 position이 relative여야함 Fixed 지정한 위치에 고정

Inline은 높이 크기 등을 가질 수 없고 부모 태그에 종속된다 *display: inline-block을 통해 block 형태로 만들 수 있음 *inline은 가로로 데이터가 들어가므로 가로로 padding은 먹히지만 세로는 인식하지 못한다 Block 라인 전체를 차지함 *float를 이용하면 같은 라인에 block 배치 가능 *text-align: center은 block만 가능 display display: none display: inline display: block display: inline-block 페이지에 특정 속성을 보이거나 보이지 않게 하는 기능 display: none; visibility: hidden;

텍스트는 인라인이기 때문에 패딩, 마진 등등이 지정이 되지 않고 부모에 종속된다 align으로 가로 방향의 가운데 정렬은 가능하지만 세로는 line-height을 이용해서만 가능하다 부모 박스 line-height: 50px 자식 박스 line-height: 50px (부모와 동일한 px를 설정하면 중앙에 오게 됨)

박스의 배치 방향을 결정 left box1 box2 bo3 box4 box5 box6 right box3 box2 box1 box6 box5 box4 none 설정 x clear left - 왼쪽 설정 해제 right - 오른쪽 설정 해제 both - 양쪽 설정 해제

width, height는 content의 크기를 지정한다 (margin, padding, border에는 영향 X) Content-box content 박스는 변하지 않고 유저가 정한 값들을 모두 더해 크기를 결정한다 Border-box content 박스를 조절해 유저가 정한 width, height 기준으로 박스 크기를 조정한다 *content+padding+border

설계가 잘되어 있더라도 과도한 데이터가 한 번에 들어오면 커버를 못할 수 있다 이를 방지하기 위해 트랜잭션이 분산처리될 수 있도록 테이블 단위에서 분할 원인 1. 커버 범위 이상의 데이터가 들어옴 2. 테이블이 과도한 컬럼을 가지고 있어 데이터를 읽는 양이 증가

반정규화란? 정규화는 쓰기의 편의성을 위해 읽기의 성능을 어느 정도 희생 (join을 써야하기 때문) 이 정규화 된 모델을 성능이나 개발 편의성을 위해 구조를 바꾸는 것 *정규화와 달리 규격화된 방법이 있지는 않다 반정규화의 예시들 1. 테이블을 병합해 Join을 줄이기 (Join과 같은 효과) 2. 파생 컬럼의 형성으로 계산 작업을 줄이기 3. 컬럼을 기준으로 데이터가 많은 테이블을 분리 4. 행을 기준으로 데이블 분리 (1~100, 101~200, 201~300 ...) 5. foreign 키의 추가를 통해 지름길을 만들기 데이터 무결성이 깨질 수 있는 위험을 무릅쓰고 데이터를 중복하여 반정규화를 적용하는 이유는 데이터를 조회할 때 디스크 량이 많아서 성능이 저하되거나 경로가 너무 멀어 조인으로 인한..

정규형이란? 정규형의 조건에 부합된 테이블로 6차 정규형까지 존재한다 *산업적으로는 3차까지 쓰이고 나머지는 학술적으로 많이 쓰임 1차 정규화 (Atomic Columns) 각각의 컬럼의 레코드는 값을 하나만 가지도록 한다 tag (rdb, free) *값이 여러개이면 select, order by, join 등의 작업을 할 때 기준이 없어 명확한 DB구축에 어려움이 있다 2차 정규화 (No Partial Dependencies) 부분 종속성이 없게 한다 부분적으로 종속되는 컬럼들끼리 모으고 전체적으로 종속되는 것끼리 모으기 또한 이 과정에서 중복되는걸 정리한다 3차 정규화 (No Transitive Dependencies) 이행적 종속성을 분류형이란? 정규형의 조건에 부합된 테이블로 6차 정규형까지 존..