이것저것 다 개발

Activity로부터 결과 가져오기 - startActivityForResultstartActivityForResult는 이동된 Activity로부터 값을 가져올때 쓸 수 있습니다. A Activity에서 B Activity를 호출하게 되었을 때, B Activity에서 A Activity로 데이터를 전달할 수 있습니다. 일반적으로 startActivity(intent) 메소드를 통해 Intent 데이터를 담아 다음 Activity로 이동과 데이터를 전달합니다.startActivityForResult는 A에서 이동한 B Activity가 종료되면서 다시 A로 데이터를 보내는 방식입니다.startActivityForResult(Intent, requestCode) 로 다음 Activity를 호출하고onAc..

Flavor을 이용한 1개의 소스로 여러가지 버전의 앱 만들기projectFlavors 를 사용하면기능은 같지만 이름만 다르게 한 앱, 무료/유료 버전의 앱을 구분, SDK 버전에 따른 앱이라던지하나의 소스로 여러 버전의 앱을 만들 수 있습니다. 먼저 build.gradle(app) 파일에 flavor 설정이 필요합니다.productFlavors {} 블록에 원하는 설정을 구성합니다.defaultConfig 는 ProductFlavor 클래스에 속해 있으므로 모든 defaultConfig {} 블록 안의 기본 구성을 사용할 수 있습니다.예) productFlavors {} 블록 내부에 versionCode를 명시하지 않아도 defaultConfig {} 블록의 versionCode를 사용함. build...

가장 기본적인 ProgressDialog를 만들어 사용해보겠습니다. 먼저 progressDialog를 생성한 후 Message, Cancelable, ProgressStyle를 작성하겠습니다. ProgressDialog 생성 ProgressDialog progressDialog = new ProgressDialog(this); progressDialog.setMessage("ProgressDialog running..."); progressDialog.setCancelable(true); progressDialog.setProgressStyle(android.R.style.Widget_ProgressBar_Horizontal); setMessage() : ProgressDialog에 들어갈 메시지를 작성..

React Component의 LifeCycle입니다. Component 생성부터 종료까지 호출되는 순서대로 나열해 두었습니다. 컴포넌트 초기 생성 constructor()constructor는 생성자 라고 불리며 컴포넌트가 생성되었을때 호출됩니다. componentWillMount()render() 전에 호출됩니다. render()view를 만들어주는 함수입니다. componentDidMount()render() 후에 호출됩니다. 컴포넌트 업데이트 componentWillReceiveProps(nextProps)Component가 새로운 Props를 받게 됐을때 호출됩니다. shouldComponentUpdate(nextProps, nextState)Component의 Props나 State변경시 호출..

Component와 propsReact를 이용하면 UI를 컴포넌트화 하여 재사용할 수 있도록 만들 수 있습니다.여기에서 props란 Component의 parameter로 들어가는 임의의 값 입니다.parameter를 props로 정의한 후 컴포넌트 생성 시 속성을 정의해주면 됩니다.먼저 Component를 만드는 방법을 알아보겠습니다.1. Component 생성1-1. ES5 function function Hello(props) { return Hello, {props.name} }첫번째 방법으로는 ES5문법으로 function을 생성하여 만들어진 html 태그를 리턴하는 방법입니다. 1-2. ES6 function const Hello = (props) => Hello, {props.name} 두번..

이전 글에서 React와 ReactDOM을 사용한 React 코드를 작성해보았습니다.http://yongyi1587.tistory.com/37 < React 기초 -React와 ReactDOM 라이브러리 React.createElement() 라는 API를 호출하여 HTML코드를 만들고 ReactDOM.render()를 호출하여 렌더링을 하였습니다. 이번 글에서는 JSX를 이용하여 element를 정의하는 법을 적어보려고 합니다.JSX는 javascript의 확장으로 HTML과 비슷한 구문을 이용해 react element를 정의할 수 있게 해줍니다. 먼저 JSX를 사용하기 위해서는 Babel이 필요합니다. 1. Babel 모든 브라우저는 ES6나 ES7을 지원하지 않으며 JSX를 지원하지 않습니다. 그..

React와 ReactDOM React를 사용하기 위해서는 먼저 React와 ReactDOM이라는 라이브러리가 필요합니다. React는 View를 만들기위한 라이브러리이고, ReactDOM은 UI를 실제로 브라우저에 렌더링 할 때 사용하는 라이브러리 입니다. CDN으로 React와 ReactDOM 라이브러리를 추가하겠습니다. https://reactjs.org/docs/cdn-links.html //여기에 react Element 추가 위처럼 간단한 html 코드를 작성하고 react와 reactDOM의 라이브러리를 추가하였습니다. 그리고 그 아래 script 태그가 react 코드를 작성할 공간입니다. react 코드를 작성해보겠습니다. React는 렌더링 과정에서 React.createElement로..

Javascript ES6 variable declaration Javascript ES6 이후로 let과 const 두가지 변수 선언 키워드가 생겼습니다. 이해하기 쉽게 var, let, const를 이용한 변수선언을 예제로 설명하겠습니다.1. Variable Declaration 1-1. var var c = 'c1' var c = 'c2' console.log(a) 위와 같이 c 라는 변수를 선언했을때 아무런 오류 없이 console에는 c2 가 찍힙니다. 1-2. let let c = 'c1' let c = 'c2' console.log(a) 하지만 let으로 변수를 선언하게 된다면 에러가 나게됩니다. 이처럼 let은 중복선언을 허용하지 않습니다. const도 마찬가지로 중복선언을 허용하지 않습니..

ConstraintLayoutConstraintLayout은 View 또는 View Group 간의 상대적인 위치 지정을 하여 View를 배치하는 Layout 입니다. 위 화면은 instagram의 화면을 따라서 만든 화면입니다. 화면을 보시면 각 View간 화살표로 연결되어 있는것을 볼 수 있습니다. Android Studio에서 Drag & Drop으로activity_**.xml Design 탭에서 이런 화면을 간단하게 만들 수 있습니다.안드로이드 layout의 xml을 다루지 못하는 사람도 누구나 쉽게 Layout을 배치하고 만들 수 있습니다.Text 탭으로 넘어가게 되면 코드가 작성되있는 것을 볼 수 있습니다.각 View 객체를 이루고있는 4개의 선에는 끌어당길 수 있는 점 4개가 존재합니다.4개..

1. Function정의 : 특정 기능을 하는 구문을 묶어 재사용 할 수 있는 함수function sum(a, b) {alert(a+b);return a+b // function 내부의 데이터를 외부로 보냄} 호출 : functionName(); 종류 : 1. 자바스크립트 코어 함수alert();document.write();등등.. 2. 사용자 정의 함수sum(); //위 예제 같이 사용자가 만들어준 function 2. Class정의 : 연관된 function과 variable을 묶을때 사용하는 문법 인스턴스 : new 라는 키워드를 사용하여 인스턴스를 만듬var calculator = new Calculator(); 호출 :1. 인스턴스 생성2. 접근 연산자(.) 를 사용하여 호출calculator..