TIL

[CSS] CSS color, font style 적용

1. color style 적용 color : red; color : rgb(255,0,0); color : rgb(255,0,0,0,5); /*희미해짐. 투명도 */ color : #ff0000; /*15진수로 표현*/ color : #f00; 2. font style 적용 font-size:1em; /*em 갖게되는 기본 상속값의 배수값으로.*/ background-color : red ; /* 배경색. color랑 비슷 */ font-family : monospace; /* 글씨체 지정*/ test => 이경우 body > div에 16px이 적용됐으므로 그 16px을 기준으로 2배인 32px로 글씨가 나오게됨

[CSS] CSS 기본개념과 렌더링원리

CSS를 HTML에서 사용하는 방법 CSS 기본사용법 span { color : red; } selector(선택자) property value 1. inline html 태그 안에다가 같은 selector로 동일한 속성값에 다른 value를 넣을 땐 inline이 "최우선"으로 적용됨 구조랑 css 태그가 섞여있어서 관리가 어렵고 유지보수가 어렵다. 2. internal 예제 css_test1.css div>p{ color:red; /*inline이 최우선으로 적용되기 때문에 이는 적용되지 않음*/ border: 1px solid slategray; } CSS에서의 상속개념 상위에 설정된 style을 하위에서도 쓴다. -> 재사용 측면에서 좋다. color, font-size같은 대부분의 속성은 상속을..

[CSS] HTML 웹 페이지에 style 주기

1. 웹 페이지 개요 레이아웃을 보통 수평으로 나누는 것이 좋음 큼지막하게 나누고 그 안에서 또 자잘하게 수직과 수평으로 세부적으로 나누기. 네비게이션바, 섹션, 어사이드 style 태그 하이퍼링크 설정 a {text-decoration:none} 네비게이션바 리스트 #header_nav { width:100%; overflow:hidden; background-color:#2d1152; } #header_nav ul{ overflow:hidden; } #header_nav li{ font-size:0.9em; color:#ffffff; margin-right:20px; list-style:none; float:left; } li 태그에 list-styl:none; 을 주면 리스트 옆에 동그라미를 없앨 ..

[HTML] HTML 태그 정리

태그는 로 속성은 - , 속성의 자세한 건 * 로 표시함 list 관련 태그 ul, or, li : unorder list. index가 없음 : order list. index 있음. 알아서 넘버링 붙여서 출력함. : , 상관없이 list를 나타내는 태그 dl, dt, dd : 앵크 태그. 하이퍼링크, 링크거는 태그. - href : 링크걸어서 넘어갈 때 주는 링크 주소. - target : _blank (새 창 열림) / _self (지금 현재보고 있는 문서에서 열림) 표를 나타내는 태그 유지보수가 어렵고, 나중에 테이블의 전체적인 구조를 바꾸는 등 한계가 있어서 예전보다 사용빈도가 많이 줄었다. : 행 : 열 - colspan : 열을 합치는 속성 - rowspan : 행을 합치는 속성 이미지를 나..

[Android/Kotiln] 스플래시 화면 띄우기(Splash)

앱이 준비되는동안 사용자에게 보여줄 Splash화면을 구현하는 방법! 보통 스플래시 화면을 띄우는 방법을 생각했을 때, inflate를 이용해 레이아웃 화면을 그리고, 몇 초 띄웠다가 메인화면으로 넘어가는 식을 생각하기 쉽다. 이는 Thread-Handler를 사용하는 방법인데, Handler는 지정한 시간 후에 화면이 넘어가게 하는 방법으로, 개발자가 딜레이 시간을 지정할 수 있다. 나는 단순히 앱 로딩 때만 스플래시 화면을 띄우다가, 로딩이 끝나면 메인화면으로 전환되는 스플래시를 띄우고 싶었고, 여기서는 레이아웃 화면을 만들지 않고 Activity 테마 배경을 변경하는 방식으로 진행해보았다. splash 구현하기 1. drawble 폴더에 xml 파일 만들기 가장 먼저 drawble 폴더에 backg..

[JAVA] 백준 11724번 : 연결 요소의 개수

11724번: 연결 요소의 개수 첫째 줄에 정점의 개수 N과 간선의 개수 M이 주어진다. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N-1)/2) 둘째 줄부터 M개의 줄에 간선의 양 끝점 u와 v가 주어진다. (1 ≤ u, v ≤ N, u ≠ v) 같은 간선은 한 번만 주�� www.acmicpc.net 문제 방향 없는 그래프가 주어졌을 때, 연결 요소 (Connected Component)의 개수를 구하는 프로그램. 입력 - 첫째 줄에 정점의 개수 N과 간선의 개수 M. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N-1)/2) - 둘째 줄부터 M개의 줄에 간선의 양 끝점 u와 v. (1 ≤ u, v ≤ N, u ≠ v) 같은 간선은 한 번만 주어진다. 출력 첫째 줄에 연결 요소의 개수를 출력..

[JAVA] 백준 1260번 : DFS와 BFS

1260번: DFS와 BFS 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 1,000), 간선의 개수 M(1 ≤ M ≤ 10,000), 탐색을 시작할 정점의 번호 V가 주어진다. 다음 M개의 줄에는 간선이 연결하는 두 정점의 번호가 주어진다. 어떤 두 정점 사 www.acmicpc.net 문제 그래프를 DFS로 탐색한 결과와 BFS로 탐색한 결과를 출력하는 프로그램. 단, 방문할 수 있는 정점이 여러 개인 경우에는 정점 번호가 작은 것을 먼저 방문하고, 더 이상 방문할 수 있는 점이 없는 경우 종료한다. 정점 번호는 1번부터 N번까지이다. 입력 - 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 1,000), 간선의 개수 M(1 ≤ M ≤ 10,000), 탐색을 시작할 정점의 번호 V - 다음 M개의 줄에는 간선이 ..

[JAVA] 백준 1026번 : 보물

https://www.acmicpc.net/problem/1026 1026번: 보물 첫째 줄에 N이 주어진다. 둘째 줄에는 A에 있는 N개의 수가 순서대로 주어지고, 셋째 줄에는 B에 있는 수가 순서대로 주어진다. N은 50보다 작거나 같은 자연수이고, A와 B의 각 원소는 100보다 작거� www.acmicpc.net 문제 길이가 N인 정수 배열 A와 B, 다음과 같이 함수 S가 정의되있다. S = A[0]*B[0] + ... + A[N-1]*B[N-1] S의 값을 가장 작게 만들기 위해 A의 수를 재배열한다. 단, B에 있는 수는 재배열 하면 안됨. S의 최솟값을 출력하는 프로그램 입력 - 첫째 줄에 N ( 50보가 작거나 같은 자연수) - 둘째 줄에는 A에 있는 N개의 수가 순서대로 주어짐 ( 10..