개발11 2. 안드로이드 레이아웃, 버튼 (버튼 이벤트로 사진 변경하기) Layout 클래스의 종류 RelativeLayout LinearLayout GridLayout FrameLayout ConstraintLayout View 의 서브클래스 Button - 일반적인 버튼, setOnClickListener 를 이용하여 이벤트처리가능 EditText - 텍스트를 수정하여 입력할수있는 뷰 CheckBox - 선택하거나 취소할수있는 특정유형을 고를떄 사용하는 버튼 ImageView - 이미지 파일을 사용자에게 보여줄수있는 뷰 ConstraintLayout + Button + ImageView 을 이용한 예제 이번에는 버튼 이벤트를 이용하여 앱에 저장된 사진을 변경하는 예제를 만들어 보겠습니다. 0. 프로젝트 설정 먼저 안드로이드에서 NewProject 를 생성하고, EmptyA.. 2021. 12. 16. 1. 안드로이드의 기본개념, 생명주기 안드로이드란? - 스마트폰과 태블릿 컴퓨터에서 사용되는 운영체제 컴포넌트 - 앱의 구성단위, 컴포넌트를 여러가지 조합하여 하나의 앱으로 만듦 - 컴포넌트간에 Intent 를 매개로 하여 결합하지 않은 상태로 독립적으로 실행하는 구조 4대 컴포넌트 1. 액티비티 (Activity) UI 를 구성하기위한 컴포넌트 2. 서비스 (Service) UI 없이 백그라운드에서 수행하는 컴포넌트 3. 콘텐트 프로바이더 (Content Provider) 어플리케이션간 데이터를 공유하기위한 데이터 4. 브로드캐스트 리시버 (BrodCast Receiver) 이벤트로 수행되는 컴포넌트 Activity 란? 사용자에게 가장 기본이되는 앱 컴포넌트 안드로이드 앱은 최소하나의 Activity를 가져야함 하나의 앱은 앱최초 실행시.. 2021. 12. 14. React 개념 : class component 리액트에는 State 라는 기능이있다. State 는 앱 실행중 변화가능성이있는 동적데이터를 다룰때 사용한다. 그런데 State는 이전까지 이용한 함수형 컴포넌트에서 사용을 하지못한다. 따라서 클래스형 컴포넌트를 이용해야한다. 그렇다면 클래스형 컴포넌트는 함수형 컴포넌트랑 어떤점이 다를까? 가장큰 차이점은 reder 함수를 통하여 JSX 를 반환한다. import React from 'react'; class App extends React.Component{ state = { } render () { return (Hello!! {this.state.number}); }; } export default App; 위는 기본적인 클래스형 컴포넌트의 모습이다. 컴포넌트 클래스를이용하기위해선 React.Com.. 2021. 3. 2. React 개념 : map 이전의 코드에서 Test 컴포넌트 안에 Game 컴포넌트를 3번 넣어주었다. 만약 웹에서 표현해야하는 Game이 100가지가 넘어간다면 어떻게 될까? 아마도 코드는 import React from 'react'; function Game(props){ return ( I'M {props.name} ); } function Test() { return ( Ha Ha Test!!! . . . X100 . ); } export default Test; 이렇게 100줄을 입력하는 비효율적인 코드가 될것이다. 이를 줄여주기 위해 서용하는 함수는 map 함수이다. 우선 map 함수를 이용하기 위해 GameList 배열을 선언한다. GameList 배열은 서버에서 데이터를 전달하였다는 상황을 가정하기위해 추가하는것이.. 2021. 2. 27. React 개념 : props 리액트에서 props 는 쉽게 말해 C++ , JAVA 등 다른 컴퓨터 언어에서 쓰이는 매개변수와 비슷하다고 볼수있다. 다시말해 props 는 컴포넌트 간의 전달되는 데이터를 뜻한다. 놀랍게도, 리액트는 컴포넌트 안에 컴포넌트를 정의 할수있다. 다음과 같이 Test.js 파일을 수정하였다. import React from 'react'; function Game(){ return ( I'M LOL ); } function Test() { return ( Ha Ha Test!!! ); } export default Test; 이전에 말했듯 리액트는 " " 과 같은 표시로 컴포넌트를 인식한다고 하였다. 위의 코드를 보면 Test 컴포넌트 안에 이라는 코드를 통하여 컴포넌트안에 컴포넌트를 넣었다. 또한 '' .. 2021. 2. 27. React 개념 : 컴포넌트 (Component) 컴포넌트란 (Component) ? - 리액트에서 기능을 나눌때의 최소 단위이다. - 리액트는 컴포넌트와 함께 동작하고, 리액트 앱은 모두 컴포넌트로 구성된다. 컴포넌트는 JSX 라는 문법을 사용해서 만들어지는데 이는 HTML + javascript 언어를 조합한 언어이다. 리액트는 과 같은 표시를 컴포넌트로 인식하고, 그 컴포넌트가 반환하는 값을 화면에 그려준다. 다음은 index.js 에서 APP 컴포넌트를 사용하는 코드이다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(,document.getElementById('root')); 여기서 추가적으로 컴포넌트를 추가.. 2021. 2. 27. 이전 1 2 다음
