가카리의 공부방

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v9 이전예제 프로젝트 1. 애플리케이션 화면 디자인 프로젝트 2. 액티비티 화면 전환 프로젝트 3. 데이터베이스 및 서버 구축 프로젝트 4. 로그인 및 메인 화면 구현 프로젝트 5. 회원목록 출력하기 프로젝트 6. 회원목록을 리스트뷰로 출력하기 프로젝트 7. 회원 삭제 및 관리자 기능 프로젝트 8. 회원 검색 기능 추가 이전까지 했던 예제를 다음과 같이 예쁘게 만드는 작업입니다. 물론 기능은 동일합니다. 다음은 로그인 화면입니다. 다음은 로그인 후 화면입니다. 다음은 회원 계정 출력페이지입니다. res..

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v8 이전예제 프로젝트 1. 애플리케이션 화면 디자인 프로젝트 2. 액티비티 화면 전환 프로젝트 3. 데이터베이스 및 서버 구축 프로젝트 4. 로그인 및 메인 화면 구현 프로젝트 5. 회원목록 출력하기 프로젝트 6. 회원목록을 리스트뷰로 출력하기 프로젝트 7. 회원 삭제 및 관리자 기능 이번에는 관리자 계정으로 원하는 계정을 검색하는 기능을 추가하는 예제입니다. 먼저 admin으로 로그인을 합니다. 여기서 MANAGE 버튼을 누릅니다. search창에서 aa를 검색해봅시다. aa로 검색하면 다음과 같이 ..

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v7 이전예제 프로젝트 1. 애플리케이션 화면 디자인 프로젝트 2. 액티비티 화면 전환 프로젝트 3. 데이터베이스 및 서버 구축 프로젝트 4. 로그인 및 메인 화면 구현 프로젝트 5. 회원목록 출력하기 프로젝트 6. 회원목록을 리스트뷰로 출력하기 이번에는 저번 강의때 했던 회원목록을 출력후 회원 삭제 기능을 추가하는 예제입니다. 먼저 관리자 계정인 admin 계정으로 로그인을 합니다. 그 다음 MANAGE 버튼을 눌러 관리자페이지로 들어갑니다. 다음과 같이 현재 계정리스트를 출력하고 바로 옆에 삭제 버튼..

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v6 안드로이드 - 프로젝트1. 애플리케이션 화면 디자인안드로이드 - 프로젝트2. 액티비티 화면 전환안드로이드 - 프로젝트3. 데이터베이스 및 서버 구축안드로이드 - 프로젝트4. 로그인 및 메인 화면 구현안드로이드 - 프로젝트5. 회원목록 출력하기 이번에는 저번 강의때 했던 회원목록을 TextView로 출력했던 것을 리스트뷰로 바꿔보는 예제입니다. 실행 화면 1. 먼저 admin 계정으로 로그인을 합니다. 2. 다음과 같이 MANAGE버튼이 보이면 눌러줍니다. 3. MANAGE버튼을 클릭하면 다음과 같이..

예제 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v5 안드로이드 - 프로젝트1. 애플리케이션 화면 디자인안드로이드 - 프로젝트2. 액티비티 화면 전환안드로이드 - 프로젝트3. 데이터베이스 및 서버 구축안드로이드 - 프로젝트4. 로그인 및 메인 화면 구현 AsyncTask를 사용하는데 파일다운로드와 같은 작업을 백그라운드에서 진행할때 사용합니다. execute( ) 명령어를 통해 AsyncTask을 실행합니다. AsyncTask로 백그라운드 작업을 실행하기 전에 onPreExcuted( )실행됩니다. 이 부분에는 이미지 로딩 작업이라면 로딩 중 이미지를..

25. 다단(multi column) 다단(multi column)은 아래 신문처럼 화면을 분활해서 좀 더 읽기 쉽도록 만든 레이아웃을 의미합니다. CSS에서는 이러한 레이아웃을 쉽게 구현할 수 있는 기능을 제공합니다. 먼저 column-count 속성을 2로 주게되면? multi-column.html .column text-align: justify; column-count:2; /* column-width: 200px;*/ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et eius nostrum adipisci in ad sed vel, illo quibus-dam quas perspiciatis aliquam magnam consectetu..

예제 출처 : 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..

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 실행화면 다음과 같이 넓이에 따라 배경색이 바뀌게 됩니다. 여기서 유의할 것은 캐스케이드 룰 때..