가카리의 공부방

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v4 프로젝트1. 애플리케이션 화면 디자인 프로젝트2. 액티비티 화면 전환 프로젝트3. 로그인 및 메인 화면 구현 이번에는 로그인 및 메인화면을 구현하는 예제입니다. 저번 소스에서 Login.php이 잘못되었네요. 다음 파일이 제대로 된 소스입니다. Login.php LoginRequest.java package com.example.kch.proj_manager_v4; import com.android.volley.AuthFailureError; import com.android.volley.Respo..

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v3 프로젝트1. 애플리케이션 화면 디자인 프로젝트2. 액티비티 화면 전환 이번에는 안드로이드 앱에서 데이터를 입력하면 그것을 데이터베이스에 저장하는 예제입니다. CREATE DATABASE `proj_manager` CHARACTER SET utf8 COLLATE utf8_general_ci; CREATE TABLE `USER`( userID VARCHAR(20) NOT NULL, userPassword VARCHAR(20) NOT NULL, userName VARCHAR(20) NOT NULL, us..

21 Float Float는 편집 디자인에서 이미지를 삽화로 삽입할 때 사용하는 기법입니다. 또한 레이아웃을 잡을 때도 사용하는 기능이기 때문에 꽤 중요합니다. 1) Float효과란? Float가 어떤 효과인지 확인하기 위해서 다음 예제를 봅시다. float.html img width:300px; float:left; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis voluptas possimus enim fuga nostrum as-sumenda cum sunt, iste quibusdam maxime, sequi, recusandae aut quisquam ab nisi nobis! Est voluptatem cum-que, n..

좋은 펀드 고르는 방법 5원칙 참고자료 : https://www.youtube.com/watch?v=ThR2Bdagyqc 1. 수수료는 선취형(A) 혹은 S로 선택하자. 펀드 닥터(http://www.funddoctor.co.kr/) 에 접속하여 로그인 후 원하는 펀드를 검색하게되면 펀드명 뒤에 영문자가 있다. 간단히 말해서 A는 수수료를 선취하겠다는 의미이고 B클래스는 수수료를 후취하겠다는 의미이다. C클래스는 선, 후취 수수료가 없지만 연간보수가 높은 펀드이다. 이중 A형이 수수료면에서 가장 유리하므로 반드시 A형을 골라야한다. 펀드슈퍼마켓(http://www.fundsupermarket.co.kr/main.do)에서 구입시 S형도 선택할 수 있는데 S형은 수수료가 대체로 낮은 편이므로 S형을 고르는..

20.Media Query 1) 소개 media query는 화면의 종류와 크기에 따라서 디자인을 달리 줄 수 있는 CSS의 기능입니다. 특히 최근의 트랜드인 반응형 디자인의 핵심 기술이라고 할 수 있습니다. media-query.html @media (min-width:601px) body background-color: blue; @media (max-width:600px) body background-color: green; @media (max-width:500px) body background-color: red; 500px 이하 : red 501~600px : green 601px 이상 : blue 실행화면 다음과 같이 넓이에 따라 배경색이 바뀌게 됩니다. 여기서 유의할 것은 캐스케이드 룰 때..

출처 : yes24 영어회화 리스타트 최근 영화나 미드를 보다가 문득드는 생각 중에 하나가 영어를 10년이상 공부했고 토익 점수를 어느정도 올렸는데도 왜 이 미드에 나오는 내용을 자막을 끄고 보면 10프로도 이해가 안될까 라는 생각이 들었다. 초중고대학교까지 영어를 그렇게 배웠는데도 아직도 한마디도 못한다면 무언가 공부방법이 잘못된 것이 아닐까 라는 생각이 들어서 고민하다가 찾은 책이다. 저자는 영어공부하는 법에 대한 다양한 방법론을 제시한다. 출퇴근 영어 공부법, 발음 공부법, 영화/미드 공부법 등을 제시했다.(난 아마 출퇴근 공부법은 안될 거야....) 물론 알려진 공부방법도 있지만 저자는 구체적인 사이트와 노하우에 대해서 설명했다. 이 중 내가 끌리는 방법 중에 하나는 스크린 영어 공부방법인데 이 ..

22.flex CSS의 flex는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구입니다. 지금까지 레이아웃과 관련된 다양한 속성들이 있었지만 그리 효과적이지 않았습니다. flex를 이용하면 레이아웃을 매우 효과적으로 표현할 수 있습니다. 아래 영상에서는 flex가 도입된 배경을 설명합니다. 이 기술을 현재 사용해도 좋을지는 아래 페이지를 참고하셔요. http://caniuse.com/#search=flex 1) flex의 기본 flex를 사용하기 위해서는 컨테이너 태그에 display:flex 속성을 부여해야 합니다. 또한 flex-direction을 이용해서 정렬방향을 바꿀 수 있습니다. 기본은 row입니다. 아래 영상은 flex의 기본적인 사용법을 알려드립니다. flex-basic1.html (doct..

18．포지션 엘리먼트의 위치를 지정하는 4가지 방법이 있습니다. - static : 기본값으로 위치정보를 임의로 설정해줄 수 없습니다.. - relative : 상대위치로, static 위치 사용 시 있던 위치를 기준으로 이동합니다. - absolute : 절대위치로, 문서 최좌측 상단을 기준으로 위치 정보를 설정하며 스크롤시 이동합니다. - fixed : 위치 고정으로 스크롤과 상관없이 항상 문서 최좌측 상단을 기준으로 좌표가 설정됩니다. 이 4가지 방법을 정확하게 이해하고 사용하는 것이 css를 자유자재로 이용하는데 중요합니다. 엘리먼트의 위치를 정하는 속성 position 속성 값 4가지 1. static(기본값) : 움직이지 않고 정적인 상태 2. relative : 부모 엘리먼트를 기준으로 상대..