'분류 전체보기' 카테고리의 글 목록 (32 Page)

분류 전체보기

[Layout] LinearLayout과 FrameLayout 비교 2021.07.21
[Layout] ScrollView, HorizontalScrollView, 수평-수직 혼합 설정 2021.07.20
AVD(Android Virtual Device) 설정 2021.07.19
안드로이드 스튜디오 HelloWorld 프로젝트 2021.07.19
tinkercad 가입 및 아두이노 시뮬레이션 사용 2021.07.01
RDS 인스턴스 생성하기 2021.06.29
S3 버킷 생성하기 2021.06.29
EC2 인스턴스 (ubuntu) 웹 서비스 동작 확인 2021.06.29

[Layout] LinearLayout과 FrameLayout 비교

2021. 7. 21. 10:29

1. 시험환경

- Android Studio v4.2

- JAVA

2. 목적

- FrameLayout과 LinearLayout의 차이점에 대하여 학습한다.

- FrameLayout과 LinearLayout에 배치된 Widget의 배열에 대하여 확인한다.

3. 적용

① Layout 컴포넌트 배치

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
  android:layout_height="match_parent">

  <TextView
      android:id="@+id/txt01"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="#33af55"
      android:text="텍스트"
      android:textSize="60sp" />

  <TextView
      android:id="@+id/txt02"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="#ff8866"
      android:text="텍스트"
      android:textSize="40sp" />

  <TextView
      android:id="@+id/txt03"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="#8866ff"
      android:text="텍스트"
      android:textSize="20sp" />

</LinearLayout>

② LinearLayout과 FrameLayout 간에 Layout을 전환하여 배치된 Component를 확인한다.

4. 결과

① LinearLayout인 경우, 컴포넌트 배치 결과

- 컴포넌트들이 중첩되지 않고, 수평(기본값)으로 확장되어 배치된다.

② FrameLayout인 경우, 컴포넌트 배치 결과

- 컴포넌트들이 중첩되어 같은 자리에서 배치된다.

- 겹쳐준 컴포넌트 중 가장 마지막으로 추가된 컴포넌트가 보여진다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'안드로이드' 카테고리의 다른 글

[Layout] TableLayout 예제 (0)	2021.07.21
[Layout] FrameLayout에서 뷰 전환 (0)	2021.07.21
[Layout] ScrollView, HorizontalScrollView, 수평-수직 혼합 설정 (0)	2021.07.20
AVD(Android Virtual Device) 설정 (0)	2021.07.19
안드로이드 스튜디오 HelloWorld 프로젝트 (0)	2021.07.19

[Layout] ScrollView, HorizontalScrollView, 수평-수직 혼합 설정

2021. 7. 20. 16:12

1. 시험환경

- Android Studio v4.2

2. 목적

- Android Studio에서 ScrollView 및 HorizontalScrollView 사용법을 학습한다.

- 수직방향 스크롤뷰, 수평방향 스크롤뷰, 수직 및 수평방향 스크롤뷰를 설정할 수 있다.

3. 적용

① ScrollView 주의사항

- ScrollView 하위에 보통 하나의 자식만을 사용한다. 보통, LinearLayout을 사용한다.

- 그리고, LinearLayout에 여러 위젯이나 Component들을 묶어서 사용한다.

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">

  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical">

  <TextView
          android:layout_width="match_parent"
              android:layout_height="250dp"
          android:background="#66DACF"
              android:gravity="center"
              android:text="textview 01"
              android:textSize="40sp" />

          <TextView
              android:layout_width="match_parent"
              android:layout_height="250dp"
              android:background="#33FAF0"
              android:gravity="center"
              android:text="textview 02"
              android:textSize="40sp" />

          <TextView
              android:layout_width="match_parent"
              android:layout_height="250dp"
              android:background="#0044BB"
              android:text="textview 03"
              android:textSize="40sp"
              android:gravity="center"/>

          <TextView
              android:layout_width="match_parent"
              android:layout_height="250dp"
              android:background="#036699"
              android:text="textview 04"
              android:textSize="40sp"
              android:gravity="center"/>
  </LinearLayout>
