1. CSS로 지정하는 길이의 단위 알아보기CSS에서 지정하는 길이값의 단위는 문서가 표현되는 매체의 종류(인쇄물/모니터)에 따라 달라질 수 있습니다. 인쇄용이라면 "절대값"과 관련된 단위인 "in(인치), cm(센티미터), mm(밀리미터), pt(포인트), pc(파이카)" 등을 적용하고 모니터(또는 스크린)용이라면 "em, ex, px, %" 등의 "상대값"을 적용합니다. 웹작업에서는 주로 상대값으로 지정하는 것이 효과적입니다. HTML5에서는 "ren과 ch"가 추가됐고, 뷰포트(viewport)의 백분율 길이인 "vw, vh, vmin, vmax"등이 추가됐습니다. 1-1. 절대값에 해당하는 단위는 in, cm, mm, pt, pc 등이 있는데, 이 값들의 길이는 다음과 같습니다. 1in = 96i..

1. CSS의 값을 표현하는 규칙들1-1. CSS로 표현하는 색상값 알아보기글자와 배경의 색상을 지정할 때 그 값으로 "16진수를 이용한 헥사표기법, 색상의 키워드(이름)를 입력하는 방법, RGB의 범위 값 입력 방법"등을 사용할 수 있습니다. HTML5에서는 "색조/채도/명도 입력"과 "투명도 추가"방법이 도입됐습니다. ex1) "16진수 표기법"은 "#"으로 시작해서 R(red), G(green), B(blue)에 해당하는 색상값을 16진수로 연이어 입력합니다. 각 16진수는 2자리로 표현되며 "#rrggbb"의 형식이 되는데, 각 값들이 반복되는 값일 경우 "#rgb"의 형식으로 한 자리씩 생략 가능합니다.#ffddbb ☞ #fdb 앙큼한유채`S 일상 Story ex2) "색상 키워드"를 입력하는 ..

1. CSS는 적용할 대상인 선택자(selector)를 지정해야 하고, 중괄호({, })로 감싼 영역에 속성(Attribute)과 값(value)을 작성합니다. 속성은 얼마든지 작성할 수 있으며 '세미콜론(;)'으로 구분합니다. 선택자(selector)에는 적용하고자 하는 요소의 태그명, 클래스 명, 아이디명 등을 지정할 수 있습니다. selector{Attribute: value;} 1-1. 각 요소에 직접 적용하는 CSS 각 HTML 시작 요소에 직접 CSS를 적용할 수 있습니다. 이방법은 웹 표준의 관점에서 본다면 아주 나쁜 방법인데요, 각 요소마다 스타일을 적용한다는 것을 구조를 작성하는 HTML과 표현을 담당하는 CSS를 분리해야 한다는 웹 표준 규정을 무시하는 것이기 때문입니다. 그럼에도 불구..

1. DB 연결하기DB (데이터베이스) 연결하기 2. 데이터삽입저장프로시저를 이용한 DB 데이터 삽입 3.DataGridView를 이용한 DB 검색하기 -1) 저장프로시저를 이용한 DB 데이터 삽입에서 GUI를 추가합니다. -2) DataGridView의 ID를 "dgv_Search", Button의 ID를 "btn_Search"로 설정합니다. -3) "btn_Search_Click"명을 가지는 Button의Click이벤트를 설정합니다. -4) DataGridView에 DB내용이 검색된 것을 확인할 수 있습니다. -5) 소스코드 namespace yuchae{ public partial class Form1 : Form { public Form1() { InitializeComponent(); } pri..

1. DB 연결하기DB (데이터베이스) 연결하기 2. 저장프로시저를 이용한 DB 데이터 삽입 -1) 아래와 같이 GUI를 구성합니다. -2) Label의 ID "lab_Name, lab_Tell, lab_Age", Button의 ID "btn_DBInData"로 설정합니다. -3) 저장프로시저를 추가하기 위해 서버탐색기(Ctrl+ W, L)를 열어줍니다. -4) 저장 프로시저를 마우스 우클릭 -> 새 저장 프로시저 추가를 클릭합니다. -5) 저장프로시저명과 내용을 입력하고 저장버튼(Ctrl + S)을 클릭합니다. CREATE PROCEDURE 프로시저명/*(@parameter1 int = 5,@parameter2 datatype OUTPUT)*/AS/* SET NOCOUNT ON */RETURN -6) ..

1. DB (데이터베이스) 만들기DB (데이터베이스) 만들기 - 1DB (데이터베이스) 만들기 - 2DB (데이터베이스) 만들기 - 3 2. DB (데이터베이스) 연결하기 예제 -1) 아래와 같이 GUI를 구성합니다. -2) Button의 ID를 "btn_DBConnection"으로 설정합니다. -3) "btn_DBConnection_Click"명을 가지는 Button의 Click이벤트를 설정합니다. -4) 아래와 같은 메시지 창이 출력되면 연결에 성공한 것입니다. -5) 아래와 같이 메시지 창이 출력되면 연결에 실패하였으며, 어떠한 이유로 실패했는지 알려줍니다. -6) 소스코드 using System.Data.Sql;using System.Data.SqlClient; namespace yuchae{ p..