꿈꾸는 개발자의 블로그

text-overflow 내가 지정한 width 값에 대하여 그 하위 텍스트가 범위를 벗어날 때 사용하는 방법이다. text-overflow 속성 속성 의미 clip 바깥으로 나오는 기본 값 ellipsis 내용이 넘어가면 ... 표시해줌 코드 예시 text-overflow: ellipsis; 전체 코드 Lorem ipsum dolor sit amet, consectetur adipisicing elit. .overflow { width: 200px; background-color: skyblue; white-space: nowrap;// 줄바꿈을 하지 않고 한 줄로 표시 text-overflow: ellipsis;// 레이아웃을 넘어갈 때 ... 표시 overflow: hidden;// 레이아웃을 넘어..

ROWNUM : 상위 n개 데이터 조회하기 ROWNUM은 오라클 데이터베이스의 조회 결과에 대해서 논리적인 일련번호를 부여한다. 즉, 조회되는 행 수를 제한하며 화면에 원하는 행만큼 조회할 수 있다. (MySQL에서는 LIMIT 구문을 사용) 예제 ANIMAL 테이블에서 상위 3개 데이터만 조회해야 한다. SELECT * FROM ANIMAL WHERE ROWNUM

SQL을 공부하던 중에 FULL OUTER JOIN과 UNION ALL이 같은 게 아닌가했다. 둘다 모든 데이터를 조회하는 것이라고 생각했는데.. 아니였다! 그래서 정리해보았다. 결론부터 말하자면! (FULL) OUTER JOIN은 열의 합집합, UNION (ALL)은 행의 합집합이라고 할 수 있다. (FULL) OUTER JOIN OUTER JOIN은 서로 다른 두 테이블을 연결하여 컬럼을 확장하는 것이다. UNION (ALL) UNION은 동일 컬럼을 가지는 두 테이블을 하나로 합치는 것이다. 이 때, UNION ALL은 두 테이블의 행(Row)들을 모두 합쳐서 보여주는것인 반면에, UNION은 값이 중복되는 행(Row)들을 제거하고 보여준다는 차이점이 있다.

JOIN 종류 JOIN 종류는 크게 INNER JOIN(내부 조인)과 OUTER JOIN(외부 조인)으로 나뉜다. 그리고 해당 조인에 대하여 다양한 조인 방식이 있다. INNER JOIN : INNER JOIN, EQUI JOIN, NON-EQUI JOIN, NATURAL JOIN, CROSS JOIN OUTER JOIN : LEFT OUTER JOIN, RIGHT OUTER JOIN, FULL OUTER JOIN INNER JOIN 조인 조건구에 따라 두 테이블의 컬럼값이 일치하는 경우를 조회한다. INNER JOIN ON문을 사용해서 테이블을 연결하여 컬럼값이 일치하는 경우를 조회한다. (INNER 생략 가능) SELECT * FROM A a JOIN B b ON a.ID = b.ID EQUI JOI..

보통 div 태그로 묶여 있는 요소를 가로로 나란히 배치하기 위해서 display: flex를 이용해왔다. 하지만, 현재 개발중인 프로젝트는 버전이 맞지 않아서.. 사용할 수 없었다...ㅠㅠ 그래서 찾아본 결과, display: inline-block, float: left 등의 방법이 있었다. 하지만 float은 여백없이 정렬이 되어도 줄 바꿈 해제가 되지 않아서 배제하였다. 만약 줄 바꿈이 되어도 상관없다면 float을 사용하여 구현하는 것이 좋겠다! 블록 요소 가로로 정렬 및 줄 바꿈 해제하기 가로로 배치하고자 하는 요소에 display: inlin-block; 상위 요소에 white-space: nowrap; .container { white-space: nowrap; } .box { displa..