</ScrollView>

② HorizontalScrollView 설정

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">

  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="horizontal">

      <TextView
          android:layout_width="match_parent"
          android:layout_height="250dp"
          android:background="#66DACF"
          android:gravity="center"
          android:text="textview 01"
          android:textSize="40sp" />

      <TextView
          android:layout_width="match_parent"
          android:layout_height="250dp"
          android:background="#33FAF0"
          android:gravity="center"
          android:text="textview 02"
          android:textSize="40sp" />

      <TextView
          android:layout_width="match_parent"
          android:layout_height="250dp"
          android:background="#0044BB"
          android:text="textview 03"
          android:textSize="40sp"
          android:gravity="center"/>

      <TextView
          android:layout_width="match_parent"
          android:layout_height="250dp"
          android:background="#036699"
          android:text="textview 04"
          android:textSize="40sp"
          android:gravity="center"/>
  </LinearLayout>
</HorizontalScrollView>

③ HorizontalScrollView와 ScrollView 혼합 설정

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <ScrollView
      android:layout_width="match_parent"
      android:layout_height="match_parent">

      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical">

          <TextView
              android:layout_width="400dp"
              android:layout_height="250dp"
              android:background="#66DACF"
              android:gravity="center"
              android:text="textview 01"
              android:textSize="40sp" />

          <TextView
              android:layout_width="500dp"
              android:layout_height="300dp"
              android:background="#33FAF0"
              android:gravity="center"
              android:text="textview 02"
              android:textSize="40sp" />

          <TextView
              android:layout_width="200dp"
              android:layout_height="250dp"
              android:background="#0044BB"
              android:gravity="center"
              android:text="textview 03"
              android:textSize="40sp" />

          <TextView
              android:layout_width="100dp"
              android:layout_height="250dp"
              android:background="#036699"
              android:gravity="center"
              android:text="textview 04"
              android:textSize="40sp" />
      </LinearLayout>
  </ScrollView>
</HorizontalScrollView>

4. 결과

수직 스크롤뷰	수평 스크롤뷰	수직, 수평 혼합 스크롤뷰
수직 스크롤뷰	수평 스크롤뷰	수직-수평 혼합 스크롤뷰

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'안드로이드' 카테고리의 다른 글

[Layout] TableLayout 예제 (0)	2021.07.21
[Layout] FrameLayout에서 뷰 전환 (0)	2021.07.21
[Layout] LinearLayout과 FrameLayout 비교 (0)	2021.07.21
AVD(Android Virtual Device) 설정 (0)	2021.07.19
안드로이드 스튜디오 HelloWorld 프로젝트 (0)	2021.07.19

AVD(Android Virtual Device) 설정

2021. 7. 19. 18:14

1. 시험환경

- Android Studio v4.2

2. 목적

- Android Studio에서 AVD(Android Virtual Device)를 생성하기 위해 설정 절차를 학습한다.

- 가상 디바이스를 이용하여 작성한 코드를 시험할 수 있다.

3. 적용

① Android Studio 우측 상단에 AVD Manager 아이콘을 클릭한다.

② Create Virtual Device 버튼을 클릭한다.

③ Device의 Category와 종류를 선택한다.

④ Device의 운영체제를 선택한다.

⑤ 디바이스의 이름을 입력한다.

⑥ 생성된 디바이스를 실행한다.

⑦ 가상 디바이스가 실행되어, 작성된 코드를 여기에서 테스트할 수 있다.

⑧ HelloWorld 프로젝트를 Run 해보자.

4. 결과

- 프로젝트 실행 결과를 가상 디바이스에서 바로 확인할 수 있다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'안드로이드' 카테고리의 다른 글

