Free Will

1. Node.js 설치하기nodejs.org/ko/ Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org2. Node.js 설치확인node -v3. npm 설치확인npm -v4. create-react-app 설치npm install -g create-react-app5. create-react-app 설치확인create-react-app -V6. react프로젝트를 생성할 경로로 이동후 명령어 실행npx create-react-app .7. react프로젝트 실행npm run start

# 안드로이드 기준 1. react-native-splash-screen 라이브러리 추가 -해당 프로젝트경로에서 실행 npm i react-native-splash-screen --save 2. react-native-splash-screen 라이브러리 확인 -package.json 확인 3. MainActivity.java에 코드 추가 3-1. import 추가 // react-native-splash-screen >= 0.3.1 import org.devio.rn.splashscreen.SplashScreenReactPackage; 3-2. onCreate 추가 @Override protected void onCreate(Bundle savedInstanceState) { SplashScreen.sh..

# 안드로이드sdk, 가상에뮬레이터 설치과정은 생략 1. Node.js 설치하기 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Node.js 설치확인 node -v 3. React-Native-Cli 설치 npm install -g react-native-cli 4. React-Native-Cli 설치확인 react-native -v 5. React-Native 프로젝트 생성 -프로젝트가 생성되는 경로를 확인 react-native init TestProject 6. React-Native 프로젝트 실행 react-native run-android

인스타그램의 EditText 1. 텍스트 입력 영역 끝에 도달후에도 내용입력시 자동으로 개행된다 2. EditText의 엔터버튼 액션이 보내기 이다 기본적인 EditText 1. 텍스트 입력 영역 끝에 도달후에도 내용입력시 자동으로 개행된다 2. EditText의 엔터버튼이 액션이 개행 이다 인스타그램의 댓글입력 EditText를 만들기 위해서는 두가지가 필요하다 1. 텍스트 입력 영역끝에 도달후에도 내용입력시 개행될것 2. EditText의 엔터버튼 액션이 보내기 일것 EditText 속성 inputType 속성 값 종류 출처 : http://wakeupjava.tistory.com/entry/View-EditText%EC%99%80-inputType%EC%86%8D%EC%84%B1%EC%9D%98-%..

DAO (Data Access Object) DB를 사용해 데이터를 조회하거나 조작하는 기능을 전담하도록 만든 오브젝트 자바빈 (Java Bean) 두가지 관례를 따라 만들어진 오브젝트 1. 디폴트 생성자 :자바빈은 파라미터가 없는 디폴트 생성자를 갖고 있어야한다 툴이나 프레임워크에서 리플렋견을 이용해 오브젝트를 생성하기 때문이다 2. 프로퍼티 :자바빈이 노출하는 이름을 가진 속성을 프로퍼티라고 한다 프로퍼티는 set으로 시작하는 수정자 메소드(setter)와 get으로 시작하는 접근자 메소드(getter)를 이용해 수정 또는 조회할 수 있다 리팩토링 (Refactoring) 기존의 코드를 외부의 동작방식에는 변화없이 내부구조를 변경해서 재구성하는 작업 메소드 추출 (Extract Method) 중복된 ..

새로 만든 스레드에서 UI객체에 직접 접근할 수 없기 때문에 핸들러를 사용하게되는데 핸들러를 사용하면서 코드를 좀 더 복잡하게 만드는 문제가 생긴다. 이러한 백그라운드 작업을 좀 더 쉽고 간단하게 하고싶다면 AsyncTask 클래스를 사용할 수 있다 AsyncTask 객체를 만들고 execute()메소드를 실행하면 이 객체는 정의된 백그라운드 작업을 수행하고 필요한 경우에 그 결과를 메인 스레드에서 실행하므로 UI객체에 접근하는데 문제가 없게된다 AsyncTask 주요 메소드 doInBackground 새로 만든 스레드에서 백그라운드 작업을 수행한다 execute()메소드를 호출할 때 사용된 파라미터를 배열로 전달받는다 onPreExecute 백그라운드 작업을 수행하기전에 호출된다 메인 스레드에서 실행되..

6가지 일반화된 밀도 화면크기 dpi 최소 크기 ldpi(저밀도) ~120dpi 426dp X 320dp mdpi(중간밀도) ~160dpi 470dp X 320dp hdpi(고밀도) ~240dpi 640dp X 480dp xhdpi(초고밀도) ~320dpi 960dp X 720dp xxhdpi(초초고밀도) ~480dpi xxxhdpi(초초초고밀도) ~640dpi 화면크기별 아이콘 사이즈(px) 화면크기 적응형 아이콘 Google Play Store 런처 아이콘 & 메뉴 아이콘 액션바 아이콘 & 상태표시줄 아이콘 탭 아이콘 & 대화 아이콘 & 목록보기 아이콘 ldpi 512 x 512px 36 x 36px 18 x 18px 24 x 24px mdpi 512 x 512px 48 x 48px 24 x 24px..

앱아이콘 사이즈(px) 장치 AppStore 아이콘 앱 아이콘 앱 시작화면 스포트라이트 아이콘 설정 아이콘 알림아이콘 탐색바 아이콘 & 도구모음 아이콘 탭바 아이콘 iPhone + 6+, 6S+, 7+, 8+, X 1024 x 1024px 180 x 180px 1242 x 2208px 120 x 120px 87 x 87px 60 x 60px 66 x 66px 75 x 75px 최대 144 x 96px iPhone 4, 4S, 5, 5C, 5S, 6, 6SE, 6S, 7, 8 1024 x 1024px 120 x 120px 750 x 1334px 80 x 80px 58 x 58px 40 x 40px 44p x 44px 50 x 50px 최대 96 x 64px 올드 아이폰 1, 2, 3 세대 1024 x 10..

안드로이드에서 UI처리를 위해 사용되는 기본 스레드는 '메인 스레드'라고 부른다 이 메인 스레드에서 이미 UI에 접근하고있으므로 새로 생성한 다른 스레드에서는 핸들러 (Handler)객체를 이용해 메시지를 전달함으로써 메인 스레드에서 처리하도록 만들 수 있다 애플리케이션을 위해 프로세스가 만들어지면 메인 스레드는 최상위에서 관리되는 애플리케이션 객체인 액티비티, 브로드캐스트 수신자 등과 새로 만들어지는 윈도우를 관리하기 위한 메시지 큐(Message Queue)를 실행하게 된다. 이 메시지 큐를 이용해 순차적으로 코드를 수행할 수 있으며 이렇게 메시지 큐를 이용해 메인 스레드에서 처리할 메시지를 전달하는 역할을 담당하는 것이 핸들러 클래스다 결국 핸들러는 실행하기를 원하는 특정기능이 있을때 현재 수행되고..

OnTouchListener : 터치 이벤트 화면을 손가락으로 누를때 발생하는 이벤트 OnKeyListener : 키 이벤트 키패드나 하드웨어 버튼을 누를때 발생하는 이벤트 GestureDetector : 제스처 이벤트 터치 이벤트중에서 일정패턴을 만들어내는 이벤트 onFocusChangeListener : 포커스 뷰마다 순서대로 주어지는 포커스 onConfigurationChanged : 화면 방향 변경 화면의 방향이 가로/세로로 바뀜에 따라 발생하는 이벤트