분류 전체보기
-
Learn HTML & CSS. 10.Content(Padding, Margin)Study/HTML & CSS 2016. 12. 8. 12:59
Review what I learned Padding 은 박스의 테두리와 내부 컨텐츠 사이의 공간 크기이다. Padding 은 모든 방향을 똑같이 설정하거나, 각각을 따로따로 설정할 수 있다. Margin 은 박스의 테두리와 그 외부 컨텐츠 사이의 공간 크기이다. Margin 도 역시 모든 방향을 똑같이 설정하거나, 각각을 따로따로 설정할 수 있다. Padding 와 Margin 의 설정 방법은 동일하고, Padding과 Margin만 바꿔주면 되므로 하나로 설명한다. 1. 모든 방향 똑같이 설정 padding: 10px; 2. 각 방향 다르게 설정 padding: 5px 3px 5px 2px; (위 오른쪽 아래 왼쪽) 3. 개별로 설정 padding-top: 5px; (padding-right, pad..
-
Learn HTML & CSS. 9.BordersStudy/HTML & CSS 2016. 12. 6. 16:42
Review what I learned 각 태그들을 감싸는 박스의 테두리도 style 할 수 있다. 테두리의 두께는 border-width 속성으로 바꿀 수 있다. pixels 단위를 사용하여 설정하거나 thin, medium, thick 중 한가지를 설정해도 된다. (예. border-width: 5px; border-width: thick;) 위와 같이 설정하면 모든 테두리의 두께를 한번에 설정하게 된다. 네 방향 각각의 테두리의 두께를 다르게 하고 싶다면 4개를 설정해주면 된다. (border-width: 3px 1px 2px 1px;) 이는 각각 위, 오른쪽, 아래, 왼쪽 을 가리키며, 위에부터 시계방향으로 알면 된다. border-width 를 개별로 설정 할 수 있다. border-방향-wid..
-
Learn HTML & CSS. 8.Box modelStudy/HTML & CSS 2016. 12. 5. 15:28
Review what I learned 모든 HTML 요소들은 박스로 둘러싸여져 있다. 박스는 2차원으로 width와 height 성분이 있다. 이들은 각각 width 속성과 height 속성으로 설정이 가능하다. width, height 속성들은 pixels, ems, percentages 의 세 단위로 입력될 수 있다. 이는 px, em, % 이다. 박스들의 width와 height의 최댓값, 최솟값을 설정할 수 있다. 이는 사용자들이 브라우저 크기를 조정할 때 내용들이 읽기 쉽게 유지될 수 있도록 도와준다. 각각 max-width max-height min-width min-height 로 설정할 수 있다. 박스의 크기가 너무 작아지면, 내용들이 잘려서 보이지 않게 된다. 이를 조절할 수 있는 속성..
-
WPF 에서 toast 메시지 만들기C#/WPF 2016. 12. 5. 14:49
안드로이드에는 알림창으로 toast 메시지가 있습니다. 하지만 wpf에서는 윈도우 메시지 같은 형식밖에 없는데요, Label과 DoubleAnimation을 이용하여 toast 메시지와 비슷한 형식을 만들어 보았습니다. using System.Windows.Media.Animation; private void ToastMessage(string message){lblToast.Content = message; DoubleAnimation dba1 = new DoubleAnimation();dba1.From = 0;dba1.To = 1;dba1.Duration = new Duration(TimeSpan.FromSeconds(1.5)); DoubleAnimation dba2 = new DoubleAnimat..
-
Learn HTML & CSS. 7.Classes, IDs & DivsStudy/HTML & CSS 2016. 12. 2. 11:49
Review what I learned ID와 클래스, Div 를 사용하여 구성된 코드는 가독성이 매우 좋아진다. ID 는 HTML 해당 태그를 페이지에서 식별할 수 있게 해준다. Class에 포함된 태그들은 같은 style을 공유하게 된다. 그로 인해 styling 하는 것이 더 효율적이게 된다. (division) 는 내부의 태그들을 그룹으로 묶어준다. 이는 페이지를 논리적 단위로 구성할 수 있게 해주어서 HTML 파일의 가독성을 더 늘려준다. 한 HTML 태그가 여러개의 클래스에 포함될 수 있다. Div 태그는 아주 많이 쓰이는 HTML 태그이다. 웹 개발자에게는 "이 태그를 어떻게 쓰는 지"가 매우 중요하다. 출처 : codecademy(HTML & CSS)
-
Learn HTML & CSS. 6.Styling with CSS(Fonts)Study/HTML & CSS 2016. 12. 1. 21:21
Review what I learned 폰트 서체는 font-family 속성을 이용하여 바꿀 수 있다. Serif 폰트는 대문자 I 나 소문자 l 같은 같은 활자에서 아래・위에 가로로 가는 선이 나있는 서체이며, Sans-Serif 는 그렇지 않은 서체이다. (I I, l l) 아이와 아이, 엘과 엘, Serif와 Sans-Serif Fallback 폰트는 혹시 방문자의 컴퓨터에 CSS에서 설정한 서체가 설치되어 있지 않을 때 대신 적용되는 서체이다. 구글 폰트는 free fonts 이며, HTML파일에 link 태그로 연결하여 사용할 수 있다. 폰트의 크기는 font-size 속성을 이용하여 바꿀 수 있으며, pixels(px), ems(em), percentages(%) 를 단위로 사용한다. 각 줄..
-
C# 텍스트 파일 읽기 (한글 깨짐)C# 2016. 12. 1. 11:16
C#에서 txt파일을 읽어오는 방법입니다. ReadAllLines 는 \n 을 기준으로 한 줄씩 불러오는 것이며, 이는 각각 string배열의 원소로 들어갑니다. ReadAllText 는 txt파일을 한번에 string 형으로 불러오는 것입니다. 이 둘은 호출하는 법이 같고, 반환형만 다르기 때문에 하나를 기준으로 설명해 드리겠습니다. ReadAllLines(파일 경로); 가 호출하는 기본적인 방법입니다. 허나 이 방법으로 호출하면 한글이 깨지는 일이 발생하기도 하는데요, 그럴 때는 Encoding 방식을 정해주어야 합니다. ReadAllLines(파일 경로, Encoding.~); 이 Encoding 방식을 정해주는 방법입니다. 한글이 깨질 때에는 Encoding.Default로 설정해 주시면 됩니다...
-
Learn HTML & CSS. 5.Styling with CSS(Colors)Study/HTML & CSS 2016. 11. 30. 16:55
Review what I learned Foreground Color는 해당 태그의 실제 보이는 내용의 색을 뜻한다. 이는 color 속성으로 설정할 수 있다. Background Color는 해당 태그의 보이는 내용 뒷 배경의 색을 뜻한다. 이는 background-color 속성으로 설정할 수 있다. 편하게 사용할 수 있는 named color가 147 가지 있다. (Red, Blue, Aqua 등) RGB(Red, Green, Blue 빛의 3원색) 또는 16진법(예. #B2325D)으로 색을 표현할 수 있는데, 이는 16,000,000(16백만) 가지의 색이 가능하다. HSL(Hue, Saturation, Lightness)은 CSS3에서 색을 정의하는 새로운 방법이다. (설명) RGBa 또는 H..