전체 글

·Coding/Web
문자 스타일문자 색상: h1 { color: blue; }Heading 1 (center)Heading 2 (left)Heading 3 (right)The three headings above are aligned center, left and right.문자 정렬(alignment): h1 { text-align: center; }Some different text decorationsOverline text decorationLine-through text decorationUnderline text decorationNote: It is not recommended to underline text that is not a link, as this often confuses the reader.문자 ..
·Coding/Web
CSSCascading Style SheetHTML 문서의 스타일 지정HTML 요소가 표시되는 방식을 설명여러 웹페이지의 레이아웃을 제어할 수 있기 때문에 시간과 노력 절약CSS의 문법선택자 { 속성: 값; 속성: 값; }선택자(Selector)는 HTML의 요소(Element)속성(Properties)과 값(Value)은 콜론(:)으로 구분속성과 값은 여러 개 사용 가능속성과 값으로 구성되는 선언(declaration)은 중괄호로 묶음CSS의 필요성 및 장점하나의 웹 문서에서 문서 작성(HTML)과 디자인(CSS)을 분리내용과 디자인 수정이 용이다양한 기능으로 확장 가능통일된 문서 양식 제공전송 및 로딩 시간 단축선택자Selectors스타일을 지정할 HTML 요소를 찾거나 선택선택을 함으로써 특정 요소..
·Coding/Web
Meta TagHTML 문서에 대한 메타 데이터 정의메타 데이터: 데이터에 대한 데이터(정보)태그는 항상 element to reference the icon --> element to reference the icon -->Font Awesome무료로도 사용할 수 있는 벡터 형식 폰트 아이콘폰트 어썸 사용법폰트 어썸 사이트 접속이메일 주소 입력 후 Start for Free 클릭이메일 링크로 접속해서 회원가입Copy Kit Code! 클릭원하는 아이콘을 찾아 HTML 코드 복사HTML 코드에 붙여넣고 스타일 정하기예시 코드 Google Fonts무료 글꼴 라이브러리폰트 선택 후 다운로드에서 로컬 사용 or 폰트 링크를 구글 아이콘3d_rotationaccount_balance..
·Coding/Web
폼사용자의 입력을 수집하여 서버에서 처리함 폼 요소 폼의 속성Action: 사용자가 submit 버튼을 클릭하면 양식 데이터가 서버의 파일로 전송됨 국적: 이름: Method: 폼 데이터를 제출할 때 HTTP 메서드가 사용되도록 지정URL 변수: 사용 method = "get"HTTP 포스트 트랜잭션: 사용 method = "post"양식 데이터를 제출할 때 기본 HTTP 메서드는 GETGETPOST주소에 데이터를 직접 입력해서 전달별도의 방법을 사용해 데이터를 해당 주소로 전달GET을 사용하여 민감한 데이터를 보내지 않도록 함제출된 양식 데이터는 URL에 표시되지 않음URL 길이가 제한됨 (2048자)POST는 크기 제한이 없으며 많은 양의 데이터를 보내는 데 사용..
·Study/알고리즘
그래프의 개념그래프의 유래쾨니히스베르크(Konigsberg) 다리 문제오일러가 그래프 개념을 도입해서 해결땅과 섬 → Node (Vertex)다리  → Edge (Link)다리 문제 → 한 붓 그리기한 붓 그리기 문제홀수 개의 Edge에 연결된 Vertex의 수가 4개 이상이면 한 붓 그리기가 불가능한 도형그래프의 정의개체들 사이의 일대일 관계를 시각적으로 표현하는 수학적 모델Vertex: 꼭짓점, 정점, 노드Vertex는 대체를 나타냄Edge: 간선1:1 관계, 노드의 쌍으로 표현그래프의 표현그래프를 Vertex와 Edge의 쌍으로 표현G = (V, E)수학적 표현 Vertex: 모든 Vertex들의 집합, V = {0, 1, 2, 3}Edge: Vertex 쌍들의 집합, E = {(0, 2), (0,..
·Study/알고리즘
// 1. 라이브러리#include #include #include // 2. 자료 구조// 3. solve() --> 문제 풀이// 분할 정복: N --> N-1// T(N) = T(N-1) + O(1) ==> T(2^N) = T(2^(N-1)) + O(1)int solve(int N, int x, int y) { // 0) 예외 처리: N == 1일 때 if (N == 1) { if (x == 0 && y == 0) return 0; else if (x == 1 && y == 0) return 1; else if (x == 0 && y == 1) return 2; else if (x..