공부 150

[윈도우8] Gradle 설치하기

1) 홈페이지에서 Gradle을 다운받는다. 링크 : http://www.gradle.org 2) 다운받은파일을 압축을 풀어 특정 디렉토리에 넣는다. (저의 경로는 D:\Developement\gradle-2.2.1) 3) 환경변수설정 중 Path(시스템변수)에 그래들 설치경로/bin;을 추가해준다. 4) GRADLE_HOME이라는 시스템변수를 만들어주고 그래들 설치경로를 추가한다. 설치끝 ========================================================================== 제대로 설치됐는지 확인하는 방법 - CMD창에서 build.gradle이 있는 경로로 가서 gradle -q helloworld를 치면 Hello,world가 제대로 출력되는지 확인하면..

공부/Android 2015.01.14

[윈도우8] 안드로이드 스튜디오 설치하기

안드로이드 스튜디오를 사용하려면 JAVA JDK가 필요합니다. 설치가 안되있다면 먼저 설치하시길 바랍니다. 설치 이후 환경변수를 설정해야합니다!! 1. 안드로이드 스튜디오 다운-(http://developer.android.com/sdk/index.html) 링크를 타고 들어가 다운받을 수 있습니다. 2. 다운이 완료되면 설치를 합니다. (저는 그냥 다 next했습니다) 3. 설치가 완료되면 이전 안드로이드스튜디오 설정을 가져올건지 묻는데 저는 처음 설치하기때문에 밑에걸 선택했습니다. [만약 오류가 난다면 JAVA JDK 환경변수를 확인하시기 바랍니다] 4. OK버튼을 누르고 나면 Setup Wizard가 뜨는데 뭘 모르니 기본설정으로 하고 그 이후에 안드로이드 sdk tool을 설치하기 위해 동의를 한..

공부/Android 2015.01.14

[HTML5/CSS] 버튼만들기 실습1

를 이용해서 버튼을 만듭니다. 태그를 넣고 그 안에다 글자를 삽입한뒤 태그를 이용해 링크를 걸어줍니다. [이전까지는 메모장을 이용해 만들었는데 sublime Text라는 편한게 있더라고요 무료버전인데 유료버전과 차이가 없는것 같고 저장을 몇번 할 때 마다 결제하라는 창이 뜨는데 취소 누르시고 계속 작업하시면 됩니다] 이제 HTML에서의 작업은 끝났고 CSS파일로 넘어갑니다. 1.에 대한 속성들을 지정해줍니다. height(세로길이), width(가로갈이), border-color(외곽선 색), border-radius(외곽선 둥글기), background-color(배경색) 등등.. 2. 에 대한 속성도 지정해줍니다. text-decoration , color, font-family 등.. [결과물]

공부/HTML 2015.01.13

[HTML5/CSS] 코드아카데미 소개 -HTML5, CSS 공부 사이트

코드아카데미 [HTML&CSS] 주소 : http://www.codecademy.com/tracks/web 코드를 직접 쳐보면서 HTML5와 CSS에 대해 배울 수 있는 사이트입니다. 7시간만 투자하면 된다고해요. 저는 현재 39% 완료된 상태입니다. HTML 기초과정부터 시작해서 CSS과정까지 안내하는것을 따라서 하면 모두 배울 수 있습니다. 영어로 된 사이트이긴 한데 설명을 쉽게 해놔서 아직까지는 따라가는데는 어려움이 없었습니다. 이게 강의 페이지인데요 맨 좌측에서 개념설명및 미션을 주는데 그걸 풀고나서 밑에 파란버튼을 누르면 다음단계로 넘어갑니다. 오른쪽에 하얀화면에서 내가친 코드를 실시간으로 웹페이지로 볼 수 있습니다. 코드아카데미 [HTML&CSS] 주소 : http://www.codecadem..

공부/HTML 2015.01.13

[HTML5] CSS 실습2 - 여백, 패딩, 정렬과 플로팅 사용하기

margin과 pading 속성 : 구성 요소 주위에 여백을 추가한다. align과 float 속성 : 다른 요소들에 대해 상대적으로 해당 요소들을 배치하는 방법을 제공한다. 1. 여백(margin) 사용하기 margin-top : 상단 여백 margin-right : 우측 여백 margin-bottom:하단 여백 margin-left: 왼쪽 여백 margin : 상 , 우 ,하, 좌측 여백을 설정한다 ex1) margin-top:15px ; margin-right:10px; - 상단여백을 15픽셀로 우측여백을 10픽셀로 설정한다 ex2) margin: 15px 10px 15px 15px; - 상 하 좌측 여백을 15픽셀로 우측여백을 10픽셀로 설정한다. ex3) margin: 15px; - 상하좌우 여..

