프로그래밍 536

안드로이드 - 프로젝트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..

생활코딩 css 정리 - 8. color 그리고 text-align

8. color 문자 컬러를 설정할 때 사용한다. color.html Hello world 9. text-align text-align의값으로올수있는값은아래와같습니다. left : 왼쪽정렬 right : 오른쪽정렬 center : 가운데정렬 justify : 균등정렬 text_align.html Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan iaculis tristique. Pellentesque eu erat mattis est semper condimentum. Nunc sed facilisis turpis. Mauris vulputate, purus in suscipit accumsan, dolor lorem eleme..

프로그래밍/CSS 2017.09.30

안드로이드 - 5. 인텐트를 이용한 화면 전환

안드로이드 타겟 버전 : 4.2(젤리빈) 소스 출처 : https://www.inflearn.com/course/ 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial6_activity/app/src/main 안드로이드 어플리케이션의 네가지 구성 요소는 Activity, Service, Broadcast Receiver, Content Provider가 있습니다. 인텐트(Intent)란 이러한 어플리케이션 구성요소(컴포넌트) 간에 작업 수행을 위한 정보를 전달하는 역할을 한다. 인텐트를 가장 손쉽게 사용한 예로는 액티비티간의 화면전환을 들 수 있습니다. startActivity() -새로운 액티비티를 화면에 띄울 때 startServ..

생활코딩 css 정리 - 7. font-size

7. font-size 글꼴의 크기를 지정합니다. 주요 단위로는 px, em, rem이 있습니다. rem html 태그에 적용된 font-size의 영향을 받습니다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되기 때문에 이해하기 쉽습니다. 가장 바람직한 단위입니다. 이것을 사용하세요. px 모니터 상의 화소 하나의 크기에 대응되는 단위입니다. 고정된 값이기 때문에 이해하기 쉽습니다만, 사용자가 글꼴의 크기를 조정할 수 없기 때문에 가급적 사용을 하지 않는 것이 좋습니다. em 부모 태그의 영향을 받는 상대적인 크기입니다. 부모의 크기에 영향을 받기 때문에 파악하기가 어렵습니다. rem이 등장하면서 이 단위 역시 사용이 권장되지 않습니다. 예제. font_size.html PX REM 실행..

프로그래밍/CSS 2017.09.26

생활코딩 css 정리 - 6. 속성을 공부하는 방법

6. 속성을 공부하는 방법 중요한 속성들 CSS의 효과 다른 말로 속성(property)는 약 250개 정도입니다. 일상 생활에서 사용하는 자연어의 어휘에 비하면 몇개 되지 않지만, 이것들을 하나씩 열거해서 공부하는 것은 뇌를 혹사시는 일입니다.우리 수업에서 제시하는 공부방법은 가장 빈도수가 높은 CSS의 속성 순으로 공부하고, 빈도가 낮은 것들은 그런 것이 있다는 정도만 확인하고 필요할 때 검색, 질문 등을 이용하는 것입니다. 속성에 대한 통계 과학적인 방법으로 빈도수를 조사하기 위해서 마이크로소프트에서 검색엔진 bing.com을 통해서 수집한 전세계 웹페이지의 통계 자료를 인용하겠습니다. https://developer.microsoft.com/en-us/microsoft-edge/platform/u..

프로그래밍/CSS 2017.09.25
반응형