2017/10 18

생활코딩 css 정리 - 11. 웹폰트

12. 웹폰트 웹폰트란? 웹폰트는 사용자가 가지고 있지않은 폰트를 웹페이지에서 사용할 수 있는 방법입니다. 폰트를 서버에서 다운로드하는 방식이라고 할 수 있습니다. 본 수업에서는 구글에서 제공하는 무료 웹폰트 서비스인 google fonts를 이용해서 웹폰트를 설명합니다. 구글 폰트 사이트에서 다음과 같이 선택하면 link주소와 font-family 적용법이 나옵니다. web_font.html Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis lacus eu ex rhoncus pretium. Sed vestibulum risus pharetra, consequat nibh ac, ornare nunc. Nunc eu dui..

프로그래밍/CSS 2017.10.13

안드로이드 - 프로젝트2. 액티비티 화면 전환

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v2 프로젝트1. 애플리케이션 화면 디자인 이번에는 인텐트를 이용해서 액티비티간 화면 전환을 합니다. RegisterActivity.java package com.example.kch.proj_manager_v2; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.Button; import android.widget.EditText; public class RegisterActivi..

안드로이드 - 프로젝트1. 애플리케이션 화면 디자인

예제 출처 : https://www.inflearn.com/ 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager 안드로이드 발리 (Android Volley)는 구글 I/O 2013에서 첫 등장한 이후로 지속적으로 업데이트 되고 있는 네트워크 라이브러리입니다. 출처: http://eteris.tistory.com/792 [Eteris's Palace] 왼쪽 build.gradle(Module: app)에 들어간 뒤 dependencies부분에 compile ‘com.android.volley:1.0.0’ 을 치고 윗쪽에 Sync Now를 누릅니다. activity_login.xml 레이아웃 화면 입력받을수 있는 EditTex..

안드로이드 - 8. 레이아웃(layout)

예제 : https://www.inflearn.com/course/ 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial10_layout 다음은 RelativeLayout을 위한 예제파일입니다. RelativeLayout은 상대적으로 위치를 지정합니다. activity_main2.xml 레이아웃 화면 버튼이 위쪽 가운데와 아래쪽 가운데에 배치된 것을 알 수 있습니다. 다음은 TableLayout을 위한 예제 파일입니다. HTML의 table과 비슷합니다. 각 행별로 뷰를 지정하게됩니다. activity_main3.xml 레이아웃 화면 아래와 같이 행단위로 표시가 되며 3번째 행은 layout_span옵션에 의해서 2개의 열을 차지하게..

생활코딩 css 정리 - 10. 서체

11. 서체 1) 고정폭과 가변폭 서체는 크게 두가지 방법으로 구분할 수 있습니다. 고정폭(monospaced)과 가변폭입니다. 아래는 두가지 방식의 차이를 보여주는 이미지 입니다. 2) serif vs sans serif serif는 글꼴에서 사용하는 장식을 의미합니다. sans는 부정의 표현입니다. 즉 sans serif는 serif가 아니다는 뜻입니다. 출처: http://www.w3schools.com/css/css_font.asp 3) 폰트 랭킹 많이 사용하는 폰트의 랭킹을 알려주는 사이트가 있습니다. 이 사이트를 통해서 가장 많이 사용하는 폰트는 무엇인지를 알아보는 것도 재미있을 것 같습니다. http://www.fontreach.com/#top 4) 국내폰트 네이버에서 운영하는 국내 자료실입..

프로그래밍/CSS 2017.10.03

생활코딩 css 정리 - 9. font

10. font 1) font-family font-family는 서체를 지정하는 속성입니다. 아래와 같은 방법으로 합니다. h1{ font-family: "Times New Roman", Times, serif; } 위 코드의 의미는 h1 태그를 Times New Roman을 지정합니다. 그런데 사용자의 컴퓨터에 폰트가 없으면 Times를 사용하게 됩니다. 이때 마지막 폰트는 포괄적인 폰트로 지정합니다. 아래와 같은 것이 있습니다. serif (장식이있는폰트) sans-serif cursive (흘림체) fantasy monospace (고정폭) 출처 : http://matchwebdesign.com/Daily-Thoughts/why-typographically-thinking-ruins-your-si..

프로그래밍/CSS 2017.10.03

안드로이드 - 7. 이미지 버튼 만들기

예제 출처 : https://www.inflearn.com/course/ 예제 소스: https://github.com/GaKaRi/gakari_android/tree/master/Tutorial8_imgbtn/app/src/main 젤리빈 4.3버전에서 테스트되었습니다. 먼저 아래와 같이 버튼에 관한 이미지를 구한 뒤 res/drawable 폴더에 넣습니다. 버튼 이미지는 https://thenounproject.com/ 에서 구했습니다. 그 다음 button1.xml 파일을 아래와 같이 써줍니다. res/drawable/button1.xml 새로 만든 버튼에 대한 이미지를 지정해주는 부분입니다. 그다음 activity_main.xml에 버튼을 추가합니다. 이때 ImageButton을 이용해서 추가합니..

안드로이드 - 6. 유튜브 재생하기

소스 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial6_youtube/app/src/main 먼저 아래 유튜브 안드로이드 Player API를 다운 받아야합니다. 압축 파일을 푼뒤 libs폴더의 jar파일을 복사하여 프로젝트 폴더내의 app/libs에 붙여넣기 합니다. 안드로이드 스튜디오에서 라이브러리를 사용하기위해 File - Project Structue로 가서 Modules에 app으로 간 뒤 Dependencies탭으로 갑니다. 그리고 아까 다운받은 jar파일을 추가해줍니다. 이제 레이아웃을 그릴 차례입니다. 직접 xml파일을 쓰셔도 되고 아래와 같이 Vi..

반응형