공부/HTML 2015.01.12

[HTML5] 테이블 만들기 실습1

테이블만들기는 태그로 시작한다. 이후 행만들기는 으로 만들어주고 이 사이에 태그를 사용해 표의 데이터를 입력한다(td: 테이블 데이터) 태그와 비슷한 >라는 태그가 있는데 이는 테이블의 제목에 해당되는 셀을 나타낸다. 테이블 셀()에는 모든 스타일을 적용할 수 있지만 한셀에 적용한다고 해서 모든 셀에 스타일이 적용되는것이 아니다. 모든 셀에 적용하고 싶은 경우에는 테이블을 만들때 썻던 태그에 스타일을 입력해야한다. 여러가지 테이블의 스타일들. - 배경색 지정하기 : ex) 열의 배경색을 빨강, 글자색을 흰색으로 바꾸기 - 외곽선 굵기 지정하기 : - 셀의 글자 정렬하기 : 글자가 셀의 위쪽부터 가운데정렬되어 나타남. - 셀합치기 : colspan="숫자"(가로열을 숫자만큼 합침) rowspan="숫자"(..

공부/HTML 2015.01.07

[HTML5] 리스트 작성하기 실습1

HTML에서 리스트는 순번리스트, 순번이 없는 리스트, 정의리스트 이렇게 3가지가 있다. 1. 순번리스트(Ordered list) 태그 시작 ,끝 : 리스트항목 추가 : 2. 순번이 없는 리스트(Unordered list) 태그 시작 ,끝 : 리스트 항목 추가 : 3. 정의리스트(Definition list) : 용어와 그 의미에 대한 리스트이다. 태그 시작 ,끝: 리스트 항목 추가 : [list.html 화면] 안녕 순번이 없는 리스트 첫번째 중첩테스트 두번째 순번이 있는 리스트 대문자 알파벳 순번. 첫번째 두번째 일반 순번 첫번째 두번째 소문자 로마자 순번. 첫번째 두번째 정의리스트 용어,설명으로 나눠짐 첫번째 용어 용어 설명 용어 설명 2 두번째용어 세번째 용어 설명있음 [list.html 코드] ..

공부/HTML 2015.01.07

[HTML5] CSS 만들기 실습 - 1

CSS(Cascading Style Sheets) 스타일시트를 삿용하는 기술을 말하며 글꼴,색깔,위치 등의 스타일 구조체를 정의하는 언어이다. CSS를 이용하면 html문서와 css문서를 분리하기 때문에 html문서를 만들 때 스타일을 신경쓰지 않고 만들수 있다. 0. 스타일시트의 적용 예 [스타일시트 적용 전] [스타일시트 적용 후] 1. 외부스타일시트를 만드는방법 메모장을 이용해서 코드를 쓰고 확장자를 .css파일로 저장했다. [스타일시트 예제 styles.css] 2. 스타일시트를 적용하는 방법 (1) 외부의 스타일시트를 가져오는 방법. - 만들어진 HTML문서의 head부분에 태그를 포함시켜야한다. ex) [외부 스타일시트 적용 예 4-1.html] (2) 내부에 스타일시트를 사용하는 방법. - ..

공부/HTML 2015.01.07