[Layout] TableLayout 예제 (0)	2021.07.21
[Layout] FrameLayout에서 뷰 전환 (0)	2021.07.21
[Layout] LinearLayout과 FrameLayout 비교 (0)	2021.07.21
[Layout] ScrollView, HorizontalScrollView, 수평-수직 혼합 설정 (0)	2021.07.20
안드로이드 스튜디오 HelloWorld 프로젝트 (0)	2021.07.19

안드로이드 스튜디오 HelloWorld 프로젝트

2021. 7. 19. 18:06

1. 시험환경

- Android Studio v4.2

2. 목적

- Android Studio에서 신규 프로젝트를 생성한다.

- Android Studio 기본 조작법을 학습한다.

3. 적용

① Android Studio 설치 후 프로그램을 실행한다.

- Create New Poject 메뉴를 클릭한다.

② 템플릿 중 하나를 선택한다.

- Empty Activity를 선택하였다.

③ 프로젝트 이름을 입력한다.

- 첫글자는 대문자를 입력한다.

4. 결과

① MainActivity.java는 프로젝트 코드의 시작점이다.

② activity_main.xml은 App의 디자인을 구현한다.

- Design : Layout view에 Design만 표시

- BluePrint : Layout view에 Blueprint만 표시

- Design and BluePrint : Layout view에 Design과 Blueprint 함께 표시

- Code : 코드 창만 표시

- Split : 코드와 디자인 창 함께 표시

- Design : 디자인 창만 표시

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'안드로이드' 카테고리의 다른 글

[Layout] TableLayout 예제 (0)	2021.07.21
[Layout] FrameLayout에서 뷰 전환 (0)	2021.07.21
[Layout] LinearLayout과 FrameLayout 비교 (0)	2021.07.21
[Layout] ScrollView, HorizontalScrollView, 수평-수직 혼합 설정 (0)	2021.07.20
AVD(Android Virtual Device) 설정 (0)	2021.07.19

tinkercad 가입 및 아두이노 시뮬레이션 사용

2021. 7. 1. 15:25

1. 시험환경

- 아두이노 이노

2. 목적

- Autodesk에서 제공하는 아두이노 설계 웹 사이트(tinkercad)에 가입한다.

- 실제 아두이노 보드를 실습하기 전 시뮬레이션을 통해 기본 동작을 알아보자.

3. 적용

① Autodesk 사에서 제공하는 아두이노 회로 설계 사이트에서 가입한다.

- URL : https://www.tinkercad.com/

Tinkercad | From mind to design in minutes

Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.

www.tinkercad.com

② 로그인하면 좌측에 메뉴가 나타난다.

- 회로 : 아두이노 회로 설계 및 시뮬레이션

- 학습 : Tinkercad에서 제공하는 학습 과정

4. 결과

- 실제 보드가 없어도 사이트에서 제공하는 학습자료와 예제 코드를 실행하면서 동작을 익힐 수 있다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

RDS 인스턴스 생성하기

2021. 6. 29. 16:41

1. 시험환경

- AWS RDS (Relational Database Service)

2. 목적

- AWS에서 RDS 인스턴스를 생성하여, 24시간 운영되는 DB 서버를 구축한다.

- DB 클라이언트 프로그램을 이용하여 생성된 RDS 인스턴스에 접속한다.

3. 적용

① "서비스" 메뉴 → "RDS" 메뉴를 클릭한다.

② 현재 만들어 놓은 RDS 인스턴스가 아무것도 없으며, "데이터베이스 생성" 버튼을 클릭한다.

③ 데이터베이스 생성을 위해 많은 설정을 해야 한다.

④ RDS 인스턴스 생성 시간은 EC2, S3 생성 시간 보다 훨씬 오랜 시간이 필요하다.

⑤ DB 식별자를 클릭해서 연결 정보를 확인하자.

