본문 바로가기
728x90

Programming

[01. DBMS] 003. NoSQL이란 NoSQL의 뜻은 No SQL, Not Only SQL, Non-Relational Operational Database SQL 등 다양하다. 최근에는 Not Only SQL이란 말로 많이 쓰이는데 이는 기존의 관계형 DBMS가 갖고있는 특성 뿐만 아니라 다른 특성들을 부가적으로 지원한다는 것을 의미한다. 관계형 데이터베이스보다 더 융통성있는 데이터 모델을 사용하고 데이터의 저장 및 검색을 위한 특화된 메커니즘을 제공한다. 이를 통해 단순 검색 및 추가작업에 있어서 매우 최적화된 키 값 저장 기법을 사용하여 응답속도나 처리효율 등에 있어서 매우 뛰어난 성능을 보인다. NoSQL의 특징을 요약하면 다음과 같다. 1) 유연성 NoSQL 데이터베이스는 일반적으로 유연한 스키마를 제공하여 보다 빠르고 반복적인 .. 더보기
[01. DBMS] 002. SQL이란 SQL은 Structured Query Language로 관계형 데이터베이스 관리 시스템(RDBMS)의 데이터를 관리하기 위해 설계된 특수 목적의 프로그래밍 언어이다. 몇 가지 명령어만 익히면 쉽게 데이터를 관리할 수 있다. SQL 명령어는 크게 4가지 종류로 나뉜다. 1) DDL(Data Definition Language) 데이터베이스나 테이블 생성, 변경, 삭제 등의 작업을 하는 언어 2) DML(Data Manipulation Language) 데이터 검색, 삽입, 변경, 삭제를 수행하는 언어 3) DCL(Data Control Language) 데이터에 접근할 수 있는 권한을 관리 4) TCL(Transaction Control Language) 트랜잭션을 다루는 언어 종류 명령어 DDL CRE.. 더보기
[01. DBMS] 001. DB란 DB란 말그대로 데이터베이스다. 빅데이터 시대에 많은 데이터를 효율적으로 관리하기 위해서는 DBMS(DataBase Mmanagement System)가 필요하다. 세계적으로 유명한 Oracle, SQL Server, My-SQL, PostgreSQL, MongoDB 등이 있다. 규모가 어느 정도 있는 기업에서는 유료 DBMS를 구매하여 사용하는 경우가 많다. 하지만 개인이나 소규모 기업에서는 무료인 오픈소스 DBMS를 사용하여 데이터 관리를 한다. 유료 못지 않는 성능을 가지고 있기에 무료 DBMS를 사용하는 것이 스타트업이나 개인에겐 비용측면에서 많은 도움이 될 것이다. DB는 크게 두 가지 종류도 나눠진다. 쉽게 설명하면 테이블간의 Join이 가능하면 관계형 데이터베이스(Relational DB)이.. 더보기
[02. CSS] 007. 레이아웃 레이아웃을 그리는 것은 가장 중요한 일 중에 하나이다. 집을 설계하듯이 웹페이지의 전체적인 디자인 설계가 이루어져야 한다. 가구를 배치하듯이 각 요소의 위치를 자유자재로 배치하는 방법에 대해 알아보자. 각 요소의 위치는 다른 요소의 상대적인 위치로 설정할 수도 있고 절대적인 위치, 그리고 고정된 위치로 디자인 할 수 있다. 그리고 아무것도 설정하지 않으면 정상적은 흐름으로 나타난다. 제목 가나다라마바사 ABCDEFG 1234567 position: relative를 설정하면 요소간의 상대적인 위치로 나타낸다. top, left, right, bottom 프로퍼티를 이용해 적절히 오프셋 값을 지정할 수 있다. 반대로 position: absolute를 설정하면 상대적인 위치가 아닌 절대적인 위치로 요소가 .. 더보기
[02. CSS] 006. 이미지 이미지를 정렬하기 위해서는 float 프로퍼티를 사용한다. 값은 left, right를 가질 수 있다. 글자 위치 이미지를 가운데 정렬하기 위해서는 display: block을 이용해 블록 레벨 요소로 변환해야 한다. 그리고 부모 요소에서 text-align: center를 하거나 이미지 자체에 margin: 0px auto;를 지정하여 왼쪽과 오른쪽의 마진을 자동으로 설정해야 한다. 이미지를 배경으로 지정할 수도 있다. 이미지를 반복하거나 배경의 위치 등을 제어할 수 있다. body { background-image: url('이미지 경로'); background-repeat: no-repeat; background-attachment: fixed; background-position: center t.. 더보기
[02. CSS] 005. 목록 및 커서 목록에 쓰이는 프로퍼티는 글머리 기호, 글머리 기호 이미지, 글머리 기호 위치, 목록 단축형 등이 있다. 글머리 기호는 list-style-type 프로퍼티로 제어한다. 값으로 순서 있는 목록 에는 decimal, decimal-leading-zero, lower-alpha, upper-alpha, lower-roman, upper-roman을 가질 수 있고 순서 없는 목록 에는 none, disc, circle, square 값을 가질 수 있다. A B C D E 글머리 기호에 이미지를 넣을 수도 있는데 이는 list-style-image 프로퍼티를 사용하여 추가할 수 있다. ul { list-style-image: url("이미지 경로"); } 글머리 기호 위치를 텍스트에 들여쓸 수도 있다. 기본 값.. 더보기
[02. CSS] 004. 박스 기본적으로 박스의 크기는 height와 width 프로퍼티를 사용하여 설정한다. 추가적으로 min-width, max-width, min-height, max-height를 통하여 너비 및 높이를 제한할 수 있다. 이는 화면이 축소되더라도 표시되는 화면의 내용의 최소 너비 및 높이를 지정해주어 디자인이 망가지는 것을 방지할 수 있다. YOne Labs 박스안에 내용이 넘칠때는 overflow 프로퍼티에 scroll 값을 지정하여 스크롤 바를 지정할 수 있다. hidden 값으로 설정하면 박스의 크기보다 큰 부분은 숨긴다. 박스의 테두리를 설정하는 방법은 border 프로퍼티를 이용하면 된다. border-width를 이용하여 테두리의 굴기를 지정하고 border-style을 이용하여 solid, dott.. 더보기
[02. CSS] 003. 텍스트 요소 내부의 텍스트에 스타일을 적용하는 방법을 알아보자. 텍스트의 서체를 바꾸거나 글자 크기를 바꾸는 등 다양한 스타일을 적용할 수 있다. p { font-family: Georgia, Times, serif; font-size: 10px; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: underline; line-height: 1.4em; letter-spacing: 1em; word-spacing: 1em; text-align: left; text-indent: 20px; text-shadow: 1px 1px 2px #111111; } font-family는 텍스트에 사용할 서체를 지정한다. 여러.. 더보기
[02. CSS] 002. 색상 요소 내부에 있는 텍스트에 색상을 지정하는 방법은 아래와 같다. p { color: rgb(100, 100, 100); } 그리고 배경색을 지정하는 방법은 아래와 같다. p { background-color: rgb(100, 100, 100); } 색상에 대한 정보는 네이버에 색상표라고 검색하면 자세히 나오고 원하는 색을 찾을 수 있다. 추가적으로 색에 투명도를 2가지 방법으로 할 수 있다. 하나는 opacity 프로퍼티를 적용하는 것이고 하나는 rgba를 사용하는 것이다. p { background-color: rgb(100, 100, 100); opacity: 0.5; } p { background-color: rgba(100, 100, 100, 0,5); } 더보기
[02. CSS] 001. CSS란 CSS를 사용하여 HTML을 더욱 풍요롭게 만들 수 있다. CSS규칙은 선택자(selector)와 선언(declaration)이라는 두 부분으로 구성되어 있다. 그리고 선언은 프로퍼티와 값이라는 두 부분으로 나누어져 있다. p { font-family: Arial; } p가 선택자이고 {}안에 있는 것이 선언이다. 그 중 font-family가 프로퍼티이며 Arial은 값이다. 선택자 의미 예시 범용 선택자 문서에 있는 모든 요소 의미 * {} 타입 선택자 요소 이름을 의미 h1 {} 클래스 선택자 Class 속성의 값을 의미 .sidebar {} / p.sidebar {} id 선택자 id 속성의 값을 의미 #abc {} 자식 선택자 직계 자식 요소를 의미 li>a {} 자손 선택자 직계 + 특정 요소.. 더보기
728x90

티스토리툴바