jpg의 끄적끄적

아래 블로그를 참고하여 React Native-Expo를 이용해 개발 환경을 구축해볼 것이다.https://jae-study.tistory.com/145 [React Native] Expo로 리액트 네이티브 설치하기왕초보를 위한 React Native 101 https://nomadcoders.co/react-native-for-beginners 노마드코더 강의를 참고하고 있습니다. 리액트 네이티브란? 리액트 네이티브(React Native)는 페이스북이 개발한 오픈 소스 모바일jae-study.tistory.com1. expo-app 설치하기vs code에서 터미널을 열어 원하는 위치에 아래 명령어를 입력하여 프로젝트를 만들어준다.npx create-expo-app 프로젝트명2. expo-app 설치하..

https://studybook.tistory.com/124 [React Native] 리액트 네이티브 React-Native-Cli 개발환경 구축하기(1)아래 블로그를 참고하여 리액트 네이티브 안드로이드 개발환경을 구축하였다.리액트 네이티브 개발을 위해서는 Expo와 React-Native-Cli을 사용한다고 하는데 여기서는 React-Native-Cli 설치로 진행할studybook.tistory.com위 글에서 이어집니다!1. React Native 신규 프로젝트 생성npx react-native init 프로젝트명❗해결 오류* TypeError: cli.init is not a function 해당 오류는 버전이 맞지않아 발생한 오류로 react-native-cli가 최신 버전의 React Nat..

아래 블로그를 참고하여 리액트 네이티브 안드로이드 개발환경을 구축하였다.리액트 네이티브 개발을 위해서는 Expo와 React-Native-Cli을 사용한다고 하는데 여기서는 React-Native-Cli 설치로 진행할 예정이다.https://yun5o.tistory.com/entry/React-Native-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%A4%EC%A0%951-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기* 리액트 네이티브란? React Nativ..

사용자에게 정보를 전달하거나 선택을 입력 받는 용도로 사용한다. 정보 전달의 경우에는 확인 버튼으로 확인하는 것이 필요하다. #실습 1 - 목록을 롱클릭하면 아래 그림과 같은 다이얼로그 생성하고 삭제하기 package ddwucom.mobile.week11.exam01; import android.content.DialogInterface; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.EditText; import android.widget..

어댑터뷰란? 여러 개의 뷰를 일정한 형태로 표시하여 보여줄 수 있는 ViewGroup의 일종이다. Adapter View는 View를 표시할 공간을 제공한다. Adapter는 레이아웃과 데이터를 결합하여 Adapter View에 표시할 View를 생성하고 제공하는 클래스이다. Adapter 객체는 배열 연결은 ArrayAdapter, DB연결은 CursorAdapter, XML 연결은 SimpleAdapter를 사용한다. #실습 1 - 아래 그림과 같은 리스트 뷰를 갖는 앱 생성하기 package ddwucom.moblie.week09.listviewtest2; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; impor..

메뉴를 구현하는 방법 1) 프로젝트 만들 때 메뉴가 포함되어 있는 Activity 선택하기 2) 직접 구현하기 - res 파일에 menu 파일 생성 > menu 파일에 activity_menu.xml 생성 #실습 - 메뉴를 생성하고 음식을 클릭하면 해당 음식에 대한 평가를 toast로 출력해보기 1. 메뉴를 생성할 때는 사용한다. Design에서 Palette에 있는 Menu Item을 Component Tree에 드래그하는 것과 같다. 2. 하위 메뉴들을 묶을 때 사용한다. Design에서 Palette에 있는 Menu를 Component Tree에 드래그하는 것과 같다. 즉, Menu Item을 Menu로 묶으면 하위 메뉴가 되는 것이다. package ddwucom.moblie.week07.assi..

Custom View는 미리 만들어 놓은 뷰가 아닌 개발자가 직접 모양 및 기능 등을 정의하여 만든 뷰이다. 재사용이 가능하여 조립과 상속이 용이하다는 장점이 있다. #실습 - 노란색 부분을 custom view로 만들고, random 함수로 x의 범위는 0~500, y의 범위는 0~800, r의 범위는 0~3으로 하여 CIRCLE DRAW 버튼 클릭 시 원을 출력하는앱 만들어보기 1. backgroundTint android:backgroundTint="#C3BDBD" 버튼의 색깔을 바꾼다. 2. custom view 선언

ViewGroup의 일종으로 다른 뷰들을 내부에 배치하는 컨테이너 역할을 한다. 위젯 또는 다른 ViewGroup을 내부에 배치해 다양한 화면을 구성한다. 일반적으로 화면 상에 직접 보이지는 않지만 색을 입히기 등으로 확인 할 수 있다. 주요 Layout은 LinearLayout, RelativeLayout, FrameLayout, TableLayout 등이 있다. - LinearLayout: 가장 간단한 레이아웃으로 가로, 세로의 순서로 항목을 배치한다. - RelativeLayout: 뷰와 뷰를 담고 있는 레이아웃과 다른 뷰와 상대적인 관계로 배치한다. - FrameLayout: 레이아웃의 좌측 상단에 모든 뷰들을 겹쳐서 배치한다. - TableLayout: 표 형식으로 뷰를 내부에 배치한다. #실습..

안드로이드의 화면은 다른 View들을 담고 있는 ViewGroup과 화면 요소를 구성하는 Widget으로 구성된다. 즉, View란 화면에 보이는 모든 요소를 말한다. 그리고 앱의 하나의 화면은 하나의 Activity가 관리한다. #실습 - 이름과 전화번호를 입력한 후 인삿말 버튼을 클릭하면 인삿말을 출력하고, 종료 버튼을 누르면 프로그램이 종료되는 앱 만들어보기 1. id android:id="@+id/profile" 특정 뷰를 참조하기 위한 식별 정보로 이름을 붙여주는 것과 똑같다. android:id ="@+id/내가 지정하는 이름" 과 같은 형식으로 만든다. 2. layout_width, layout_height android:layout_width="0dp" android:layout_heigh..