⑥ 만일 workbench로 접속이 되지 않는다면 Inbound 규칙을 확인하고, RDS 인스턴스를 재부팅한다.

4. 결과

- workbench를 이용하여 접속한다.

- 24시간 운영되는 DB 서버를 생성하였다.

- 이제, 로컬 DB 설치없이 개발용 DB로 이용하거나, EC2에 서비스를 올려서 DB 연동을 할 수 있다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'AWS(Amozon Web Service)' 카테고리의 다른 글

Ubuntu 운영체제에서 Ansible 설치 (0)	2022.09.06
스프링 프로젝트 코드 통합 및 배포 (github, dockerhub, jib, gradle) (0)	2022.07.19
S3 버킷 생성하기 (0)	2021.06.29
EC2 인스턴스 (ubuntu) 웹 서비스 동작 확인 (0)	2021.06.29
EC2 인스턴스(윈도우 서버) 접속하기 (0)	2021.06.29

S3 버킷 생성하기

2021. 6. 29. 15:34

1. 시험환경

- AWS S3 (Simple Storage Service)

2. 목적

- AWS에서 S3 버킷을 생성한다.

3. 적용

① "서비스" → "S3"

② 현재 만들어 놓은 버킷이 아무것도 없으며, "버킷 만들기" 버튼을 클릭한다.

③ 버킷 이름, 리전, 기타 설정을 입력하고 버킷을 만든다.

④ 생성된 버킷을 확인한다.

4. 결과

- 버킷 이름을 클릭하면 해당 버킷을 관리할 수 있는 페이지가 나타나서, 파일 업로드/다운로드/삭제 할 수 있다.

- EC2 인스턴스 웹 서비스를 통해 업로드한 파일이 저장되는 일종의 "파일 서버" 역할을 하는 것으로 생각해 볼 수 있다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'AWS(Amozon Web Service)' 카테고리의 다른 글

스프링 프로젝트 코드 통합 및 배포 (github, dockerhub, jib, gradle) (0)	2022.07.19
RDS 인스턴스 생성하기 (0)	2021.06.29
EC2 인스턴스 (ubuntu) 웹 서비스 동작 확인 (0)	2021.06.29
EC2 인스턴스(윈도우 서버) 접속하기 (0)	2021.06.29
EC2 인스턴스(ubuntu) 접속하기 (0)	2021.06.29

EC2 인스턴스 (ubuntu) 웹 서비스 동작 확인

2021. 6. 29. 14:56

1. 시험환경

- MobaXterm (x64)

- AWS EC2 (ubuntu)

2. 목적

- AWS에서 생성한 EC2 인스턴스(ubuntu)에서 아파치 웹 서버를 설치한다.

- EC2 인스턴스의 DNS로 접속하여 서비스 동작을 확인한다.

3. 적용

① EC2 인스턴스에 SSH 콘솔 접속한 상태에서 아파치 웹 서버를 설치한다.

- sudo apt-get update

- sudo apt-get install apache2

② AWS 웹 서비스 페이지에서 인스턴스 ID를 클릭한다.

③ Pulic IP와 Public DNS를 확인 한다.

4. 결과

- 공용 IP 또는 공용 DNS로 접속하여 웹 서비스 정상 동작을 확인한다.

- 톰캣, 스프링, Node JS 등을 배포하여 웹서비스를 빠르게 시작할 수 있다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.

저작자표시

'AWS(Amozon Web Service)' 카테고리의 다른 글

RDS 인스턴스 생성하기 (0)	2021.06.29
S3 버킷 생성하기 (0)	2021.06.29
EC2 인스턴스(윈도우 서버) 접속하기 (0)	2021.06.29
EC2 인스턴스(ubuntu) 접속하기 (0)	2021.06.29
EC2 인스턴스 생성하기 (0)	2021.06.28

PREV 1 ···29 30 31 32 33 34 35 ···37 NEXT