자주쓰는 위젯들을 살펴보겠습니다.[TextView/EditText/Button] TextView는 텍스트를 출력시켜주는 위젯입니다. 텍스트를 사용하기 위해서는 이 위젯을 사용해야 합니다. 이 위젯에서 자주쓰이는 명령어들은 text/textColor/textSize/textStyle이 있습니다. text : 글자를 써주는 명령어. textColor : 글자 색 지정 textSize : 글자크기 지정 (단위는 sp를 많이 사용합니다) textStyle : 굵게(bold), 기울임(italic) 맨 위에 텍스트 테스트!에 적용된 속성들. EditText는 문자를 입력받는 위젯입니다. textview에서 썻던 명령어들을 모두 사용할 수 있고 추가로 hint명령어를 쓸 수 있습니다. hint : 에딧텍스트에 아무..

activity_main.xml 파일을 보시면 맨처음에 Relative layout이라고 적혀있을겁니다. 이게 뷰를 표시하는 방법인데요, 레이아웃의 종류에는 Relative , Linear 등등이 있습니다. 리니어 레이아웃 : 리니어 레이아웃은 수직, 수평으로 자식개체를 표시하는 레이아웃입니다. 기본값은 수평으로 자식개체를 표시합니다. 이게 무슨말이냐면 리니어레이아웃 안에 자식객체를 만들 때 이 자식객체들을 가로로 쭉 표시할지 아니면 세로로 쭉 표시할지 하는것입니다. 이 설정은 android:orientation이라는 명령어로 설정 할 수 있는데, vertical과 horizontal이 있습니다. vertical은 자식들을 수직으로 , horizontal은 자식들을 수평으로 쭉 쌓는 옵션입니다. .. 리..

자바스크립트가 어디에 있건 간에 웹브라우저는 태그를 통해 그 존재를 알게 된다. 자바스크립으를 참조하는 방법 - 일반적으로 자바스크립트는 body에 속하는 내용이 아니므로 head태그 내에 배치한다.

HTML 태그 내용 header content sideinfo footer CSS내용 #container { background-color:black; width:960px; margin:0 auto; padding: 10px;} #header{ background-color: red; height: 100px;} #content{ background-color: blue;float: left; width: 660px; height: 400px;} #sideinfo{ background-color: green; float: left; width: 300px; height: 400px;} #footer{ background-color: gray; clear:both; height: 100px;} #div{..

여백(margin)은 구성요소 외부의 영역이다. 테두리(border)는 구성요소를 둘러싸고 있는 것을 말하고 테두리는 다양한 형식 너비와 색깔을 갖는다. 패딩(padding)은 콘텐츠 주위에 존재하며 콘텐츠 영역의 배경색을 상속받는다. 테두리와 콘텐츠 사이에 존재한다. 콘텐츠(content)는 패딩 내부에 존재한다. 여기에 알짜배기?가 표시된다. margin : 20px 50px 10px 5px; 의 결과값. margin : A - 상하좌우의 여백을 A로 지정 margin :A B - 상하의 여백을 A로 좌우의 여백을 B로 지정 margin : A B C D - A: 상 B:우 C:하 D:좌의 여백으로 각각 지정함. padding도 이와 같다.

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가 제대로 출력되는지 확인하면..

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

아래 영어들은 코드아카데미에 있는 설명입니다. 영어;;;;; block: This makes the element a block box. It won't let anything sit next to it on the page! It takes up the full width. inline-block: This makes the element a block box, but will allow other elements to sit next to it on the same line. inline: This makes the element sit on the same line as another element, but without formatting it like a block. It only takes u..

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

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