라즈이노 iOT

【 3D프린팅 】 Fusion360(퓨전360) 체험판 버전을 개인용 무료 버전으로 전환하는 방법

엑소더스팩토리 — Mon, 12 Jan 2026 14:27:06 +0900

Fusion360을 설치할 때 개인용 무료(기능제한)버전을 설치하려 했으나 Free Trial(30일 풀 기능 체험판)버전으로 잘못 설치 됐을 때, 개인용 무료 버전으로 다시 이용하는 방법에 대한 내용입니다.

각각의 경우에 대해 다음과 같은 결론과 해결방법을 정리해 드립니다.

1. 처음부터 체험판 버전으로 잘못 설치된 경우 :
이 경우는 30일 이용 기간이 지나면 서브스크립션 만료라고 표시되면서, 프로그램은 열리고 새파일 작성은 가능하나, 저장, 내보내기, 메시로 저장 등의 핵심 기능이 불가합니다.

☞ 해결법 :

① 제어판→ 프로그램 추가/삭제 메뉴에서 Fusion360 체험판 버전을 완전 삭제 → 윈도우 재부팅

② 다음 경로에서 반드시 개인용 Autodesk Fusion 다운로드 클릭하여 다운로드 받고 설치 진행(기존 가입 사용하던 이메일 사용가능함) https://www.autodesk.com/kr/products/fusion-360/personal

2. 개인용 무료버전을 사용하다가 다른 PC 등에서 체험판 버전으로 다시 설치된 경우 :
이 경우는 30일 체험 기간이 지나면, 기존 개인용 무료버전으로 다시 자동 변경되어 사용가능하니 안심하고 사용해도 됩니다. 만약, 안 될 경우 위 1번과 같은 절차로 진행.

【AndroidStudio】 AppBar(앱바)와 ActionBar(액션바), ToolBar(툴바)의 정의와 활용법 정리

엑소더스팩토리 — Thu, 19 Dec 2024 00:32:34 +0900

1. AppBar의 정의?

AppBar(앱바)란, 앱에서 화면 위쪽의 꾸밀 수 있는 영역을 의미합니다. 이 앱바 영역에는 이동할 수 있는 내비게이션 아이콘을 배치하거나 로그인 등 여러가지 기능(액션:Action)을 넣을 수 있도록 하여 앱을 좀 더 편리하게 사용할 수 있도록 하는 영역을 말합니다.

2. ActionBar(액션바)의 정의?

ActionBar(액션바)란, 위에서 정의한 AppBar(앱바)의 영역에 실질적으로 네비게이션 아이콘 같은 기능을 넣을 수 있도록 안드로이드 초기부터 제공되던 클래스를 말하는데요, 다만 안드로이드 버전이 업그레이드될 때마다, 즉 버전이 달라질 때마다 다양한 기능이 추가되고 변경되었기 때문에, 기기에 설치된 안드로이드 버전마다 다른 동작을 하게 되는 결과를 초래하게 됩니다. (단점) 이는 다른 말로 버전 하위 호환성 문제가 있다고 합니다. (Backward Compatibility)
예전 버전의 안드로이드 스튜디오에서는 기본적으로 ActionBar가 나타나도록 설정되어 있었지만, 최근 버전부터는 액션바가 나타나지 않도록 NoActionBar 형태로 세팅되어 있습니다.

3. ToolBar(툴바)의 정의?

ToolBar(툴바)란, 위 액션바의 큰 단점을 해결하기 위해, 안드로이드 버전이 달라지더라도 동일한 동작(액션)을 하도록, 안드로이드 5.0 (API Level 21)부터 추가된 위젯(Widget)을 말하는데요, 주로 이 툴바를 사용하여 편리하게 앱바(AppBar) 영역을 만들 수 있도록 하였습니다. 그리고 위젯을 직접 사용하지 않더라도 기본적으로 activity_main.xml에 toolbar.xml을 추가(include)하여 툴바 기능을 하도록 처리할 수 있습니다.

4. ToolBar(툴바) 만들기 예제

그럼, 가장 기본적인 ToolBar(툴바)를 만들어 볼 텐데요. layout 폴더에 toolbar.xml 파일을 추가하여 activity_main.xml에서 이와 같은 <include layout="@layout/toolbar" /> include 태그를 이용해 툴바기능을 하도록 해볼게요. 우선, 툴바 사용을 위해서는 액션바가 없는 조건으로 해야 하는데요, 기본적으로 NoActionBar로 설정되어 있기에 특별히 건드릴 것은 없습니다.

< 예제 실행 결과 이미지 미리 보기 >

그리고 "← 화살표"와 "Home" 글자와 "☰" 메뉴기호를 각각 터치할 때 어떤 액션을 취할 수 있는데요, 여기서는 간단하게 Toast 명령어로 메시지를 띄워보도록 할게요.

① 그럼, 안드로이드 스튜디오를 실행시키고, 새 프로젝트를 여세요.

여기서는 프로젝트 이름을 "AppBar_ToolBar"로 했습니다.

② build.gradle.kts에 뷰바인딩 기능 사용을 위해, "viewBinding.isEnabled = true"를 추가하고 "Sync Now"를 클릭해 주세요.

③ layout 폴더에서 마우스 우클릭(RMB) >> New >> Layout Resource File을 선택하여 toolbar.xml 파일을 만들어 주세요.

layout 방식은 RelaytiveLayout으로 해주세요.

④ 툴바에는 하나의 텍스트와 두 개의 이미지를 넣을 건데요, 이 두 개의 이미지는 아래처럼 에셋에서 다운로드하여 처리할게요.

Vector Asset창이 열리면 Clip art를 클릭하세요.

검색창에 "arrow"로 검색하고 "arrow back"를 선택 후, OK 클릭하세요.

Color를 클릭하여 흰색(FFFFFF)을 선택하고 Next 클릭 후 Finish를 클릭하세요.

그럼, 안드로이드 스튜디오의 프로젝트 탐색창에 Res >> drawable >> 폴더에 아래와 같이 화살표 파일이 다운로드된 것을 볼 수 있어요.

동일한 방법으로 "☰" 메뉴 이미지를 추가해 주세요.

⑤ 그럼, 이제 toolbar.xml 파일의 내용은 아래처럼 해주세요.

< toolbar.xml 코드 내용 >

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/toolbar"
    android:background="@android:color/holo_red_light">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:padding="18dp">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv_backArrow"
            android:layout_centerVertical="true"
            android:src="@drawable/baseline_arrow_back_24"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Home"
            android:textColor="@color/white"
            android:id="@+id/tv_home"
            android:textStyle="bold"
            android:textSize="20dp"
            android:layout_centerVertical="true"
            android:layout_marginStart="30dp"/>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv_menu"
            android:src="@drawable/baseline_menu_24"
            android:layout_centerVertical="true"
            android:layout_alignParentEnd="true"/>
    </RelativeLayout>

</RelativeLayout>

< toolbar.xml 미리 보기 모습 >

⑥ activity_main.xml 파일은 아래와 같이 구성해 주세요.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
        <include layout="@layout/toolbar"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:textStyle="bold"
        android:text="Hello Rasino!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

⑦ MainActivity.kt 에는 아래와 같이 구성해 주세요.

package com.example.appbar_toolbar

import android.os.Bundle
import android.widget.ImageView
import android.widget.TextView
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import com.example.appbar_toolbar.databinding.ActivityMainBinding
import com.example.appbar_toolbar.databinding.ToolbarBinding
class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding
    private lateinit var toolbarBinding: ToolbarBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        binding = ActivityMainBinding.inflate(layoutInflater)
        toolbarBinding = ToolbarBinding.bind(binding.root.findViewById(R.id.toolbar))
        setContentView(binding.root)

        val backArrow = findViewById<ImageView>(R.id.iv_backArrow)
        val home = findViewById<TextView>(R.id.tv_home)
        val menu = findViewById<ImageView>(R.id.iv_menu)
        backArrow.setOnClickListener{
            Toast.makeText(this, "← 처음 화면으로 이동합니다!", Toast.LENGTH_SHORT).show()
        }
        home.setOnClickListener{
            Toast.makeText(this, "Home을 터치했습니다!", Toast.LENGTH_SHORT).show()
        }
        menu.setOnClickListener{
            Toast.makeText(this, "Menu를 선택했습니다!", Toast.LENGTH_SHORT).show()
        }
    }
}

여기까지 작성하면 toolbar.xml 파일의 내용이 activity_main.xml 파일 속 상단에 나타나게 되어 툴바의 기능을 할 수 있게 됩니다.

5. 예제 실행 결과 보기

그럼, 결과를 실행해 보면 아래와 같고, 영상으로도 보여드릴게요.

그리고 각각의 이미지나 Home 글자를 터치하게 되면 여러 가지 액션을 줄 수 있는데 여기서는 간단히 Toast 명령어로 메시지만 팝업 시켰어요.

< 결과 실행 동영상 보기 >

그럼, 오늘도 좋은 하루 보내세요~ ^^

【AndroidStudio】 Kotlin Navigation Drawer(코틀린 네비게이션 드로어-사이드메뉴) 활용하기

엑소더스팩토리 — Mon, 2 Dec 2024 23:37:05 +0900

이번 실습은 메인 창에서 흔히 사이드 메뉴라고 하는 Sub Menu를 여는 Drawer 기능에 대해 다루어 보려고 하는데요, 영어 뜻 그대로 마치 서랍(Drawer)을 열고 닫는 기능을 통해 평소에는 메인 화면을 깔끔하게 보여주고 필요시 서브 메뉴를 열어 특정 메뉴를 선택할 수 있도록 해주는 기능입니다.

먼저 안드로이드 스튜디오를 실행하고 New Project로 아래와 같이 Empty Views Activity를 선택해 주세요.

title 제목으로 Navigation Drawer를 입력했습니다.

Drawer 기능을 이용하려면 적용하고 싶은 곳, 예를 들어 activity_main.xml에 Drawer Layout을 적용해 주면 되는데요,
그리고 Drawer Layout은 네비게이션 아이콘을 클릭하거나 사이드를 드래그했을 때 기존 레이아웃 위에 새로운 메뉴를 보여주게 되는데, 이것이 바로 Navigation View입니다.
따라서 Drawer 기능을 이용한다는 뜻은 Drawer Layout과 Navigation View를 세트로 같이 사용하게 되며, 아래와 같은 구조로 사용해야 하니 기억해 주세요. 왜냐하면 메인뷰 화면(View)이 먼저 존재하고 네이게이션뷰가 그 위로 오버랩 되기 때문이죠. 따라서 배치 순서를 Drawer Layout을 먼저 배치하고 그 아래에 Navigation View가 위치해야 합니다. 만약 순서가 바뀔경우 에러가 발생하게 됩니다. (아래 순서 참고)

<DrawerLayout> 
 	....
 
    <ConstraintLayout>
    	...
    </ConstraintLayout>
    
    <NavigationView>
    	...
    </NavigationView>
    
</DrawerLayout>

그럼,

1. activity_main.xml 파일에 아래와 같이 코드를 구성해 주세요.

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    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:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Rasino IoT!"
            android:textSize="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>

    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_menu"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"/>

</androidx.drawerlayout.widget.DrawerLayout>

여기서 위와 같이 작성하면, app:headerLayout="@layout/nav_header" 부분에 에러가 날텐데요, activity_main.xml 파일이 있는 res>>layout>> 폴더에 nav_header.xml 파일을 아래처럼 만들어주면 됩니다.

2. nav_header.xml 파일 생성과 코드 작성

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:background="@android:color/holo_orange_dark">

</androidx.constraintlayout.widget.ConstraintLayout>

<생성결과>

3. nav_menu.xml 파일 생성과 코드 작성

그리고 app:menu="@menu/nav_menu" 비부분도 아래처럼 res 폴더에서 마우스 우클릭(RMB) New>>Android Resource Directory를 선택하여 menu 폴더를 만들어주고, 여기에 nav_menu.xml 파일을 생성해 주면 됩니다.

<Code>

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

    <item
        android:id="@+id/item1"
        android:title="Item 1"
        android:icon="@drawable/ic_home"/>
    <item
        android:id="@+id/item2"
        android:title="Item 2"
        android:icon="@drawable/ic_home"/>
    <item
        android:id="@+id/item3"
        android:title="Item 3"
        android:icon="@drawable/ic_home"/>
</menu>

<생성 결과>

위 코드에서 Item1~3 앞에 아이콘이 나오도록 하려면 넣고 싶은 아이콘 이미지를 res>>drawable 폴더에 넣어주면 되는데요, 여기서는 간편하게 제공되는 클립아트(Clip Art) 기능인, Vector Asset에서 찾아서 넣었습니다. 그럼, 아래와 res>>drawable 폴더를 RMB 해서 Vector Asset을 클릭해 주세요. 여기서는 모두 동일한 집(Home) 아이콘을 선택했어요.

아래와 같은 창이 뜨면, Clip art 부분을 클릭하세요.

만약, 여기서 클립아트 부분이 클릭을 해서 아래와 같은 창이 안나오거나 아무 변화가 없다면, 아래 게시글을 참고해서 특정 임시 폴더를 삭제하고 Android Studio를 재실행하면 해결될 수 있으니 참고하세요.
(클립아트 문제 시 해결방법 : [App개발/Android_Studio] - 【AndroidStudio】 gradle 관련 에러 해결하기! )

그럼, 아래에 보이는 검색창에 home 이라고 입력해서 home 모양의 아이콘을 선택 추가해 주면 됩니다.

저장할 때 , 혹은 저장하고서 icon의 이름은 ic_home.xml로 너무 길지 않게 수정해 주었습니다.

4. MainActivity.kt 파일 생성과 코드 작성

아래와 같이 메인 액티비티 코드를 작성해 주세요.

package com.example.navigationdrawer1

import android.os.Bundle
import android.view.Menu
import android.view.MenuItem
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.ActionBarDrawerToggle
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import androidx.drawerlayout.widget.DrawerLayout
import com.example.navigationdrawer1.databinding.ActivityMainBinding
import com.google.android.material.navigation.NavigationView

class MainActivity : AppCompatActivity() {
    lateinit var toggle: ActionBarDrawerToggle
    lateinit var drawerLayout: DrawerLayout
    lateinit var navigationView: NavigationView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)
        drawerLayout = findViewById(R.id.drawerLayout)
        navigationView = findViewById(R.id.nav_view)
        toggle = ActionBarDrawerToggle(this,drawerLayout, R.string.open, R.string.close)
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()
        supportActionBar?.setDisplayHomeAsUpEnabled(true)
        navigationView.setNavigationItemSelectedListener {
            when(it.itemId) {
                R.id.item1 -> Toast.makeText(applicationContext, "Item 1 Clicked", Toast.LENGTH_SHORT).show()
                R.id.item2 -> Toast.makeText(applicationContext, "Item 2 Clicked", Toast.LENGTH_SHORT).show()
                R.id.item3 -> Toast.makeText(applicationContext, "Item 3 Clicked", Toast.LENGTH_SHORT).show()
            }
            true
        }
    }
    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        if(toggle.onOptionsItemSelected(item)) {
            true
        }
        return super.onOptionsItemSelected(item)
    }
}

위 코드에서 작성 중간에 toggle = ActionBarDrawerToggle(this,drawerLayout, R.string.open, R.string.close) 코드에서,

open이라는 부분과 close라는 부분에서 붉은색으로 표시가 뜰 텐데요, 그때 마우스를 Open 글자 위에 클릭 후 올려놓고 있으면 Sub메뉴가 뜨는데 "Create String Value Resource"를 클릭해서 아래처럼 각각 Open이라는 Value값을 입력해 주세요. 그리고 이어서 Close도 동일하게 진행해 주세요.

< open >

< close도 동일하게 >

그리고 내용에 보면, Drawer 메뉴가 오버랩 되며 열렸을 때 Item 1이나 Item 2, Item 3 등을 각각 선택했을 때 특정 View 페이지로 넘어가게(열게) 할 수도 있으며, 여기서는 간단히 Toast 메시지를 출력하도록 했습니다.

navigationView.setNavigationItemSelectedListener {
    when(it.itemId) {
        R.id.item1 -> Toast.makeText(applicationContext, "Item 1 Clicked", Toast.LENGTH_SHORT).show()
        R.id.item2 -> Toast.makeText(applicationContext, "Item 2 Clicked", Toast.LENGTH_SHORT).show()
        R.id.item3 -> Toast.makeText(applicationContext, "Item 3 Clicked", Toast.LENGTH_SHORT).show()
    }
    true
}

이렇게 하면 기본적으로 작성해야 할 것은 모두 작성했는데요, 실행해 보면, Navigation View를 선택할 수 있는 Bar가 보이지 않는데요, 이는 안드로이드 기본 설정이 NoActionBar가 적용되어 있기 때문에 그렇습니다.
이 때는 Action Bar가 보이도록 아래처럼 res>> values >> themes 폴더에 있는 themes.xml 파일을 수정해 주세요. 필요 시 night(다크 디스플레이 모드)화면 모드의 themes.xml 메뉴에도 적용해 주세요.

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.NavigationDrawer1" parent="Theme.Material3.DayNight">
        <!-- Customize your light theme here. -->
        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
    </style>

    <style name="Theme.NavigationDrawer1" parent="Base.Theme.NavigationDrawer1" />
</resources>

그리고 실행해 보면 아래처럼 실행 되는 것을 볼 수 있습니다. 삼선 Action Bar 부분을 터치해도 Drawer 메뉴가 열리며, 폰의 왼쪽 라인 부분을 한 손가락으로 살짝 누른 후 왼쪽에서 오른쪽으로 드래그해도 Drawer 메뉴가 열리는 것을 볼 수 있어요. (No ActionBar 사용시)

< 실행 동영상 >

감사합니다.
오늘도 보람된 하루 되세요~

【AndroidStudio】 ViewPager2(뷰페이저2) 실습 #2 <Tab Layout & 텍스트 에디트 추가하기>

엑소더스팩토리 — Sun, 24 Nov 2024 18:01:05 +0900

앞선 실습인 "ViewPager2(뷰페이저 2) 실습#1"에 이어서 화면 상단에 Tab Layout(Bar)를 추가해서 탭바로도 이동할 수 있도록 하고, "One" 첫 페이지에 간단히 텍스트 에디트(Text Edit) 기능을 넣어서 간단히 다루어 볼게요. 보통은 Tab Layout과 뷰페이저2을 함께 연결하여 서로 간 스크롤(연동)이 가능하도록 사용하는 것이 일반적이에요.

먼저 앞선 실습#1게시글을 참고해 주세요.

[App개발/Android_Studio] - 【AndroidStudio】 ViewPager2(뷰페이저2) 실습 #1

1. 먼저 activity_main.xml 파일에 아래와 같이 ViewPager2위에 TabLayout을 추가해 주세요.(연동하기)

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="24dp"
        android:background="#E8EDA7"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="SpeakableTextPresentCheck" />

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tab_layout" />

</androidx.constraintlayout.widget.ConstraintLayout>

다음, MainActivity.kt 에 아래와 같은 코드를 추가해 볼게요.

TabLayoutMediator(binding.tabLayout, binding.pager) { tab, position ->
    tab.text = when(position) {
        0 -> "Home"
        1 -> "Profile"
        else -> "Details"
    }
}.attach()

<MainActivity.kt 의 전체 code>

package com.example.viewpager2_fragment
import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import com.example.viewpager2_fragment.databinding.ActivityMainBinding
import com.google.android.material.tabs.TabLayoutMediator

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        val fragments : List<Fragment> = listOf(
            FragmentOne(),
            FragmentTwo(),
            FragmentThree()
        )
        val adapter = MyFragmentAdapter(fragments, supportFragmentManager, lifecycle)
        binding.pager.adapter = adapter

//        TabLayoutMediator(binding.tabLayout, binding.pager) { tab, position ->
//            tab.text = "Tab $position"
//        }.attach()
        TabLayoutMediator(binding.tabLayout, binding.pager) { tab, position ->
            tab.text = when(position) {
                0 -> "Home"
                1 -> "Profile"
                else -> "Details"
            }
        }.attach()
    }
}

여기까지만 하면 Tab Layout과 연동이 될 거예요.
<TabLayou 연동결과>

2. fragment_one.xml 에 아래와 같이 "EditText"와 "Button"을 추가해 주세요.

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#8B71C3"
    tools:context=".FragmentOne">
    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="148dp"
        android:text="One"
        android:textAlignment="center"
        android:textColor="@color/white"
        android:textSize="34sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/et"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="72dp"
        android:ems="10"
        android:hint="enter your name"
        android:inputType="text"
        android:padding="16dp"
        app:layout_constraintBottom_toTopOf="@+id/btn1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_one"
        app:layout_constraintVertical_bias="0.279" />
    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="152dp"
        android:text="Change Title"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

그럼, 추가된 버튼을 클릭하면 EditText에 입력된 내용이 TextView에 업데이트되도록 FragmentOne.kt 에 아래처럼 코드를 추가해 볼게요.

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)

    binding.btn1.setOnClickListener {
        binding.tvOne.text = binding.et.text
    }
}

< FragmentOne.kt 전체 code>

package com.example.viewpager2_fragment
import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.example.viewpager2_fragment.databinding.FragmentOneBinding

class FragmentOne : Fragment() {

    private var _binding : FragmentOneBinding? = null
    private val binding get() = _binding!!

//        override fun onCreate(savedInstanceState: Bundle?) {
//        super.onCreate(savedInstanceState)
//    }
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = FragmentOneBinding.inflate(inflater,container,false)
        return _binding?.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        binding.btn1.setOnClickListener {
            binding.tvOne.text = binding.et.text
        }
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}

이렇게까지만 해주면 EditText에 입력한 내용이 Button을 클릭하면 TextView에 적용이(업데이트) 됩니다.

그리고 뷰페이저2와 TabLayout이 연동이 되어 작동되기 때문에, 손가락으로 화면을 좌우로 스와이프 하거나 TabLayer의 각각의 탭을 터치하면 동일하게 화면 전환 되는 것을 볼 수 있어요.

그럼, 실제 동작되는 모습을 아래 영상으로 확인해 보세요.

이번 시간에는 지난 시간에 이어 뷰페이저2에 TabLayout을 연동해 보고, EditText를 이용해 타이틀을 변경해 보는 기능에 대해 살펴보았습니다. 그럼 오늘 하루도 좋은 하루 보내세요~

【AndroidStudio】 ViewPager2(뷰페이저2) 실습 #1

엑소더스팩토리 — Sun, 17 Nov 2024 17:44:25 +0900

안드로이드 스튜디오에서(with코틀린) 앱을 만들 때, 가장 많이 사용되는 기능 중 하나인 ViewPager2(뷰페이저 2) 사용법에 대해 다루어 볼게요.

뷰페이저란?
앱을 사용할 때 손가락으로 화면을 넘길 때 한 화면에서 다른 화면으로 넘어가며 보여주는 기능을 사용하려 할 때 사용되는 기능을 말해요.

1. New Project → Empty Views Activity를 선택하고 Title을 정해주세요. 여기서는 ViewPager2_fragment 라고 하였습니다. (페이지 구성을 fragment로 간단히 3개의 페이지로 구성해 볼게요)

이번 실습의 구현 결과는 아래와 같습니다.

프로젝트 구성은 아래와 같습니다.

처음, 프로젝트를 생성하고서, 비어있는 Fragment 페이지 3개을 아래처럼 만들어주세요.
res >> layout 폴더에서 마우스 우클릭(RMB) 하거나, app>>kotlin+java 폴더에서 RMB 한 다음,

우선, FragmentOne으로 이름을 적으면, 그 아래 Layout 이름도 자동으로 네이밍 되면서 Layout File도 자동으로 생성됩니다.

이런 식으로, FragmentOne, FragmentTwo, FragmentThree 이렇게 3개의 파일을 생성해 주세요.
그럼 아래처럼 각각 3개씩의 .Xml 파일과 클래서(.kt) 생성되어 있을 거예요.

우선, binding 기능을 사용하기 위해서 와래와 같이 바인딩 기능을 설정해 주세요.

▶ viewBinding 사용법

① build.gradle.kts (Module:app) 파일을 클릭하여 android { ... } 항목 속에 아래코드를 추가해 주세요.

viewBinding.isEnabled = true

android {
    namespace = "com.example.resourcetest"
    compileSdk = 34
    viewBinding.isEnabled = true
    defaultConfig {
        applicationId = "com.example.resourcetest"
        minSdk = 24
        targetSdk = 34
        versionCode = 1
        versionName = "1.0"

        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
    }

코드 추가 후 상단에 보이는 Sync Now를 클릭하여 적용시켜 주세요.(아래)

2. activity_main.xml 작성하기

아래와 같이 viewpager2 기능을 삽입하고 id는 "pager"라고 입력해 주세요.

3. fragment_one.xml 과 fragment_two.xml , fragment_three.xml 파일 작성하기
아래처럼 적당한 색상과 배경으로 3개의 파일의 id를 서로 다르게 하여 작성해 주세요.
(단, 이번 실습에서는, FrgmentOne~Three.kt 클래스 파일의 내용은 사용하지 않기 때문에 자동 생성된 형태 그대로 두세요)
① fragment_one.xml

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#8B71C3"
    tools:context=".FragmentOne">

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="One"
        android:textAlignment="center"
        android:textColor="@color/white"
        android:textSize="34sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.5" />

</androidx.constraintlayout.widget.ConstraintLayout>

② fragment_two.xml

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#4E8138"
    tools:context=".FragmentTwo">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/tv_two"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Two"
        android:textSize="34sp"
        android:textStyle="bold"
        android:textAlignment="center"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.5" />

</androidx.constraintlayout.widget.ConstraintLayout>

③ fragment_three.xml

<code>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#B46C01"
    tools:context=".FragmentThree">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/tv_three"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Three"
        android:textSize="34sp"
        android:textStyle="bold"
        android:textAlignment="center"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.5" />

</androidx.constraintlayout.widget.ConstraintLayout>

4. MyFragmentAdapter.kt 파일 작성하기
아래와 같은 이름으로 어댑터 클래스를 하나 만들고 내용을 입력해 주세요.

MyFragmentAdapter.kt 파일의 <code>

package com.example.viewpager2_fragment

import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.lifecycle.Lifecycle
import androidx.viewpager2.adapter.FragmentStateAdapter

class MyFragmentAdapter(
    val fragments: List<Fragment>,
    fragmentManager: FragmentManager, lifecycle: Lifecycle): FragmentStateAdapter( fragmentManager, lifecycle
) {
    override fun getItemCount(): Int {
        return fragments.size
    }

    override fun createFragment(position: Int): Fragment {
        return fragments[position]
    }
}

5. MainActivity.kt 파일 작성하기
아래와 같은 코드로 MainActivity.kt 파일을 완성해 주세요.

package com.example.viewpager2_fragment

import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import com.example.viewpager2_fragment.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        enableEdgeToEdge()
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        val fragments : List<Fragment> = listOf(
            FragmentOne(),
            FragmentTwo(),
            FragmentThree()
        )
        val adapter = MyFragmentAdapter(fragments, supportFragmentManager, lifecycle)

        binding.pager.adapter = adapter
    }
}

6. 실행 결과 보기
여기까지 작성하고 에러가 나지 않는 다면, 실행해 보면 아래와 같은 결과를 보실 수 있습니다.

<실행 영상>

그럼, 다음 시간에 이번 실습에 이어서 기능을 더 추가해 보도록 할게요.

감사합니다. 좋은 하루 되세요.

【AndroidStudio】 RecyclerView 실습 #3( Card View 기능 추가하기)

엑소더스팩토리 — Fri, 15 Nov 2024 01:28:12 +0900

이번 시간에도 안드로이드 스튜디오에서(with코틀린) 가장 많이 활용되는 기능 중 하나인 RecyclerView를 연습해 볼 텐데요, 여기에 Card View 기능을 활용해 보려고 합니다.

1. New Project → Empty Views Activity를 선택하고 Title을 정해주세요. 여기서는 RecycleView4 라고 하였습니다.

프로젝트의 구성은 아래와 같습니다.

실행결과는 아래와 같아요.

화면을 위아래로 스크롤 해서 여러 가지 메뉴를 보여주도록 했는데요, View를 재활용 보여줄 때 "Card View" 기능을 사용해서 보여주면 좀 더 입체적으로 보여줄 수 있어서 잘 활용하면 좋습니다.

1. activity_main.xml 작성하기

<코드>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_marginTop="32dp"
        android:text="Korean Delicious Food"
        android:textColor="#FF5722"
        android:textSize="20dp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_recyclerView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_title"
         />
</androidx.constraintlayout.widget.ConstraintLayout>

2. food_item.xml 작성하기

아래를 참고해서 레이아웃에서 cardview를 끌어다 놓고 작성을 해 주세요.

<코드>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
    android:orientation="vertical">
    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="10dp"
        android:layout_marginVertical="6dp"
        android:layout_marginStart="10dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="10dp"
        app:cardCornerRadius="20dp"
        app:cardElevation="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/constraintLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <ImageView
                android:id="@+id/iV_foodImage"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:scaleType="fitXY"
                android:src="@drawable/bibimbab_01"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />
            <TextView
                android:id="@+id/tv_foodName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Bibimbap\n(비빔밥)"
                android:textAlignment="center"
                android:textSize="25dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.52"
                app:layout_constraintStart_toEndOf="@+id/iV_foodImage"
                app:layout_constraintTop_toTopOf="parent" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>

</androidx.constraintlayout.widget.ConstraintLayout>

3. Food.kt 클래스 작성하기

<코드>

package com.example.recyclerview4

import android.os.Parcel
import android.os.Parcelable

data class Food(val image:Int, val name:String) : Parcelable {
    constructor(parcel: Parcel) : this(parcel.readInt(), parcel.readString()!!) {
    }
    override fun describeContents(): Int {
        return 0
    }
    override fun writeToParcel(parcel: Parcel, flags: Int) {
        parcel.writeInt(image)
        parcel.writeString(name)
    }
    companion object CREATOR : Parcelable.Creator<Food> {
        override fun createFromParcel(parcel: Parcel): Food {
            return Food(parcel)
        }
        override fun newArray(size: Int): Array<Food?> {
            return arrayOfNulls(size)
        }
    }
}

4. FoodAdapter.kt 작성하기

아래를 참고해 Food Adapter를 만들어 줍니다.

<코드>

package com.example.recyclerview4

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.AdapterView.OnItemClickListener
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class FoodAdapter(private val foodList:ArrayList<Food>)
    : RecyclerView.Adapter<FoodAdapter.FoodViewHolder>() {
        var onItemClick : ((Food) -> Unit)? = null

        class FoodViewHolder(itemView:View) : RecyclerView.ViewHolder(itemView) {
            val imageView : ImageView = itemView.findViewById(R.id.iV_foodImage)
            val textView : TextView = itemView.findViewById(R.id.tv_foodName)
        }
        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): FoodViewHolder {
            val view = LayoutInflater.from(parent.context).inflate(R.layout.food_item, parent, false)
            return FoodViewHolder(view)
        }
        override fun getItemCount(): Int {
            return foodList.size
        }
        override fun onBindViewHolder(holder: FoodViewHolder, position: Int) {
            val food = foodList[position]
            holder.imageView.setImageResource(food.image)
            holder.textView.text = food.name
            holder.itemView.setOnClickListener {
                onItemClick?.invoke(food)
            }
        }
}

5. MainActivity.kt 작성하기

아래를 참고해 Main Activity를 만들어 줍니다.
먼저 binding 기능을 사용하기 위해, build.gradle.kts(Module:app) 그래들 설정에 아래처럼 바인딩 기능 사용을 추가해 주세요.

viewBinding.isEnabled = true

<코드>

package com.example.recyclerview4

import android.content.Intent
import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.example.recyclerview4.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    private lateinit var recyclerView: RecyclerView
    private lateinit var foodList: ArrayList<Food>
    private lateinit var foodAdapter: FoodAdapter
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        recyclerView = binding.rvRecyclerView
        recyclerView.setHasFixedSize(true)
        recyclerView.layoutManager = LinearLayoutManager(this)
        foodList = ArrayList()
        foodList.add(Food(R.drawable.bibimbab_01, "Bi-bim-bap\n(비빔밥)"))
        foodList.add(Food(R.drawable.samgyeopsal_02, "Sam-gyeop-sal\n(삼겹살)"))
        foodList.add(Food(R.drawable.galbitang_03, "Gal-bi-tang\n(갈비탕)"))
        foodList.add(Food(R.drawable.tteokguk_04, "tteok-guk\n(떡국)"))
        foodList.add(Food(R.drawable.tteokbokki_05, "tteok-bok-kki\n(떡볶이)"))
        foodList.add(Food(R.drawable.sundubujjigae_06, "Sun-dubu-jjigae\n(순두부 찌개)"))
        foodList.add(Food(R.drawable.koreanfc_07, "Korean-Fried-Chicken\n(한국식 프라이 치킨)"))
        foodList.add(Food(R.drawable.naengmyeon_09, "naeng-myeon\n(냉면)"))
        foodList.add(Food(R.drawable.doenjangjjigae_10, "Doen-jang-jjigae\n(된장찌개)"))
        foodList.add(Food(R.drawable.bulgogi_11, "Bul-go-gi\n(불고기)"))
        foodList.add(Food(R.drawable.kimchijeon_12, "Kimchi-jeon\n(김치전)"))
        foodAdapter = FoodAdapter(foodList)
        recyclerView.adapter = foodAdapter
    }
}

여기까지만 하면 기본적으로 RecyclerView 기능을 사용해서 보여줄 수 있게 되는데요,
여기서 한 가지 기능을 더 추가해 볼게요, 화면을 스크롤하면서 원하는 음식(이미지)카드를 터치하면, 해당 음식에 대해 디테일하게 정보를 보여주는 View를 추가해 볼게요.

6. activity_detailed.xml 작성하기

아래를 참고해 Main Activity를 만들어 줍니다.

res >> layout 폴더에서 마우스 우클릭 해서 New >> Activity >> Empty Views Activity를 클릭합니다.

아래처럼 Activity Name에 "DetailedActivity" 를 입력하면 "DetailedActivity.kt"파일과 함께 그 아래에 activity_detailed.xml 파일도 함께 자동 생성됩니다.

7. activity_detailed 작성하기

아래처럼 xml 코드를 작성해 주세요

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".DetailedActivity">

    <ImageView
        android:id="@+id/iv_Detailed"
        android:layout_width="0dp"
        android:layout_height="250dp"
        android:scaleType="fitXY"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/bibimbab_01" />

    <TextView
        android:id="@+id/tv_Detailed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="173dp"
        android:layout_marginEnd="180dp"
        android:gravity="center"
        android:text="TextView"
        android:textSize="24sp"
        android:textStyle="bold"
        android:textColor="@color/black"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_Detailed" />
</androidx.constraintlayout.widget.ConstraintLayout>

8. DetailedActivity.kt 작성하기

아래처럼 코드를 작성해 주세요. (binding 기능으로 사용하였고 기존 기능은 주석처리해 놓았으니 비교해 보세요)

package com.example.recyclerview4

import android.os.Bundle
import android.view.LayoutInflater
import android.widget.ImageView
import android.widget.TextView
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import com.example.recyclerview4.databinding.ActivityDetailedBinding

class DetailedActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        val binding = ActivityDetailedBinding.inflate(layoutInflater)
//        setContentView(R.layout.activity_detailed)
        setContentView(binding.root)
        val food = intent.getParcelableExtra<Food>("food")
        if (food != null) {
//            val textView : TextView = findViewById(R.id.tv_Detailed)
//            val imageView : ImageView = findViewById(R.id.iv_Detailed)
            binding.tvDetailed.text = food.name
            binding.ivDetailed.setImageResource(food.image)
        }
    }
}

마지막으로 MainActivity.kt 코드 끝에 아래와 같은 코드를 추가해 주세요.

foodAdapter.onItemClick = {
    val intent = Intent(this, DetailedActivity::class.java)
    intent.putExtra("food",it)
    startActivity(intent)
}

MainActivity.kt 의 전체 완성된 코드는 아래와 같아요.

package com.example.recyclerview4

import android.content.Intent
import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.example.recyclerview4.databinding.ActivityMainBinding
class MainActivity : AppCompatActivity() {
    private lateinit var recyclerView: RecyclerView
    private lateinit var foodList: ArrayList<Food>
    private lateinit var foodAdapter: FoodAdapter
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        recyclerView = binding.rvRecyclerView
        recyclerView.setHasFixedSize(true)
        recyclerView.layoutManager = LinearLayoutManager(this)
        foodList = ArrayList()
        foodList.add(Food(R.drawable.bibimbab_01, "Bi-bim-bap\n(비빔밥)"))
        foodList.add(Food(R.drawable.samgyeopsal_02, "Sam-gyeop-sal\n(삼겹살)"))
        foodList.add(Food(R.drawable.galbitang_03, "Gal-bi-tang\n(갈비탕)"))
        foodList.add(Food(R.drawable.tteokguk_04, "tteok-guk\n(떡국)"))
        foodList.add(Food(R.drawable.tteokbokki_05, "tteok-bok-kki\n(떡볶이)"))
        foodList.add(Food(R.drawable.sundubujjigae_06, "Sun-dubu-jjigae\n(순두부 찌개)"))
        foodList.add(Food(R.drawable.koreanfc_07, "Korean-Fried-Chicken\n(한국식 프라이 치킨)"))
        foodList.add(Food(R.drawable.naengmyeon_09, "naeng-myeon\n(냉면)"))
        foodList.add(Food(R.drawable.doenjangjjigae_10, "Doen-jang-jjigae\n(된장찌개)"))
        foodList.add(Food(R.drawable.bulgogi_11, "Bul-go-gi\n(불고기)"))
        foodList.add(Food(R.drawable.kimchijeon_12, "Kimchi-jeon\n(김치전)"))
        foodAdapter = FoodAdapter(foodList)
        recyclerView.adapter = foodAdapter
        foodAdapter.onItemClick = {
            val intent = Intent(this, DetailedActivity::class.java)
            intent.putExtra("food",it)
            startActivity(intent)
        }
    }
}

그럼, 앱을 실행하고 원하는 음식 이미지를 터치하면, 아래처럼 디테일 뷰를 볼 수 있습니다.
아래 이미지에서 갈비탕 이미지를 터치하면, 상세 페이지를 볼 수 있으며, 실제로 추가적인 내용을 넣어 주면 됩니다.

이상으로 RecyclerView를 사용하면서 CardView 기능을 활용해 보는 시간을 가져봤습니다.

그럼, 오늘도 즐거운 하루 되세요~

【AndroidStudio】 RecyclerView 실습 #2( 기본 기능 익히기)

엑소더스팩토리 — Thu, 7 Nov 2024 23:59:13 +0900

안드로이드 스튜디오에서(with코틀린) 가장 많이 활용되는 기능 중에 하나가 RecyclerView인데요, 좀 더 기본 기능을 익힐 수 있도록 하는 실습을 진행해 볼게요.

1. New Project → Empty Views Activity를 선택하고 Title을 정해주세요. 여기서는 RecycleView_ex2라고 하였습니다.

프로젝트의 구성은 아래와 같습니다.

결과 출력 모습은 아래와 같습니다.

화면을 아래로 스크롤하면, 0부터 99까지 데이터가 스크롤되는데요, 리소스를 효율적으로 사용하기 위해서 뷰 객체를 재활용하도록 고안된 것이 리사이클러뷰입니다.

아래 이미지는 activity_main.xml에 RecyclerView를 배치한 모습이고요.

아래 이미지는 list_item.xml 로 layout 폴더에 Layout Resource 파일을 하나 만들어 실제 보여줄 뷰 구성입니다.

그리고 아래 이미지처럼, MainActivity.kt 에서 addData() 함수를 통해 0부터 99까지의 데이터를 간단히 for ( ) 구문을 이용해서 생성해 준 것입니다.

【AndroidStudio】 Gradle Update 관련 에러 발생 시 해결 방법

엑소더스팩토리 — Tue, 5 Nov 2024 02:39:32 +0900

안드로이드 스튜디오에서 시뮬레이션(Run) 시도 중 아래와 같은 에러를 발견했을 때 해결방법입니다.

【 ↓ 에러 내용 ↓】

2 issues were found when checking AAR metadata:
1.  Dependency 'androidx.core:core-ktx:1.15.0' requires libraries and applications that
      depend on it to compile against version 35 or later of the
      Android APIs.
:app is currently compiled against android-34.
Also, the maximum recommended compile SDK version for Android Gradle
      plugin 8.5.1 is 34.
Recommended action: Update this project's version of the Android Gradle
      plugin to one that supports 35, then update this project to use
      compileSdk of at least 35.

      Note that updating a library or application's compileSdk (which
      allows newer APIs to be used) can be done separately from updating
      targetSdk (which opts the app in to new runtime behavior) and
      minSdk (which determines which devices the app can be installed
      on).

  2.  Dependency 'androidx.core:core:1.15.0' requires libraries and applications that
      depend on it to compile against version 35 or later of the
      Android APIs.
:app is currently compiled against android-34.
Also, the maximum recommended compile SDK version for Android Gradle
      plugin 8.5.1 is 34.

      Recommended action: Update this project's version of the Android Gradle
      plugin to one that supports 35, then update this project to use
      compileSdk of at least 35.

      Note that updating a library or application's compileSdk (which
      allows newer APIs to be used) can be done separately from updating
      targetSdk (which opts the app in to new runtime behavior) and
      minSdk (which determines which devices the app can be installed
      on).

분명 코드 부분에서는 문제가 없었으나, Gradle plugin 버전을 업데이트(상향) 하라는 내용인데, 결론은 현재 안드로이드 스튜디오에 설치된 SDK 34 버전을 SDK 35 버전으로 상향하면 해결되는 경우입니다.
안드로이드 스튜디오를 오래된 버전을 사용하고 있다면 공식사이트에서 최신 버전을 받아서 설치하면 되며(UI 같은 것도 조금 바뀌었습니다), 만약, 설치한 지 24년 3월 이후 설치했다면 즉, 거의 최근 버전이라면, 안드로이드 스튜디오를 새로 다운로드할 필요 없이, 안드로이드 스튜디오 메뉴에서 간단하게 해결할 수 있습니다.

1. File → Project Structure → Modules → Compile Sdk Version을 선택하고 API 35(최신 또는 원하는 버전)으로 적용한 후 안드로이드 스튜디오를 재실행해 주면 해결됩니다.

【 미리준비하세요 】 크리스마스 선물용 키트 DIY 하기!

엑소더스팩토리 — Sat, 19 Oct 2024 22:59:18 +0900

◈ ATtiny 85 칩과 PCB를 이용하여 크리스마스 선물용 LED 멜로디 키트를 DIY 해 보세요.

캐롤이나 동요, 혹은 자신이 좋아하는 곡의 멜로디를 코딩하여 키트로 출력할 수 있어요.
아래 이미지처럼 PCB로 제작해서 선물용에 어울리게끔 만들어 봤습니다.
크리스마스트리와 눈사람 두 가지 버전으로 만들었는데요, 하지만, 가정에서는 PCB를 직접 제작하기 쉽지 않죠, 그런데 JLC PCB 사이트 같은 곳을 이용한다면 적은 비용으로 쉽고 빠르게 이렇게 완성된 PCB기판을 받아 볼 수 있습니다.

1. 제작 준비하기

실습을 위해 아래와 같은 파일들을 준비해 보세요.

먼저, 아두이노 처럼 프로그래밍이 가능한 ATtiny85 IC가 필요합니다. 그리고 ATtiny85에 코드를 업로드하기 위한 아두이노 보드가 필요합니다.

8 pin IC 소켓은 tiny85 칩을 PCB에 바로 납땜해 버리게 되면 다른 곡을 다시 업로드할 수 없게 되므로 필요합니다.
콘덴서 부품은 Reset과 IC를 보호하기 위한 용도이므로 용량값에 구애받지 말고 가지고 있는 것을 사용하면 됩니다.
7805 IC는 5V이상의 입력 전원을 5V로 일정하게 출력해주는 정전압 IC로서 tiny85 칩을 보호하기 위한 용도로 사용됩니다.
그래서 작동 시간을 더 늘리기 위해, 배터리를 별도로 연결할 때, 더 유용하게 활용됩니다.

멜로디를 울려줄 스피커나 부저, 어떤것이든 가능한데요 소리의 떨림이 좀 있지만 크기가 작은 부저를 사용해도 되고, 크기가 조금 크지만 좀 더 좋은 소리를 낼 수 있는 스피커를 사용해도 됩니다.

당장 PCB기판이 없더라도 브레드 보드에 회로를 구성해서 실습해 볼 수 있도록 브레드보드를 준비하면 됩니다.

ATtiny85의 기본 사용법과 부트로더 올리는 영상은 아래 링크 게시글을 참고해 주세요.

https://rasino.tistory.com/324

【 ATtiny85】 초소형 아두이노 ATtiny85 기초부터 응용까지 완벽 풀코스(초미니 OLED 온·습도계 제작)

【 아두이노프렌즈】 초소형 아두이노 ATtiny85 기초부터 응용까지 완벽 풀코스(초미니 OLED 온·습도계 제작) 여러분은 아래 이미지를 보시고 똑 같은 기능이 가능한 3가지 모델 중 어떤 것을 선

rasino.tistory.com

【 중요 】 위의 게시물에도 추가 하였지만, ATtiny 보드 라이브러리만 설치해서 진행할 경우 tiny85 칩에 코딩해서 LED를 동작시키고 하는 것은 문제없으나, 멜로디 음 출력이 되지 않는 문제가 있어요. 그래서 이를 해결한 다른 보드 라이브러리(ATtiny core)를 추가로 설치해서 진행하면 해결할 수 있습니다.

다만, ATtiny core 라이브러리만 진행했을 경우에는 코딩까지는 문제 없으나 코딩한 대로 동작이 되지 않고 이상한 출력을 내며 제대로 동작되지 않는데요, 특히 부트로더가 올려지지 않은 새 칩을 코딩하면 이런 현상이 벌어지는데, 따라서
이를 해결하는 (코딩하는) 순서는 아래처럼 해야 합니다.

① "ATtiny" 보드라이브러리를 추가하고 tiny85칩에 부트로더를 올려줍니다. (ATtiny 보드라이브러리 설치 방법 참조)
(ATtiny 보드라이브러리 환경설정 주소 : https://raw.githubusercontent.com/damellis/attiny/ide-1.6.x-boards-manager/package_damellis_attiny_index.json )

② 추가된 ATtiny85칩을 선택해서 아두이노로 만든 아두이노 ISP 회로를 통해 tiny85에 부트로더를 만들어 주세요.

③ "ATtinycore" 보드라이브러리를 추가하고 추가된 보드를 통해 tiny85 칩에 멜로디 코드를 올려주면 원하는 작동을 볼 수 있어요. (ATtiny 보드 라이브러리 환경설정 주소: https://drazzy.com/package_drazzy.com_index.json )

그럼 “악보의 멜로디를 코드로” 추출하는 방법을 살펴볼게요.

음계란 음악에 쓰이는 음을 높이의 차례대로 배열한 음의 층계를 말하는데요.
"도, 레, 미, 파, 솔, 라, 시, 도" 의 8가지 음계를 옥타브라고 합니다.

각 음계의 이름을 계이름이라하며 세 가지 언어로 혼용해서 부르고 있습니다.
주로 악보에는 영문 음계로(코드) 표기합니다.
그런데 이런 음(소리)은 어떤 물질의 떨림(진동)에의해 만들어지는데요.
물질이 빠르게 진동한다면 높은 음이 나며, 느리게 진동한다면 낮은음을 발생시키게 되죠.
빠르게 진동하는 것을 주파수가 높다라고 하며, 느리게 진동하면 주파수가 낮다고 해요.
1초에 1회의 진동(떨림)을 주파수 1Hz로 부르며, 100떨리면 100Hz라고 말합니다.

낮은 도와 높은 도(한 옥타브)의 주파수(진동수)는 음 높이가 두 배 차이나며 (레~레, 미~미, 파~파... 마찬가지)
인간의 귀는 이 두 음을 높이는 다르지만 서로 같은 음으로 인식하게 되죠.
서로 다른 종류의 악기로 합주를 할 때 음이 일치가 되는 이유는 각각의 음 높이가 특정 주파수로 정리되었기에 가능한 것입니다.

가장 낮은 1옥타브 C(도)의 주파수는 32.7032Hz이며 그 위로 2옥타브 C의 주파수는 그 두 배인 65.4064Hz 임을 알 수 있죠, 샾(#) 음계는 반정도를 올린 음으로 이해하면 되며, 반음을 내릴 때는 플랫(♭) 기호를 사용합니다.

이제 이런 주파수를 참고해서 악보의 각 음계를 주파수 값으로 출력해내면 스피커의 떨림에 의해 악보대로 음악이 연주되는 것이죠. 그리고 아두이노 코드를 작성할 때는 소수점 이하를 반올림 한 값으로 사용하고, 이 주파수 값들을 pitches.h라는 헤더파일 형태로 정리해서 이용합니다.

그리고 음에는 음의 길이를 정해 줄 수 있는데요, 음의 길이에 따라 그림과 같은 음표로 구분해서 악보에 표시합니다.

그럼, 예시로 쉬운 동요 한 곡을 코드로 만드는 과정을 보여드릴게요.

먼저, 악보를 보고 계이름과 음의 길이를 다음 처럼 표시합니다.

이것을 Pitches.h 헤더파일을 참고해서 코드로 적으면 아래와 같습니다.

지금은 4옥타브 영역대를 메인 음역대로 했으나 만약 음정을 높이고 싶다면, C5, E5, G5... 이런 형태로 작성하면 됩니다.

이런 방법으로 어떤 곡이든 악보를 보고 코드화하여 멜로디를 출력할 수 있어요.
그리고 이번 프로젝트에서 각각의 음을 출력할 때마다 LED가 깜빡이도록 회로를 구성했어요.

기본적으로는 아두이노에 이런 형태로 연결해서 동작시킬 수 있지만.

누군가에게 선물할 수 있는 형태로 만들기위해 이번 프로젝트를 준비했습니다.

따라서 나노 보드 대신, 크기가 매우 작은 tiny85 칩을 사용했고, 배터리도 작은 리튬 배터리를 사용했으며, LED도 많이 넣어 볼거리가 좀 있도록 하였어요.

그리고 PCB로 제작할 때 장점은 보드 디자인을 원하는 모양으로 만들 수 있고, 선 연결을 직접 할 필요 없이 부품만 꽂고 땜하면 바로 완성되기 때문에 장점이 많습니다.

회로 설계는 이와 같이 했고요, 좀 더 화려하게 하고 싶다면, LED와 저항을 병렬로 더 추가해서 제작하면 됩니다.

3V의 CR2032배터리는 직렬로 연결하여 6V의 입력 전압을 만들어 주었고요, ATtiny85 칩의 동작전압은 2.7~5.5V인데 6V정도의 전압은 별문제는 없겠지만, 9V건전지 등 다른 전원을 사용할 때를 대비해서, 5V의 고정적인 출력으로 제어해 주는 7805 정전압 IC를 추가하였어요. (tiny85 IC보호)

2. 멜로디 회로 설계 및 PCB 보드 디자인하기

지금 보이는 이미지는 OrCAD라는 전자캐드 툴을 이용해서 회로를 디자인 하고 있는 이미지예요.

PCB(인쇄회로기판) 보드 설계는 먼저 1. 도면을 설계 작성하고 2. PCB보드 외형을 디자인하는 형태로 진행됩니다.
만약, CAD툴에서 기본적인 부품은 제공되지만, 없는 부품이 있다면 이렇게 만들어서 사용합니다.

아래 이미지가 1. 도면을 설계하는 이미지입니다.

위 도면 디자인 파일(Cadence OrCAD Capture Design File)

attiny85melody_10-07.zip

0.01MB

아래는 직접 추가한 라이브러리 파일입니다. (CR2032)

CR2032SOCKET.OLB

0.01MB

아래는 PCB Board Design File입니다.
Tree 버전과 눈사람 버전입니다.

ATTINY85MELODY_Tree.brd

0.25MB

ATTINY85MELODYSnowMan.brd

0.25MB

아래는 CR2032와 Slide3P의 PCB 라이브러리 파일(Package Symbol)입니다.

CR2032_Slide3P_PCB_라이브러리 파일.zip

0.02MB

도면 디자인에서는 각 부품 간 연결 정보만 있기 때문에, PCB디자인에서는 부품들의 실제 사이즈에 대한 정보가 필요합니다. 이것을 footprint 값이라고 하는데요.

이제 이정보들을 PCB Layout 툴로 넘겨서 부품의 배치와 패턴을 디자인해 줍니다.

패턴을 완성시킨 후 인쇄회로기판(PCB)을 출력하기 위한 각 층별 팬턴에 대한 필름을 생성하고, 그리고 부품을 삽입하기 위한 홀 드릴에 대한 정보 파일과 Tree 모양의 기판 형태를 제단 해주는 NC 데이터도 함께 만들어 주는데요, 이 파일들의 묶음을 거버(Gerber) 파일이라고 합니다.

3. JLC PCB에 보드 주문하기

그럼 JLC PCB에서 어떻게 PCB를 주문하는지 과정을 알려드릴게요.

1. JLCPCB.COM 웹페이로 접속해서 회원가입을 해주세요.

2. 압축한 거버 파일을 화면에 보이는 곳으로 드래그하거나 열기로 넣어 주세요.

실제 주문에 사용한 거버 파일입니다.

① 크리스마스트리 Tree 디자인 거버파일

Tree_art_10_08.zip

0.02MB

② Snow Man 눈사람 디자인 거버 파일

Snowman_art_10_08.zip

0.01MB

3. 업로드가 완료되면 보드 디자인을 미리 볼 수 있는 거버뷰어를 제공해요(클릭).

4. 보드를 천천히 살펴보면서 자신의 설계에 문제가 없었는지, 꼼꼼히 확인해 주세요.
만약 자신의 설계에 문제가 있었다면 보드가 제대로 동작하지 않으니 반드시 확인해 주세요.

5. 지금 정도의 프로젝트라면 대부분 기본 설정 사항으로 해결이 될 거예요.
소재는 FR4로 선택하고, 앞뒤 양면으로 설계했을 경우 레이어는 2로 선택하면 됩니다.

치수는 자동으로 표시되는데요, 만약 보드 사이즈가 가로x세로 100mm 이하라면, 추가 비용 없이 이용가능합니다.
100mm 이상일 경우 화면에 표시된 금액에서 사이즈에 따라 추가 요금을 지불해야 합니다.

PCB수량은 기본 5장이 제공되고 필요할 경우 더 많은 수량을 선택하세요.

PCB 보드의 색은 7가지 중에서 선택가능하며, 녹색을 제외한 다른 색상을 선택할 경우 제작기간이 하루 더 소요되니 참고하세요.

나머지 옵션은 크게 변경할 일은 없으니 천천히 확인해 보세요.

그리고 JLC PCB에서는 추가 비용을 지불하면 PCBA라고 하여 회로에 실장 되는 부품을 직접 구해서 납땜까지 제공해 주는 옵션도 있습니다.

손으로 납땜이 조금 어려운 SMD 타입의 부품이 많이 있을 경우 이 옵션을 생각해 보면 좋겠네요.

추가로 보드 외형을 눈사람으로 디자인해 봤는데요, 이 보드도 같이 주문해 볼게요.

모든 사항이 체크되었으면 쇼핑 카트에 추가합니다.
장바구니 보기로 들어갑니다.

주문 품목을 모두 선택하고 Secure Checkout를 클릭하면 배송사를 선택할 수 있습니다.

회원가입 시 제공되는 쿠폰들을 사용할 수 있습니다.
쿠폰 적용은 지금 단계에서는 표시되지 않고 결제 마지막 단계에서 적용되니 넘어가세요.
배송지 주소를 영문으로 정확하게 입력해 주세요.

PCCC 항목에는 관세청 사이트에서 개인통관고유번호를 발급받아 입력하면 됩니다.

결제 방식은 보통 신용카드로 하면 됩니다.

결제 후 주문내역보기(Order history)로 들어가 보면, 데이터 확인을 하고 주문제작에 들어가게 됩니다.

만약, 업로드한 데이터가 잘못되거나 구성요소가 빠진 게 있다면 Audit Failed라는 화면이 교체하기(재업로드) 버튼을 클릭하여 수정된 파일을 다시 업로드하면 됩니다.

진행과정에서 중요한 사항을 등록한 이메일로 알려주니 주문 후에는 계속 메일을 체크해 주세요.

4. PCB 보드 배송과 품질 확인

DHL economy로 주문했고 매우 빠르게 배송받을 수 있었어요

안전하게 진공 버블 포장으로 문제없이 잘 배송되었네요.

제품의 마감이나 실크데이터 인쇄 품질이 아주 마음에 듭니다.

5. PCB 보드에 부품 실장과 동작

그럼, PCB 보드에 부품들을 올려 납땜해 볼게요.

건전지는 +방향이 위로 향하게 넣어 주어야 합니다.

주의해야 할 것은 LED, IC, 7805, 전해콘덴서, 부저 등의 부품은 + - 극성을 구분해서 장착해야 합니다.

IC에 아두이노 코드를 프로그래밍하고 교체할 때는 이렇게 핀셋을 이용해서 핀이 휘지 않도록 주의하세요.

그럼 전원 스위치를 켜서 잘 작동되는지 볼게요.

네, 아주 잘 작동되네요.

6. "3D 프린팅 스탠드" 디자인과 출력

그리고 PCB를 받쳐줄 받침대를 3D 프린터로 만들어서 세워볼게요.

우선 두 가지 버전으로 준비했는데요, 아래 이미지와 같은 Tree 트리나무 전용 스탠드 A 버전과

3Dprint_PCB_Stand_A_Tree.zip

3.90MB

아래 이미지와 같은 Snow Man & Tree 겸용 스탠드 B 버전으로 준비해 봤어요.
이 파일들에는 모두 Fusino360 모델링 파일인 ***.f3d 파일과, ***.stl 파일과, ***.gcode 파일을 포함하였어요.

3Dprint_PCB_Stand_B_SnowMan.zip

3.46MB

두 가지 버전을 스탠드에 세운 모습은 아래와 같습니다.

멜로디는 하나의 IC에 멜로디를 계속 바꾸어 업로드할 수 있고요, IC가 여러 개 있다면 서로 다른 멜로디를 업로드해서 이렇게 바꾸어 가며 사용할 수 있어요.

7. 아두이노 및 tiny85 멜로디 코드

[ 멜로디 코드 ]

① 먼저, "곰 세 마리" 곡의 아두이노 우노(나노)용 코드는 아래와 같아요.

#include "pitches.h"
#define Speaker 5  // 스피커를 연결할 출력핀 설정
#define LED1 2
#define LED2 3
#define LED3 4
// 멜로디를 아래 배열에 순서대로 넣으세요
int melody[] = {   //  [ 멜로디에 관한 배열 ]   
  NOTE_C4, NOTE_C4, NOTE_C4, NOTE_C4, NOTE_C4,              // 곰 세 마 리 가   
  NOTE_E4, NOTE_G4, NOTE_G4, NOTE_E4, NOTE_C4,              // 한 집 에 있 어
  NOTE_G4, NOTE_G4, NOTE_E4, NOTE_G4, NOTE_G4, NOTE_E4,     // 아 빠 곰 엄 마 곰
  NOTE_C4,NOTE_C4,NOTE_C4,                                  // 애기곰
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4, NOTE_G4,NOTE_G4,NOTE_G4, // 아빠곰은 뚱뚱해
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4,NOTE_G4,NOTE_G4,NOTE_G4,  // 엄마곰은 날씬해 
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4,                          // 애기곰은 
  NOTE_G4,NOTE_G4,NOTE_G4,NOTE_A4,NOTE_G4,                  // 너무귀여워
  NOTE_C5,NOTE_G4,NOTE_C5,NOTE_G4,NOTE_E4,NOTE_D4,NOTE_C4   // 으쓱으쓱 잘한다          
}; 
float noteDurations[] =  {  // [ 음의 길이에 관한 배열 ]                      
  // 1 = 1박(4분음표)  ,  0.5 = 반박(8분음표) , 2 = 2박(2분음표)
  1, 0.5, 0.5, 1, 1,
  1, 0.5, 0.5, 1, 1, 
  0.5, 0.5, 1, 0.5, 0.5, 1, 
  1, 1, 2,  
  // 아빠곰은...
  1, 1, 1, 1, 1, 1, 2,
  1, 1, 1, 1, 1, 1, 2,  
  // 애기곰은 너무 귀여워...
  1, 1, 1, 1, 
  0.5, 0.5, 0.5, 0.5, 2,
  1, 1, 1, 1, 1, 1, 2
};
void setup() 
{
  pinMode(LED1,OUTPUT);   // LED1는 ATtiny85의 GPIO1번 핀을 의미함(※ 따로 선언을 하지 않아도 됨)
  pinMode(LED2,OUTPUT);
  pinMode(LED3,OUTPUT);
  digitalWrite(LED1, LOW);
  digitalWrite(LED2, LOW);
  digitalWrite(LED3, LOW);
  delay(1000);
  // LED1, LED2, LED3에 각각 다른 LED가 연결되어 있고
  // 배열에서 하나씩 멜로디를 읽을 때마다 LED1, LED2, LED3으로 번갈아 가며 출력(LED ON)하도록 합니다.
  for (int thisNote = 0; thisNote < sizeof(melody); thisNote++)
  {
    if(thisNote%3 == 1)  {
      digitalWrite(LED1, LOW);
      digitalWrite(LED2, HIGH);
      digitalWrite(LED3, LOW);
    }
    else if(thisNote%3 == 2) {
      digitalWrite(LED1, LOW);
      digitalWrite(LED2, LOW);
      digitalWrite(LED3, HIGH);
    }
    else  {
      digitalWrite(LED1, HIGH);
      digitalWrite(LED2, LOW);
      digitalWrite(LED3, LOW);
    }
    // 음표 길이를 계산하려면 1초를 500ms로 곱합니다
    // 템포는 333ms로 설정합니다. 이 값을 변경하면 템포가 변경됩니다.
    int noteDuration = 333 * noteDurations[thisNote];
    tone(Speaker, melody[thisNote], noteDuration);
    // 음표를 구분하려면 음표 사이의 최소 시간을 설정합니다.
    // 음표의 길이에 +30% 정도가 잘 적당합니다
    int pauseBetweenNotes = noteDuration * 1.20;
    delay(pauseBetweenNotes);    
    noTone(0);     // Tone 함수 재생 멈춤
  }
  digitalWrite(LED1, LOW);
  digitalWrite(LED2, LOW);
  digitalWrite(LED3, LOW);  
}
void loop() {
}

ThreeBears_nano.zip

0.00MB

아래는 곰 세 마리의 ATtiny85 버전용 코드예요.

// PB1 ,  PB2 ...  wat not declared... 에러가 날 경우, 보드 선택을 ATtiny85로 했는지? 확인할 것!

#include "pitches.h"
#define Speaker 0  // 스피커를 연결할 출력핀 설정
// #define rest 0     // 음악 쉼표 주파수 0 Hz 설정

// 멜로디를 아래 배열에 순서대로 넣으세요
int melody[] = {   //  [ 멜로디에 관한 배열 ]   
  NOTE_C4, NOTE_C4, NOTE_C4, NOTE_C4, NOTE_C4,              // 곰 세 마 리 가   
  NOTE_E4, NOTE_G4, NOTE_G4, NOTE_E4, NOTE_C4,              // 한 집 에 있 어
  NOTE_G4, NOTE_G4, NOTE_E4, NOTE_G4, NOTE_G4, NOTE_E4,     // 아 빠 곰 엄 마 곰
  NOTE_C4,NOTE_C4,NOTE_C4,                                  // 애기곰
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4, NOTE_G4,NOTE_G4,NOTE_G4, // 아빠곰은 뚱뚱해
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4,NOTE_G4,NOTE_G4,NOTE_G4,  // 엄마곰은 날씬해 
  NOTE_G4,NOTE_G4,NOTE_E4,NOTE_C4,                          // 애기곰은 
  NOTE_G4,NOTE_G4,NOTE_G4,NOTE_A4,NOTE_G4,                  // 너무귀여워
  NOTE_C5,NOTE_G4,NOTE_C5,NOTE_G4,NOTE_E4,NOTE_D4,NOTE_C4   // 으쓱으쓱 잘한다          
}; 
float noteDurations[] =  {  // [ 음의 길이에 관한 배열 ]                      
  // 1 = 1박(4분음표)  ,  0.5 = 반박(8분음표) , 2 = 2박(2분음표)
  1, 0.5, 0.5, 1, 1,
  1, 0.5, 0.5, 1, 1, 
  0.5, 0.5, 1, 0.5, 0.5, 1, 
  1, 1, 2,  
  // 아빠곰은...
  1, 1, 1, 1, 1, 1, 2,
  1, 1, 1, 1, 1, 1, 2,  
  // 애기곰은 너무 귀여워...
  1, 1, 1, 1, 
  0.5, 0.5, 0.5, 0.5, 2,
  1, 1, 1, 1, 1, 1, 2
};
void setup() 
{
  pinMode(PB1,OUTPUT);   // PB1는 ATtiny85의 GPIO1번 핀을 의미함(※ 따로 선언을 하지 않아도 됨)
  pinMode(PB2,OUTPUT);
  pinMode(PB3,OUTPUT);
  digitalWrite(PB1, LOW);
  digitalWrite(PB2, LOW);
  digitalWrite(PB3, LOW);
  delay(1000);
 
  for (int thisNote = 0; thisNote < sizeof(melody); thisNote++)
  {
    if(thisNote%3 == 1)
    {
      digitalWrite(PB1, LOW);
      digitalWrite(PB2, HIGH);
      digitalWrite(PB3, LOW);
    }
    else if(thisNote%3 == 2)
    {
      digitalWrite(PB1, LOW);
      digitalWrite(PB2, LOW);
      digitalWrite(PB3, HIGH);
    }
    else
    {
      digitalWrite(PB1, HIGH);
      digitalWrite(PB2, LOW);
      digitalWrite(PB3, LOW);
    }
    // 음표 길이를 계산하려면 1초를 500ms로 곱합니다
    // 템포는 333ms로 설정합니다. 이 값을 변경하면 템포가 변경됩니다.
    int noteDuration = 333 * noteDurations[thisNote];
    tone(Speaker, melody[thisNote], noteDuration);
    // 음표를 구분하려면 음표 사이의 최소 시간을 설정합니다.
    // 음표의 길이에 +30% 정도가 잘 적당합니다
    int pauseBetweenNotes = noteDuration * 1.20;
    delay(pauseBetweenNotes);    
    noTone(0);     // Tone 함수 재생 멈춤
  }
  digitalWrite(PB1, LOW);
  digitalWrite(PB2, LOW);
  digitalWrite(PB3, LOW);
  digitalWrite(PB0, LOW);
}
void loop() {
}

ThreeBears.zip

0.00MB

② 아래는 " We wish your Marry Christmas" 곡입니다.

// PB1 ,  PB2 ...  wat not declared... 에러가 날 경우, 보드 선택을 ATtiny85로 했는지? 확인할 것!
#include "pitches.h"
#define Speaker 0  // 스피커를 연결할 출력핀 설정
// #define rest 0     // 음악 쉼표 주파수 0 Hz 설정

// 멜로디를 아래 배열에 순서대로 넣으세요
int melody[] = {   //  [ 멜로디에 관한 배열 ]   
  //We wish you a merry christmas
  NOTE_C4, NOTE_F4, NOTE_F4, NOTE_G4, NOTE_F4, NOTE_E4, NOTE_D4, NOTE_D4,
  NOTE_D4, NOTE_G4, NOTE_G4, NOTE_A4, NOTE_G4, NOTE_F4, NOTE_E4, NOTE_C4,

  //We wish you a merry christmas 
  NOTE_C4, NOTE_A4, NOTE_A4, NOTE_AS4, NOTE_A4, NOTE_G4, NOTE_F4, NOTE_D4,
  NOTE_C4, NOTE_C4, NOTE_D4, NOTE_G4, NOTE_E4, NOTE_F4,

  //Good tidings we bring to you and ... 
  NOTE_C4, NOTE_F4, NOTE_F4, NOTE_F4, NOTE_E4,
  NOTE_E4, NOTE_F4, NOTE_E4, NOTE_D4, NOTE_C4,

  //Good tidings for Christmas ... 
  NOTE_C4, NOTE_A4, NOTE_G4, NOTE_F4, NOTE_C5, NOTE_C4,

  //and a happy new year 
  NOTE_C4, NOTE_C4, NOTE_D4, NOTE_G4, NOTE_E4, NOTE_F4
};
float noteDurations[] = {         // [ 음의 길이에 관한 배열 ]     
  //We wish you a merry christmas 
  // 1 = 1박(4분음표)  ,  0.5 = 반박(8분음표) , 2 = 2박(2분음표)
  1, 1, 0.5, 0.5, 0.5, 0.5, 1, 1,
  1, 1, 0.5, 0.5, 0.5, 0.5, 1, 1,  
  //We wish you a merry christmas and a happy new year
  1, 1, 0.5, 0.5, 0.5, 0.5, 1, 1,
  0.5, 0.5, 1, 2, 1, 2,
  //Good tidings we bring to you and ... 
  1, 1, 2, 1, 2,
  1, 1, 2, 1, 2,
  //Good tidings for Christmas ... 
  1, 1, 2, 1, 1, 2,
  //and a happy new year 
  0.5, 0.5, 1, 2, 1, 2
};
void setup() 
{
  pinMode(PB1,OUTPUT);
  pinMode(PB2,OUTPUT);
  pinMode(PB3,OUTPUT);
  digitalWrite(PB1, LOW);
  digitalWrite(PB2, LOW);
  digitalWrite(PB3, LOW);
  delay(1000);
  // iterate over the notes of the melody:
  for (int thisNote = 0; thisNote < sizeof(melody); thisNote++)
  {
    if(thisNote%3 == 1)
    {
      digitalWrite(PB1, LOW);
      digitalWrite(PB2, HIGH);
      digitalWrite(PB3, LOW);
    }
    else if(thisNote%3 == 2)
    {
      digitalWrite(PB1, LOW);
      digitalWrite(PB2, LOW);
      digitalWrite(PB3, HIGH);
    }
    else
    {
      digitalWrite(PB1, HIGH);
      digitalWrite(PB2, LOW);
      digitalWrite(PB3, LOW);
    }
    // 음표 길이를 계산하려면 1초를 500ms로 곱합니다
    // 템포는 333ms로 설정합니다. 이 값을 변경하면 템포가 변경됩니다.
    int noteDuration = 333 * noteDurations[thisNote];
    tone(Speaker, melody[thisNote], noteDuration);
    // 음표를 구분하려면 음표 사이의 최소 시간을 설정합니다.
    // 음표의 길이에 +30% 정도가 잘 적당합니다
    int pauseBetweenNotes = noteDuration * 1.20;
    delay(pauseBetweenNotes);    
    noTone(0);     // Tone 함수 재생 멈춤
  }
  digitalWrite(PB1, LOW);
  digitalWrite(PB2, LOW);
  digitalWrite(PB3, LOW);
  digitalWrite(PB0, LOW);
}
void loop() {
}

MerryChristmas_attiny85_LED.zip

0.00MB

네, 이렇게 며칠 동안 나름? 신경 써서 성공적으로 프로젝트를 마무리하였습니다.
필요한 분들에게 도움이 되었길 바라겠습니다.
그럼, 오늘도 행복한 하루 보내세요~ ^o^

【AndroidStudio】 RecyclerView 실습 #1( 전화번호 뷰 목록 만들고 전화걸기 앱 만들기)

엑소더스팩토리 — Sun, 15 Sep 2024 10:50:18 +0900

안드로이드 스튜디오에서 코틀린(Kotlin)으로 RecyclerView를 이용하여 연락처 화면을 만들어 스크롤할 수 있고, 터치하면 전화가 걸리도록 하는 앱 만들기 실습을 진행해 볼게요.

1. New Project → Empty Views Activity를 선택하고 Title을 정해주세요. 여기서는 RecycleView3라고 하였습니다.

2. 그래들(Gradle)과 메인액티비티(Main Activity)에서 뷰 바인딩(ViewBinding) 설정하기.

프로젝트 탐색창에서 "Gradle Scripts" 항목을 펼쳐보면 "build.gradle.kts (Module :app)" 이 보이고 더블클릭해 열어서 아래 이미지처럼 viewBinding.isEnabled = true를 android { ... } 사이에 넣어주세요. 그리고 변경사항이 적용될 수 있도록 "Sync Now"를 클릭해 주세요.

Main Activity에는 아래처럼 기본 설정 코드가 들어 있을 텐데요,

이를 아래와 같이 필요 없는 항목은 지우고 ViewBinding을 사용하기 위한 형태로 바꾸어 주세요.

val binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)

3. 전화번호 프로필(profile) 화면 구성하기.

프로필의 화면 구성은 아래와 같이 해볼게요.

프로젝트 탐색창에서 res 》 layout 에서 마우스 우클릭(이후로는 RMB로 표현)해서 New 》 Layout Resource File을 클릭하세요.

File name : 에 list_item이라 적고 OK를 클릭해 주세요.

그럼, 아래와 같이 layout 폴더에 list_item.xml이라는 파일이 생성된 것을 볼 수 있어요.

4. 액티비티 메인(activity_main.xml) 화면 구성하기.

추가한 ConstraintLayout이 클릭되어 있는 상태에서 오른쪽에 있는 Constraint Widget의 ⊕ 표시를 눌러 상위에 있는 부모 Constrait Layout과 연결을 시켜주세요.

그리고 아래 이미지처럼 각각의 마진(magin)을 8씩 주세요.

우선, 전화번호 목록에 쓰일 사람들의 사진을 대신하여 이미지 아이콘을 다운로드하여 사용해 볼 텐데요, flaticon.com에 접속하여 " profile " 로 검색해서 다운로드하여 볼게요.

검색된 아이콘들 중에 맘에 드는 것으로 몇 가지를 다운로드하여 보세요.

다운로드 표시 부분을 클릭하지 말고 이미지 가운데를 클릭하면, 가로 세로 원하는 사이즈를 선택해서 받을 수 있어요.

128픽셀을 선택해서 다운로드하세요. 512픽셀로 받아도 되지만, 기본크기가 너무 커지므로 줄여서 받아볼게요.

이 사이트의 경우 무료로는 하루 10개 정도 받을 수 있기 때문에 5개는 남자 이미지 5개는 여자 이미지로 총 10개를 다운로드하여서 아래와 같이 man1~5 , woman1~5로 네이밍 합니다.

그럼, 윈도 탐색창에서 위의 다운로드한 파일을 모두 선택해서 Ctrl + C(복사) 한 후,
안-스에서 프로젝트 탐색창의 res 》 drawable 폴더를 선택하고 Ctrl + V(붙여 넣기) 하세요.

그리고 OK 버튼을 클릭하면 아래처럼 해당 폴더에 붙여 넣기 됩니다.

물론 RMB 하여 Explorer 창을 열어 윈도 탐색창에 직업 붙여 넣기 해도 동일합니다. (해당 폴더를 바로 찾아 열어 볼 수 있음)

그럼, list_item.xml 파일에서 Widgets(위젯) 항목에 있는 ImageView를 편집화면에다 끌어다 놓기 하세요.

그리고 바로 나타나는 창에서 man1을 선택 후 OK 버튼을 클릭합니다.

그리고 Attributes 속성 설정창에 보이는 Constrait Widget에서 화살표로 표시한 부분만 클릭해서 부모 Constraint Layout과 각각 연결시켜 주세요. 이때 연결되는 3곳 각각의 magin은 8 정도로 세팅할게요.

그리고 삽입한 man 이미지의 가로 폭(layout_width)과 세로 높이(layout_height)를 60dp로 설정해 주세요.

다음, Component Tree창에서 두 번째 ConstraintLayout을 선택하고 오른쪽 Constraints항목에 있는 부분에서 layout_height 만 wrap_content로 바꾸어 주세요.

다음, 제일 위에 있는 부모 ConstraintLayout을 선택해서 동일하게 layout_height를 wrap_content로 감싸주게 되면 아래 이미지처럼 이미지가 위쪽으로 정렬이 됩니다.

그다음, 이미지를 선택한 상태에서 id를 이미지 뷰를 줄인 약자(iv)로 해서 iv_profile로 설정해 볼게요.

id를 변경하고 엔터를 치면 , 아래와 같이 창이 나타나고 OK를 한 번 더 눌러주면 됩니다.

① 텍스트뷰를 끌어다 놓고, id = tv_name , text = 홍길동 입력하고, 아래처럼 Constraint Widget의 연결을 해주세요.

다음, text 속성에서 textSize = 16sp , textColor = #040404 , textStyle = Bold로 변경합니다.

② "전화번호"에 대한 TextView항목도 아래처럼 추가해 주세요.

Component Tree 창에서 tv_name을 Ctrl+C , Ctrl+V 하면 동일한 속성으로 복사가 됩니다.

그럼, id = tv_number로 바꾸고, 전화번호를 입력해 주세요. 색상도 적당한 색으로 바꾸고, Constraint Widget의 연결을 왼쪽 이름에 연결하고 정당한 magin을 입력해 주세요.

③ 동일한 방법으로 이메일에 대한 textView도 추가해서 아래처럼 적당할게 설정해 주세요.

④ 동일하게 생년월일에 대한 tv_birthday texView도 아래처럼 추가해 볼게요.

정리된 모습

5. list_item.xml에 대한 객체 모듈의 클래스 만들어주기

app 》 kotlin+java 》 com.example.recyclerview3 <RMB> 해서 New 》 Kotlin Class/File을 클릭하세요.

그리고 이름에 Profile이라고 입력하고 엔터 하면

Profile이라는 확장자가 KT인 코틀린 Class 파일이 생성된 것을 볼 수 있어요.

클래스 파일 내용은 아래와 같이 입력해서 "사진이미지, 이름, 전화번호, 이메일, 생일" 각각에 대한 인자와 받아들일 속성에 대해 정의해 주세요.

이때 이미지의 경우 숫자로 처리할 수 있기 때문에 Int형으로 정의합니다.

class Profile ( val picture : Int , val name : String , val telNum : String , val email : String , val birthDay : String )

6. 어댑터 만들기 (Adapter)

어댑터는 뷰 홀더에서 만든 뷰 객체에 적절한 데이터를 대입해서 항목을 완성하는 역할을 하는데요, 이어서 레이아웃 매니저가(LayoutManager) 어댑터가 만든 항목들을 어떻게 배치할지 결정하여 리사이클러 뷰에 출력합니다.

리사이클러뷰의 전체적인 구조는 아래와 같습니다.

이미지 출처 : s2choco.tistory.com

이미지 출처 : recipes4dev.tistory.com

그럼, 뷰홀더를 만들 때처럼, app 》 kotlin+java 》 com.example.recyclerview3 <RMB> 해서 New 》 Kotlin Class/File을 클릭하세요. 파일 이름은 ProfileAdapter로 할게요.

클래스 파일이 생성되면 아래와 같이 우선 작성하고, 만약 RecyclerView 글자가 빨간색으로 뜬다면, 리사이클러 뷰 위젯을 자동으로 삽입되도록 Alt+Enter 하세요.

그리고 아래처럼 코드를 이어서 작성하면, class ProfileAdapter 부분이 붉은색 밑줄이 그어지는데 마우스를 올리고 나타나는 팝업창에서 Implement members를 클릭해서 필요한 구성요소들이 자동으로 생성될 수 있도록 해줍니다. 또는 Alt+Shift+Enter

이어서, CustomViewHolder 부분이 빨간 글자로 되는데, 이 부분도 마우스를 올리고 기다리고 있으면, 클래스를 자동으로 생성할 수 있도록 해줍니다.

그럼, 뷰홀더(View Holder) 클래스가 만들어지는데요,

아래와 같이 코드를 완성해 보세요. TODO 라고 되어 있는 부분들은 삭제하고,

list_item.xml에 있는 각각의 객체들을 findViewById로 변수명을 만들어 가져옵니다.
getItemCount( ) 함수는 Main Activity에 입력되는 데이터의 총개수를 구해오는 함수입니다.

package com.example.recyclerview3
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class ProfileAdapter ( val profileList: ArrayList<Profile> ) : RecyclerView.Adapter<ProfileAdapter.CustomViewHolder> ( )
{
    class CustomViewHolder (itemView: View) : RecyclerView.ViewHolder(itemView){    // : RecyclerView... 를 상속 받아 CustomViewHolder class를 작성함.
        val picture = itemView.findViewById<ImageView>(R.id.iv_profile)    // 인물 사진
        val name = itemView.findViewById<TextView>(R.id.tv_name)           // 이름
        val telNum = itemView.findViewById<TextView>(R.id.tv_number)       // 전화번호
        val email = itemView.findViewById<TextView>(R.id.tv_email)         // 이메일
        val birthday = itemView.findViewById<TextView>(R.id.tv_birthday)   // 생일
    }

    override fun onCreateViewHolder( parent: ViewGroup, viewType: Int ): ProfileAdapter.CustomViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)   // parent에 있는 모든 정보(context)를 가져오는 설정 함.
        return CustomViewHolder(view)   // view 형태를 첨부 하여 위에서 정의한 CustomViewHolder( )를 리턴(호출) 함.
    }

    override fun onBindViewHolder(holder: ProfileAdapter.CustomViewHolder, position: Int) {
        holder.picture.setImageResource(profileList.get(position).picture)   // (MainActivity에서 데이터를 받아서) profileList에서 손으로 클릭(터치)되는 위치에 대한 정보를 가져옴.
        holder.name.text = profileList.get(position).name             // position 값은 데이터 0 부터 시작 됨.
        holder.telNum.text = profileList.get(position).telNum         // 만약 유형이 Int 숫자라면, 코드 마지막에 숫자를 문자열로 변환하는 코드를( '.toString()' ) 삽입해주면 에러나지 않음.
        holder.email.text = profileList.get(position).email
        holder.birthday.text = profileList.get(position).birthDay
    }

    override fun getItemCount(): Int {
        return profileList.size    // profileList의 총 데이터 갯수를 반환함.
    }
}

7. 메인 레이아웃 구성하기 (activity_main.xml)

MainActivity.kt 파일을 열고서, 기본 주어지는 "HolloWorld!" textView를 지우고, 아래처럼, Common 》 RecyclerView를 끌어다 놓으세요.

그리고, Constrait Wideget의 4곳을 모두 클릭해서 parant에 모두 연결시켜 주세요.

리사이클러 뷰의 id는 rv_profile로 할게요.

8. 메인 액티비티 구성하기 (MainActivity.kt)

먼저, findViewById 대신 바인딩을 사용하기 위해, onCreate ( ) 함수 내에 바인딩 선언을 해주세요.

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

그리고 profileList라는 변수를 만들고 arrayListOf ( )라는 리스트 함수를 사용하여 앞서 정의한 데이터들의 리스트를 담을 거예요.

이때 앞서 만든 Profile 클래스의 데이터 형식에 맞추어 입력해 주면 됩니다. 인물 Icon 이미지를 10개 준비했으니, 데이터도 우선 10개를 채워볼게요. class Profile ( 사진, 이름, 전화번호, 이메일, 생일 ) 형태로 작성해 주면 됩니다.

val profileList = arrayListOf(
    Profile(R.drawable.woman1, "유관순", "010-0808-1515", "korea@korea.com" , "08.15"),
    Profile(R.drawable.man1, "홍길동", "010-1234-5678", "gildong@chosun.com" , "03.05"),
    Profile(R.drawable.man2, "유재석", "010-7777-8888", "leejs@naver.com" , "07.07"),
    Profile(R.drawable.woman2, "엘사", "010-3333-9999", "elsa@gmail.com" , "12.25"),
    Profile(R.drawable.man3, "모피어스", "010-2222-3434", "morpheus@gmail.com" , "07.12"),
    Profile(R.drawable.man4, "네오", "010-0505-4040", "gildong@chosun.com" , "28.05"),
    Profile(R.drawable.woman3, "지예은", "010-2323-9090", "yeeun@daum.net" , "03.08"),
    Profile(R.drawable.man5, "정상훈", "010-5555-7878", "jeong@snlkorea.com" , "11.30"),
    Profile(R.drawable.woman4, "이수지", "010-3030-7080", "suji@snlkorea.com" , "06.20"),
    Profile(R.drawable.woman5, "김슬기", "010-4747-5656", "seulgi@snlkorea.com" , "28.05"),
)

그리고 레이아웃매니저(layoutManager) 함수를 통해 어댑터가 만든 항목들을 어떻게 배치할지? (가로:HORIZONTAL, 세로:VERTICAL) 정해줍니다. 주로 위아래로 스크롤하는 형태가 되기 때문에, VERTICAL로 해주면 되고요.
이제 제일 중요한, 어댑터를 최초로 사용하게 되는데, ProfileAdapter( )를 가져와서 위에서 작성한 profileList를 담아 activity_main.xml 레이아웃의 id를 rv_profile이라고 이름 지은 RecyclerView로 바인딩하여 전달(보여주기) 해 주면 됩니다.
이 코드들은 아래와 같아요.

binding.rvProfile.layoutManager = LinearLayoutManager(this, LinearLayoutManager.H VERTICAL, false)
binding.rvProfile.setHasFixedSize(true)  // 리사이클러뷰에 대한 성능개선 관련
binding.rvProfile.adapter = ProfileAdapter(profileList)

그럼, MainActivity.kt 파일의 완성된 전체 코드를 한 번에 보여드리면 아래와 같아요.

package com.example.recyclerview3

import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import androidx.recyclerview.widget.LinearLayoutManager
import com.example.recyclerview3.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        val profileList = arrayListOf(
            Profile(R.drawable.woman1, "유관순", "010-0808-1515", "korea@korea.com" , "08.15"),
            Profile(R.drawable.man1, "홍길동", "010-1234-5678", "gildong@chosun.com" , "03.05"),
            Profile(R.drawable.man2, "유재석", "010-7777-8888", "leejs@naver.com" , "07.07"),
            Profile(R.drawable.woman2, "엘사", "010-3333-9999", "elsa@gmail.com" , "12.25"),
            Profile(R.drawable.man3, "모피어스", "010-2222-3434", "morpheus@gmail.com" , "07.12"),
            Profile(R.drawable.man4, "네오", "010-0505-4040", "gildong@chosun.com" , "28.05"),
            Profile(R.drawable.woman3, "지예은", "010-2323-9090", "yeeun@daum.net" , "03.08"),
            Profile(R.drawable.man5, "정상훈", "010-5555-7878", "jeong@snlkorea.com" , "11.30"),
            Profile(R.drawable.woman4, "이수지", "010-3030-7080", "suji@snlkorea.com" , "06.20"),
            Profile(R.drawable.woman5, "김슬기", "010-4747-5656", "seulgi@snlkorea.com" , "28.05"),
        )
            binding.rvProfile.layoutManager = LinearLayoutManager(this, LinearLayoutManager.H VERTICAL, false)
            binding.rvProfile.setHasFixedSize(true)  // 리사이클러뷰에 대한 성능개선 관련
            binding.rvProfile.adapter = ProfileAdapter(profileList)
    }
}

자, 그럼 이 상태로 실행을 해서 확인을 해볼게요.

에뮬레이터에 뜬 화면을 마우스로 위아래 스크롤 해보면, 준비된 10개의 데이터가 스크롤되면서(VERTICAL) 잘 보이는 걸 알 수 있어요.

네, 대부분 잘 보이는데요, 몇몇 데이터가 Constrait (제약) 연결된 상태에 따라 이름의 길이가 짧거나 하여 이메일 주소와 생일이 겹치는 부분이 보이는데요, 데이터에 따라 크게 겹치지 않도록 Constrait Wedjet에 있는 항목들의 간격을 조정해 보세요.
생일의 TextView의 오른쪽이 전화번호의 오른쪽에 연결(연동) 시켜 놓았기 때문에 이름이 짧은 사람은 전화번호가 앞으로 당겨지게 되고 이로인하서 생일도 전화번호의 오른쪽라인으로 기준이 당겨지기 때문에 이메일과 겹치는 부분이 발생하였습니다.

따라서, 해결방법은 전화번호의 왼쪽이 연결된 이름과의 여백(magin)을 충분히 띄워 주면 됩니다.

또는 이름의 오른쪽과 연결시킨 부분을 사진의 왼쪽 부분으로 바꾸어 연결시키고 간격을 90sp로 적정하게 벌어지도록 하면, 이름의 길이에 따라 전화번호가 앞뒤는 움직이는 일은 없어서 깔끔하게 정렬된 출력을 볼 수 있어요.

이렇게 조정 후, 다시 실행시켜 보면, 깔끔하게 정렬된 것을 볼 수 있습니다.

9. 목록 클릭하여 정보 표시하기

해당 목록을 클릭하면 Toast기능을 사용하여 간단한 메시지를 출력해 보도록 할게요.

예를 들어, itemView 목록에서 엘사를 터치하면, 엘사의 "이름 [전화번호] , 이메일"을 짧은 메시지 형태로 보여주도록 할게요.

ProfileAdapter.kt 파일을 열고, onCreateViewHolder ( ) 함수 부분을 아래와 같이 수정(추가) 해 주세요.

override fun onCreateViewHolder( parent: ViewGroup, viewType: Int ): ProfileAdapter.CustomViewHolder {
    val view = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)   // parent에 있는 모든 정보(context)를 가져오는 설정 함.
    return CustomViewHolder(view).apply {
        itemView.setOnClickListener {
            val cursorPosition : Int = adapterPosition
            val profile : Profile = profileList.get(cursorPosition)
            Toast.makeText(parent.context, "-이름:${profile.name} [전화번호: ${profile.telNum}] \n-E메일: ${profile.email}", Toast.LENGTH_SHORT).show()
        }
    }
}

그리고 실행해서 터치해 보면, 해당하는 정보를 띄워주는 것을 볼 수 있습니다.

10. 목록 클릭하여 전화걸기

마지막으로, 해당 목록을 클릭하면 해당 연락처로 전화를 걸 수 있도록 해서 좀 더 효용성을 높여 봤습니다.

동일한 코드에 아랫부분만 수정해 보세요.

override fun onCreateViewHolder( parent: ViewGroup, viewType: Int ): ProfileAdapter.CustomViewHolder {
    val view = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)   // parent에 있는 모든 정보(context)를 가져오는 설정 함.
    return CustomViewHolder(view).apply {
        itemView.setOnClickListener {
            val cursorPosition : Int = adapterPosition
            val profile : Profile = profileList.get(cursorPosition)
            val intent = Intent(Intent.ACTION_DIAL)
            intent.data = Uri.parse("tel:${profile.telNum}")
            itemView.context.startActivity(intent)
        }
    }
}

앱을 실행시켜 보면, 서로 다른 항목을 클릭할 때마다 그 항목에 있는 전화번호로 전화 걸기가 잘 실행 되는 것을 볼 수 있네요.

※ 주의! 임의로 넣은 번호이지만 실제 해당 번호를 소유하고 있는 사람이 있을 수 있으므로, 실제 테스트하실 때는 가족이나 자신의 번호로 테스트해 보시길 바랍니다!

【 앱 실행 결과 】

① 엘사 터치 후 전화걸기가 실행되는 모습

② 홍길동 터치 후 전화걸기가 실행되는 모습

감사합니다.

【AndroidStudio】 gradle 관련 에러 해결하기!

엑소더스팩토리 — Tue, 10 Sep 2024 14:49:51 +0900

[ 에러 증상과 주요 메시지 ]

안드로이드 스튜디오를 사용하면서, 외부 프로젝트를 Import 시켰는데, 갑자기 아래와 같은 에러가 발생하면서 기존 잘 되던 프로젝트도 실행이 안 되는 일이 발생하였는데요,

android studio Could not read workspace metadata from ...

android studio Multiple build operations failed.

android studio metadata.bin (지정된 파일을 찾을 수 없습니다)

에러 상황

짐작하기로는 Import한 프로젝트와 현재의 SDK 및 Gradle 버전과 달라서 충돌로 인한 오류가 생긴 것으로 추측을 해보는데요,

이를 해결하기 위해, 기존 알려진 Invalidate Caches 삭제와 Reload All from Disk , Repair IDE 등등을 실행해 보았지만 해결되지 않았는데요.

결국, 이와 같은 증상의 해결방법은 아래와 같았으니, 같은 에러 증상일 경우 시도해 보세요.

에러 메시지를 보면, " android studio metadata.bin (지정된 파일을 찾을 수 없습니다) " 부분에 있는 matadata.bin 파일에 문제가 생긴것을 알 수 있는데, 보여지는 경로로 탐색창을 열어 찾아갑니다.

그리고 문제가 된 경로의 폴더 transforms-4를 삭제 해보세요. 어차피 캐시 폴더의 내용들이니 삭제를 해도 문제는 없을 것이고 다시 작성 될 거예요. 삭제를 할 때는 모든 안드로이드 스튜디오 프로젝트를 닫아주세요.

그리고 다시 안드로이드 스튜디오를 실행시키면 아래처럼 잘 실행 되는 것을 볼 수 있습니다.

오늘은 안드로이드 스튜디오를 사용할 때 외부 프로젝트를 Import 시켜 테스트해볼 때 겪을 수 있는 오류와 이를 해결하는 방법에 대해 다루어 보았습니다.

감사합니다.

【AndroidStudio】 기본 버튼 스타일을 다양하게 바꾸어 보자~!

엑소더스팩토리 — Mon, 9 Sep 2024 08:30:15 +0900

▶ 최신 버전의 안드로이드 스튜디오로 앱을 제작 시 둥글면서 보라색 배경의 기본 버튼이 제공됩니다. 하지만 이런 기본 제공 되는 버튼의 스타일이 썩 맘에 들지는 않는데요, 그래서 버튼의 모서리 곡률도 조절해서 사각버튼도 만들고 테두리 두께와 색상도 바꾸고 버튼의 배경 색상을 바꾸어 보는 실습을 준비했습니다.

아래 이미지가 오늘 실습의 결과물입니다.

각각을 버튼으로 만들었으니, 각각의 버튼을 클릭할 때마다 각 버튼의 컬러 코드와, 테두리(Radius) 반지름 값과, 두께를 Toast 함수를 이용해서 메시지로 표시하도록 하였습니다.

그럼, 코드 작성에 대해 설명드릴게요.

먼저, 안드로이드 스튜디오에서 새프로젝트를 열고, Empty Views Activity를 선택해 주세요.

- 그래들 항목에서 build.gradle.kts (Module :app)로 들어가서 viewBinding.isEnabled = true를 추가하고 Sync Now를 적용해 주세요.

res 》 drawable 에 마우스 우클릭(RMB) 하여 New 》 Drawable Resource File로 버튼 설정에 관한 새 리소스 파일들을 만들어 줄게요.

파일 이름은 square_btn1.xml 로 할게요.

연속해서 square_btn4.xml 까지 총 4개의 파일을 추가해 주세요. (아래 참고)

그럼, 각각의 square_btn1... 파일에 아래와 같이 코드를 입력해 주세요.

[ square_btn1 ]

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- solid로 색상 변경 -->
    <solid android:color="#FFEB3B" />
    <!-- 0dp는 모서리를 사각형으로 만듭니다 -->
    <corners android:radius="80dp" />
    <!-- 테두리 굵기와 색상 주기-->
    <stroke android:width="8dp" android:color="#85790C"/>
</shape>

[ square_btn2 ]

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- solid로 색상 변경 -->
        <solid android:color="#FF9800" />
        <!-- 0dp는 모서리를 사각형으로 만듭니다 -->
        <corners android:radius="50dp" />
        <!-- 테두리 굵기와 색상 주기-->
        <stroke android:width="5dp" android:color="#FF5722"/>
    </shape>

[ square_btn3 ]

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- solid로 색상 변경 -->
        <solid android:color="#2196F3" />
        <!-- 0dp는 모서리를 사각형으로 만듭니다 -->
        <corners android:radius="25dp" />
        <!-- 테두리 굵기와 색상 주기-->
        <stroke android:width="10dp" android:color="#3F51B5"/>
    </shape>

[ square_btn4 ]

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- solid로 색상 변경 -->
    <solid android:color="#aa4444" />
    <!-- 0dp는 모서리를 사각형으로 만듭니다 -->
    <corners android:radius="0dp" />
    <!-- 테두리 굵기와 색상 주기-->
    <stroke android:width="10dp" android:color="#ffaa55"/>
</shape>

그리고 activity_main.xml 에 아래와 같이 코딩해 주세요.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="5"
    android:layout_margin="10dp"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btn1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:text="버튼 스타일 1" />
    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:background="@drawable/square_btn1"
        android:textColor="#000000"
        android:textSize="20dp"
        android:text="버튼 스타일 2" />
    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:background="@drawable/square_btn2"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:text="버튼 스타일 3" />
    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:background="@drawable/square_btn3"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:text="버튼 스타일 4" />
    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:background="@drawable/square_btn4"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:text="버튼 스타일 5" />
</LinearLayout>

위처럼 코딩하면 보이는 미리 보기 모습입니다.

버튼의 배경색뿐아니라, 둥근 형태가 기본인 버튼을 조금씩 직사각형태로 radius를 조절해 보았으며, 버튼 테두리의 두께와 색상도 변경해 보았습니다.

그리고, MainActivity.kt 파일에는 아래처럼 코딩해 보세요. 각각의 버튼을 클릭할 때, 각 버튼의 정보를 Toast 함수를 이용해 메시지로 표시하도록 하였습니다.

package com.example.btnstyle

import android.os.Bundle
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import com.example.btnstyle.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        binding.btn1.setOnClickListener {
            Toast.makeText(this, "초기 설정된 기본 스타일입니다", Toast.LENGTH_SHORT).show()
        }
        binding.btn2.setOnClickListener {
            Toast.makeText(this, "-컬러:#FFEB3B \n-테두리(Radius): 80dp -두께: 8dp", Toast.LENGTH_LONG).show()
        }
        binding.btn3.setOnClickListener {
            Toast.makeText(this, "-컬러:#FF9800 \n-테두리(Radius): 50dp -두께: 5dp", Toast.LENGTH_LONG).show()
        }
        binding.btn4.setOnClickListener {
            Toast.makeText(this, "-컬러:#2196F3 \n-테두리(Radius): 25dp -두께: 10dp", Toast.LENGTH_LONG).show()
        }
        binding.btn5.setOnClickListener {
            Toast.makeText(this, "-컬러:#aa4444 \n-테두리(Radius): 0dp -두께: 10dp", Toast.LENGTH_LONG).show()
        }
    }
}

그럼, 실행시켜서 각각의 버튼을 클릭해 보면, 아래처럼 실행되는 것을 볼 수 있습니다.

그럼, 프로젝트 파일을 Export해서 올려드릴 테니, 에러나시는 분은 다운로드해서 압축을 풀고 Import 해서 확인해 보세요.( File 》 New 》 Import Project )

BtnStyle.zip

0.11MB

【Android Studio】 Intro 인트로 화면 만들기 (코틀린)

엑소더스팩토리 — Sat, 7 Sep 2024 11:19:24 +0900

이번 시간에는 안드로이드 스튜디오에서 인트로 화면을 만들어 볼 텐데요,

앱을 시작할 때 몇 초간 인트로 화면이 나오고 이후 메인화면으로 넘어가는 것을 실습해 보겠습니다.

그럼, 안드로이드 스튜디오에서 New Project 》 Empty Views Activity를 선택해 주세요.

프로젝트가 생성되었으면,
프로젝트 탐색창의 res 》 layout 폴더를 RMB(마우스 우 클릭)하여 New 》 Activity 》 Empty Views Activity를 추가해 주세요. (아래 참고)

타이틀 제목은 intro로 할게요.

그럼, 아래처럼 인트로 xml 파일과 코틀린 kt (자바는 js) 파일이 함께 만들어진 것을 볼 수 있습니다. (activity_intro.xml & intro.kt )

그럼, 인트로 화면과 메인 화면을 구분하기 위해, 인트로 화면의 배경색을 기본 흰색에서 적당한 색으로 바꾸고, intro 표시도 해볼게요.
activity_intro.xml의 코드내용을 아래와 같이 작성해 보세요.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#D1DB6E"
    tools:context=".intro">

    <TextView
        android:id="@+id/textView"
        android:layout_width="189dp"
        android:layout_height="107dp"
        android:gravity="center"
        android:singleLine="false"
        android:text="안녕하세요~!\n인트로 화면입니다.\n 5초 뒤에 사라집니다"
        android:textColor="#F44336"
        android:textSize="20dp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

그러면, 아래와 같이 보일 거예요.

그리고, 앱을 실행하면 제일 처음 뜨는 화면이 있는데, 기본적으로는 MainActivity로 지정되어 있어서, activity_main.xml 파일이 로드되어 화면에 보이게 되는데요, 우리는 지금 activity_intro.xml 파일을 먼저 띄워 주는 것으로 바꾸어야 하기 때문에, 아래 이미지를 참고해서 변경해 보세요. app 》 manifests 》 AndroidMainfest.xml 파일을 열어서
→ activity name이 .intro로 되어 있는 부분의 android:exported="false" 부분을 true로 변경하고 ,
→ activity name이 .MainActivity로 되어 있는 부분의 android:exported="true" 부분을 false로 변경하면 됩니다.

그리고 .intro 부분과 .MainActivity 부분의 위치를 바꾸어 주세요. (단, 복붙해서 바꿀 때, /> 와 > 표시가 잘못되지 않도록 주의하세요)

아래는 변경한 모습입니다.

여기까지 해놓고 실행시켜 보면 인트로 화면이 먼저 뜨는 것을 볼 수 있습니다.

이제, 인트로 화면이 5초 뒤에 사라지도록 해볼 텐데요, 아래처럼 intro.kt에 코드를 작성해 주세요.

class intro : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_intro)

        Handler(Looper.getMainLooper()).postDelayed({
            val intent = Intent(this@intro, MainActivity::class.java)
            startActivity(intent)
            finish()
        }, 5000)
    }
}

위 코드에서 마지막에 보이는 5000 수치를 변경하면 시간을 조절할 수 있습니다. (1000 → 1초)

Handler 클래스의 postDelayed 메서드를 이용해서 MainActivity로 이동하도록 하였는데요, 만약, Handler 글자가 빨간색으로 되어 에러 표시가 난다면, 마우스를 Handler 글자 위에 올려놓은 상태에서 Alt+Enter를 눌러 해당 클래스를 import 하여 추가해 주면 됩니다.

import android.os.Handler

그리고 실행시켜 보면 아래와 같이 화면 전환 되는 것을 볼 수 있습니다.

아래에 전체 코드를 다시 한번 올려놓을 게요.

[ intro.kt ]

package com.example.intropage

import android.content.Intent
import android.os.Bundle
import android.os.Handler
import android.os.Looper
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat

class intro : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_intro)

        Handler(Looper.getMainLooper()).postDelayed({
            val intent = Intent(this@intro, MainActivity::class.java)
            startActivity(intent)
            finish()
        }, 5000)
    }
}

[ AndroidManifest.xml ]

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.IntroPage"
        tools:targetApi="31">
        <activity
            android:name=".MainActivity"
            android:exported="false" />
        <activity
            android:name=".intro"
            android:exported="true" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

[ activity_intro.xml ]

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#D1DB6E"
    tools:context=".intro">

    <TextView
        android:id="@+id/textView"
        android:layout_width="189dp"
        android:layout_height="107dp"
        android:gravity="center"
        android:singleLine="false"
        android:text="안녕하세요~!\n인트로 화면입니다.\n 5초 뒤에 사라집니다"
        android:textColor="#F44336"
        android:textSize="20dp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

감사합니다. 좋은 하루 보내세요~

[Android Studio] Fragment - 프래그먼트 사용법 (코틀린-kotlin)

엑소더스팩토리 — Fri, 6 Sep 2024 15:28:46 +0900

▶ Fragment(프래그먼트) 정의

프래그먼트는 태블릿과 같은 대화면에서 효율적으로 화면을 구성하기 위해 생긴 구성요소입니다. 하지만 스마트폰과 같은 작은 화면에서도 효율적인 자원 활용과 메뉴 구성을 위해 종종 사용됩니다.

액티비티를 분할하여 화면의 한 부분을 정의하며 액티비티와 같이 레이아웃, 동작 처리, 생명주기를 가지는 독립적인 모듈인데요, 다른 액티비티에서도 사용할 수 있어 재사용성이 뛰어나며 액티비티 실행 중에 추가, 제거가 가능합니다.

프레그먼트는 액티비티의 일부분에만 배치되는 화면 및 동작을 조작하기 위한 객체입니다. 프레그먼트 매니저를 통해서 여러개의 프레그먼트를 조작할 수 있습니다. 레이아웃 xml 파일에서 다른 뷰들과 함께 배치될 수 있습니다.

▶ 프래그먼트 실습 : 버튼을 클릭하면 해당 프래그먼트 화면을 보여주기!

→ 3개의 버튼과 3개의 프래그먼트 화면을 각각 만들고 각 버튼들을 클릭하면 각각의 프래그먼트 화면이 로딩 되도록 합니다. 이때 메인 레이아웃(activity_main.xml) 화면에는 FrameLayout을 이용하여 화면을 fragment를 로딩할 View 영역과 버튼을 클릭할 영역으로 구분해서 만들어 봅니다.

→ 각각의 프래그먼트 화면을 아래처럼 단순하게 배경색을 변경하여 구성하고, 추후에 이미지를 넣거나 다양하게 응용하면 됩니다.

▶ 실행 결과

→ 1번, 2번, 3번 버튼을 클릭하면 아래와 같이 main_activity.xml 레이아웃 화면에 각각의 프래그먼트 화면이 로딩되도록 합니다.

▶ 코드 구성

① 먼저 gradle에 있는 build.gradle.kts(Module :app) 파일에 아래처럼 뷰바인딩 사용 선언을 해주세요.

② 아래 이미지를 참고하여 res 》 layout 》 New 》 Fragment 》 Fragment(Blank) 를 클릭하고 타이틀은 frag1으로 입력하여 만들면 fragment_frag1.xml 파일과 함께 frg1.kt 파일이 세트로 만들어집니다. (layout에서 마우스 우클릭하면 New 메뉴가 나타납니다)

같은 방법으로 아래 이미지처럼 fragment_frag2.xml , fragment_frag3.xml ( frg2.kt , frag3.kt)을 만들어 주세요.

→ frag 1의 xml 코드는 아래와 같습니다. (단순하게 배경색 지정하고 TextView를 하나 넣었습니다)

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#2233aa"
    tools:context=".frag1">

    <TextView
        android:id="@+id/txtview_frag1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text= "Frag 1 page"
        android:textSize="20dp"
        android:textStyle="bold"
        android:textColor="@color/white"/>

</FrameLayout>

frag1.xml의 뷰화면

→ frag2의 xml 코드 또한 동일하며 배경색과 id 그리고 text 내용만 각각 바꾸어 주세요.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#A51EB4"
    tools:context=".frag2">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text= "Frag 2 page"
        android:textSize="20dp"
        android:textStyle="bold"
        android:textColor="@color/white"/>

</FrameLayout>

frag2.xml의 뷰화면

→ frag3의 xml 코드 또한 동일하며 배경색과 id 그리고 text 내용만 각각 바꾸어 주세요.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF9800"
    tools:context=".frag3">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text= "Frag 3 page"
        android:textSize="20dp"
        android:textStyle="bold"
        android:textColor="@color/white"/>

</FrameLayout>

frag3.xml의 뷰화면

④ 자동으로 생성된 frag1.kt 프래그먼트의 클래스 함수 코드는 아래와 같습니다.

package com.example.fragment

import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup

// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private const val ARG_PARAM1 = "param1"
private const val ARG_PARAM2 = "param2"

/**
 * A simple [Fragment] subclass.
 * Use the [frag1.newInstance] factory method to
 * create an instance of this fragment.
 */
class frag1 : Fragment() {
    // TODO: Rename and change types of parameters
    private var param1: String? = null
    private var param2: String? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        arguments?.let {
            param1 = it.getString(ARG_PARAM1)
            param2 = it.getString(ARG_PARAM2)
        }
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_frag1, container, false)
    }

    companion object {
        /**
         * Use this factory method to create a new instance of
         * this fragment using the provided parameters.
         *
         * @param param1 Parameter 1.
         * @param param2 Parameter 2.
         * @return A new instance of fragment frag1.
         */
        // TODO: Rename and change types and number of parameters
        @JvmStatic
        fun newInstance(param1: String, param2: String) =
            frag1().apply {
                arguments = Bundle().apply {
                    putString(ARG_PARAM1, param1)
                    putString(ARG_PARAM2, param2)
                }
            }
    }
}

위 코드처럼 기본 생성된 코드 그대로 사용해도 실행에 문제는 없는데요, 필요 없는 내용 다 지우고 아래만 남겨 놓으면 됩니다.

package com.example.fragment

import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup

class frag1 : Fragment() {

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_frag1, container, false)
    }
}

frag2.kt 와 frag3.kt 코드도 마찬가지로 정리해 보세요.

⑤ activity_main.xml 코드는 아래처럼 작성해 주세요.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@+id/main_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@+id/linearLayout"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"></FrameLayout>

    <LinearLayout
        android:id="@+id/btn_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/main_view">

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="1번"
            android:textSize="20dp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="2번"
            android:textSize="20dp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:layout_weight="1"
            android:text="3번"
            android:textSize="20dp"
            android:textStyle="bold" />
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

⑥ 뷰 바인딩을 적용한 MainActivity.kt의 코드는 아래처럼 해주세요.

package com.example.fragment

import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import com.example.fragment.databinding.ActivityMainBinding
import com.example.fragment.databinding.FragmentFrag1Binding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)        
        setContentView(binding.root)
        binding.btn1.setOnClickListener {
            supportFragmentManager.beginTransaction().replace(R.id.main_view, frag1()).commit()
        }
        binding.btn2.setOnClickListener {
            supportFragmentManager.beginTransaction().replace(R.id.main_view, frag2()).commit()
        }
        binding.btn3.setOnClickListener {
            supportFragmentManager.beginTransaction().replace(R.id.main_view, frag3()).commit()
        }
    }
}

위 코드에서 supportFragmentManager 코드에도 바인딩 기능을 적용하면 아래와 같이 하면 됩니다.
그리고, 각 버튼을 클릭할 때 마다 LinearLayout의 배경색도 따라 바뀌도록 아래처럼 코드를 추가해 줄 수 있어요.
"binding.linearBtnbox.setBackgroundColor(Color.parseColor("#2233aa"))"

package com.example.fragment

import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import com.example.fragment.databinding.ActivityMainBinding
import com.example.fragment.databinding.FragmentFrag1Binding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)        
        setContentView(binding.root)
        binding.btn1.setOnClickListener {
            binding.linearBtnbox.setBackgroundColor(Color.parseColor("#2233aa"))
            supportFragmentManager.beginTransaction().replace(binding.frameLayout.id, frag1()).commit()
        }
        binding.btn2.setOnClickListener {
            binding.linearBtnbox.setBackgroundColor(Color.parseColor("#A51EB4"))
            supportFragmentManager.beginTransaction().replace(binding.frameLayout.id, frag2()).commit()
        }
        binding.btn3.setOnClickListener {
            binding.linearBtnbox.setBackgroundColor(Color.parseColor("#FF9800"))
            supportFragmentManager.beginTransaction().replace(binding.frameLayout.id, frag3()).commit()
        }
    }
}

이렇게 까지만 하면 작성이 완료되고 실행해 보면 아래와 같이 실행이 되는 것을 볼 수 있습니다.

마지막으로, 살짝 응용해서 TextView 대신 이미지 뷰(ImageView)를 넣어 사진을 보여주는 것으로 바꾸어 볼게요.

그럼, 변경할 곳은 fragment_frag1.xml 파일에서 TextView 대신 아래와 같이 ImageView 를 대체해서 넣어 주면 됩니다. 나머지 fragment_frag2.xml 과 fragment_frag3.xml 파일도 동일하게 바꾸어주세요.

<fragment_frag1.xml 파일 코드>

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffaaff"
    tools:context=".frag1">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/lake1"
        android:background="#22aabb" />

</FrameLayout>

이때, 보여줄 사진으로 호수(lake)사진을 넣었는데요, 첨부해 드릴테니 연습으로 해보세요.

호수(jpg).zip

1.53MB

사진 파일들은 안드로이드 스튜디오의 프로젝트 탐색창에서 , res 》 drawable 폴더로 복사해 넣어주세요.
(아래 참고) 직접 끌어다 넣기하거나 , 복붙해도 됩니다.

아래는, 이미지로 대체해서 실행한 모습입니다.
사진이 없는 배경의 공간은 기본값인 흰색인데, background 배경의 색을 사진과 잘 어울리게 넣어서 채워봤습니다.

그럼, 지금까지 안드로이드 스튜디오에서 kotlin으로 프래그먼트(fragment)를 사용하는 방법과 실제 예시를 설명해 드렸습니다. 몇 번 반복적으로 연습해 보면 금방 응용할 수 있을 거예요.

감사합니다.

[Android Studio] VIew Binding - 뷰 바인딩으로 바꾸기 (코틀린)

엑소더스팩토리 — Fri, 6 Sep 2024 13:53:42 +0900

▶ 기존 방식 → findViewById

안드로이드 스튜디오를 이용한 안드로이드 네이티브 앱개발에서 findViewById 메서드는 리소스 id를 통해서 레이아웃에 있는 뷰 객체들 중 일치하는 뷰를 가져오는 메서드입니다. 그리고 setContentView와 같은 메서드로 xml에 있는 리소스들을 지정한 속성에 맞게 인스턴스를 생성하여 메모리에 로드하는 인플레이션 과정이 필요합니다. 이때 사용하는 메서드가 findViewById인데요, 문제는 가져와야 할 요소가 적을 때는 별문제가 없지만 아무리 간단한 앱이라고 하더라도 페이지 화면과 구성요소들이 증가하게 되면, 이 메서드로 일일이 뷰 객체를 하나씩 지정해서 가져오는 작업이 아주 번거로워집니다. 이에 따라, 성능상으로도 좋지 않기에 kotlin extension, Data Binding, View Binding과 같은 대체 방법들이 추가되었고, 이를 이용해서 앱을 개발하는 것이 좋습니다.

▶ viewBinding의 장점

1. findViewById 보다 속도가 상대적으로 빠르다.
2. Binding 지정만 해주면 정확한 view의 타입을 찾아 알아서 맵핑해준다.
3. NullPointerException을 방지 해준다.

▶ viewBinding 사용법

① build.gradle.kts (Module:app) 파일을 클릭하여 android { ... } 항목 속에 아래코드를 추가해 주세요.

viewBinding.isEnabled = true

android {
    namespace = "com.example.resourcetest"
    compileSdk = 34
    viewBinding.isEnabled = true
    defaultConfig {
        applicationId = "com.example.resourcetest"
        minSdk = 24
        targetSdk = 34
        versionCode = 1
        versionName = "1.0"

        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
    }

코드 추가 후 상단에 보이는 Sync Now를 클릭하여 적용시켜 주세요.(아래)

그리고 바인딩을 참조하려는 layout의 이름 규칙에 따라 binding 객체를 생성해 주세요.

이름 생성 규칙 ↓ ↓
예시 1) activity_main.xml 을 참조한다면(바인딩) ActivityMainBinding 으로 이름 지어집니다.
(언더바는 생략하고 단어 첫 글자를 대문자로 한 다음 Binding글자와 함께 모두 이어 붙입니다.

예시 2) page_one.xml 을 참조한다면(바인딩) PageOneBinding 으로 이름 지어집니다.

따라서 예시 1과 같이 activity_main.xml을 바인딩한다면 MainActivity.kt 파일의 코드를 아래와 같이 구성해 주면 됩니다.

val binding = ActivityMainBinding.inflate(layoutInflater)

그리고 변경하고자 하는 xml 파일의 text 값이 있다면 아래처럼 구성합니다.
만약, activity_main.xml의 textView 객체의 id가 txtview 라면,

binding.txtview.setText("클릭했음")

그러면 textView의 내용이 "클릭했음"으로 변경 되게 됩니다.

아래는 변경한 코드 포함 전체 MainActivity.kt의 코드입니다. (버튼 1을 눌렀을 때 textView의 내용이 변하는 코드)

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)        
        setContentView(binding.root)
        binding.btn1.setOnClickListener {
        	binding.txtview.setText("클릭했음")
        }

【트러블슈팅】 개발프로그램에서 스마트폰과 연결이 안될 때!

엑소더스팩토리 — Mon, 12 Aug 2024 10:10:28 +0900

- 안드로이드 스튜디오와 같은 개발프로그램에서 스마트폰과 연결하는 방법과
(개발자 모드 활성화 방법)
- USB디버깅 모드가 비활성화 되어 있는 이유와 활성화 방법에 대해 다루어 볼게요

기본적으로 스마트폰에서는 보안관련 안전을 위해 케이블 연결로 안드로이드 스튜디오와 같은 프로그램에서 앱 직접 설치와 같은 접근을 제한하고 있는데요, 이를 해결하기 위해서는 스마트폰에 숨김처리되어 있는 '개발자 옵션'이라는 것을 활성화해주어야 합니다.

우선 아래 안드로이드 프로그램에서 가상 디바이스로 먼저 기본화면을 동작시켜 볼게요.

픽셀이라는 가상 디바이스로 실행이 잘 되었네요.

현재 스마트폰이 PC에 연결되어 있으나 장치 목록에는 인식되지 않은 것으로 보이네요.

그럼, 스마트폰에서 설정으로 들어가세요.

그런 다음 제일 아래에 있는 '휴대전화 정보'를 터치해 들어가세요.

다음, '소프트웨어 정보'를 터치해주세요.

다음, '빌드번호'를 7회 이상 터치해 주면, 개발자 메뉴가 활성화됩니다.

그럼, 뒤로 가기를 한 번 눌러 제일 아래로 스크롤해 보면, 아래처럼 '개발자 옵션'이 활성화되어 있는 것을 볼 수 있어요.

USB 디버깅 메뉴를 터치해서 USB디버깅 허용 팝업창의 확인 버튼을 터치하고,

곧이어 뜨는 팝업창에서 '이 컴퓨터에서 항상 허용'을 체크하고 허용을 눌러주세요.

이제 안드로이드 스튜디오에서 PC와 연결된 스마트폰 디바이스가 잡히는 것을 볼 수 있습니다.

아래는 연결한 갤럭시 스마트폰에 앱설치와 동시에 바로 실행된 모습입니다.

※ USB 디버깅 모드가 활성화 자체가 안 되는 경우가 생기는데요, 즉 ON/OFF 자체를 할 수 없는 상황이 생기는데, 그 이유는 기존 연결해서 사용하던 PC가 아닌 노트북이나 다른 PC로 연결해서 사용할 때 이렇게 됩니다.
이럴 때는 기존 PC에 연결 승인된 권한을 취소해 주어야 새로 연결하는 PC에 다시 권한을 주면서 USB 디버깅 모드를 활성화시킬 수 있게 됩니다.

그럼 다시 "이 컴퓨터에서 항상 허용"에 체크해 주고 확인을 눌러 주면 USB 디버깅이 활성화된 것을 볼 수 있습니다.

자, 이렇게 해도 "USB 디버깅" 메뉴가 활성화 안 되는 경우에는 개발자 옵션을 삭제하고 다시 열어보시고, 그래도 안 될 경우에는, Usb 디버깅 설정이 폰에 설치된 보안관련 설정 어플리케이션등에 의해 제한될 수 있는 경우이니, 최근 관련 어플 설치나 보안 관련 설정 변경을 한 것이 있는지? 찾아서 삭제하거나 해제해 보세요. 그러면 대부분은 이 문제가 해결 될 거예요.
아레 폰에 보안 설정을 ON 하면 USB 디버깅 메뉴가 계속 꺼져있게 됩니다.

비록 크게 어려운 부분은 아니지만, 간혹 "USB디버깅" 메뉴 자체가 활성화 안 되어 당황할 수 있기에 이쪽 관련으로 처음 시작하려는 누군가에게는 도움이 되리라 생각하여 게시해 봅니다.

그럼, 오늘도 좋은 하루 보내세요~

https://youtu.be/AWZE7UQLb3Q

- YouTube

www.youtube.com

【 라즈베리파이/우분투】 리눅스(Linux) 명령어 정리 2

엑소더스팩토리 — Sat, 27 Apr 2024 18:50:38 +0900

sudo (substitute user do 또는 super user do 의미)

로그아웃 없이 다른 사용자의 권한을 사용하여 명령을 실행하도록 하는 명령어
"sudo 명령어" 는 root 권한으로 명령어를 실행함
/etc/sudoers 파일에 지정되어 있는 사용자만 사용가능

su (substitute user 또는 super user)

로그아웃 없이 다른 사용자로 로그인하는 명령어
"su 사용자명" 으로 사용 ("su"는 "su root"와 동일함)
로그인 하려는 계정의 패스워드가 필요함

sudo 명령어의 사용방법

sudo [명령어] : root 계정으로 로그인 없이 [명령어]를 실행 | root 계정의 패스워드 필요

sudo su : root 계정으로 로그인 | 현재 디렉토리 유지 (현재 계정의 쉘 유지) | 현재 계정의 패스워드 필요

sudo -s : root 계정으로 로그인 | 현재 디렉토리 유지 (현재 계정의 쉘 유지) | root 계정의 패스워드 필요

sudo -i : root 계정으로 로그인 | "/root"로 디렉토리 변경 (root 쉘 실행) | root 계정의 패스워드 필요

su 명령어의 사용방법 ([아이디] 파라미터가 없을경우 root 로 치환됨)

su [아이디] : root 계정으로 로그인 | 현재 디렉토리 유지 (현재 계정의 쉘 유지) | root 계정의 패스워드 필요

su - [아이디] : root 계정으로 로그인 | "/root"로 디렉토리 변경 (root 쉘 실행) | root 계정의 패스워드 필요

【 3D프린팅 】Fusion360(퓨전360) 개인용 무료버전 설치

엑소더스팩토리 — Sat, 25 Nov 2023 22:24:19 +0900

이번 게시글은 3D 프린팅 모델 중에서 가장 접근하기 편하면서 강력한 기능을 제공하는 Fusion360에 대해 다루고 있습니다.
특히 파라메트릭 모델링 기능이 강력해서 결과물 완성 후에도 치수 변경등에 대해 바로바로 적용시킬 수 있으며, 히스토리 기능 제공으로 수정 작업 시간을 매우 빠르게 줄여주는 모델링 툴입니다.
이번 게시글은 3D프린팅 모델링 소프트웨어 중에서 장점이 많은 Fusion360(퓨전360)의 개인용 무료 버전을 다운로드하여 설치하는 내용을 담고 있습니다.

Fusion360 무료버전 설치 타이틀

Fusion 360은 인벤터, Rhino 와 함께 대표적인 3D모델링 툴 중 하나인데요, 앞서 설명한 파라메트릭 모델링 및 히스트리 기능을 제공하면서 개인용 무료 버전으로 활용할 수 있는 몇 안 되는 툴로서, 설계 시 직관적으로 설계할 수 있는 매우 좋은 3D 모델링 툴입니다.

Fusion 360은 기본적으로 클라우드 형태로 동작되는 데요,

OnLine 모드로 작업

만약 네트워크가 안 될 경우에도 ‘Off 라인 모드’로 작업이 가능합니다.

OffLine 모드로 작업

Fusion360은 기본적으로 월/년/3년 단위의 유료 구독으로 운영이 되는데요,

Fusion360 정식 버전 구매 가격

보시다시피 개인이 구매해서 사용하기에는 부담이 되는 금액이죠.
물론 무료 체험판이 있지만, 한 달 체험기간이 끝나면 다시 사용하려면 결국 결제해야 합니다.
하지만 영문 서버로 접속했을 때, 비상업적 용도로 계속해서 사용할 수 있는 개인용 버전을 다운로드하여 사용할 수 있습니다.

개인용 무료 Fusion360 버전과 유료 Fusion360 버전의 기능 비교

개인용에서 제공하는 기능만으로도 3D출력물 모델링에는 별다른 지장이 없고, 3D 프린팅 자격증을 취득하거나 하는 등 모두 가능하기 때문에 개인용 무료 버전을 설치하면 됩니다.

그럼, Autodesk 사이트에 접속하고 화면 우측 상단의 ‘로그인’을 클릭하세요.
아래 링크를 클릭해서 접속해주세요.

'로그인' 위치

계정이 있다면 바로 로그인 하면 되고, 가입 이력이 없다면 ‘계정생성’을 클릭해 주세요.

로그인 이미지

그럼, 아래 양식에 있는 빈 곳을 채우고 영상을 따라 진행해 보세요.

만약 '전자메일 확인'란에서 확인 메일을 정확히 입력해도 잘 안 된다면, 복사 붙여 넣기로 해보세요.

그리고, 처음 계정 가입 시에는 가입시 등록한 메일로 ‘가입 확인’ 메일이 전송되는데요, 지금 그 메일로 로그인하여 Autodesk에서 보낸 메일을 열어 확인 버튼을 클릭해야 합니다.

네, 이렇게 로그인이 되었다면, 지금 링크로 접속해 보세요.

( ※ 주의 : 만약 autodesk.co.kr로 되어 있는 한국 사이트에 접속할 경우 기능제한은 없지만 30일 한달만 사용가능한 체험판 버전이 설치될 수 있습니다.
따라서, 기능제한은 있지만 평생 무료로 쓸수 있는 버전을 원한다면 반드시 autodesk.com 오리지널 사이트로 접속해 주세요)

[ Fusion360(퓨전360 ) 개인용 무료 버전 다운로드 ]
https://www.autodesk.com/products/fusion-360/personal

처음 영문 페이지에 접속하면 아래같은 질문 창들이 보일 때 자세이 보고 잘 클릭해줘야 합니다.

만약 아래와 같은 창에서는 반드시 "Stay" 버튼을 눌러주세요. 왜냐하면, 오토데스크 한국어 페이지에서는 다운로드 항목을 찾을 수 없고 영문 페이지로 접속해야 받을 수 있어요.

아래 이미지에서는 "Get Fusion 360 for personal use" 를 클릭하세요.

그리고 아래와 같은 창에서는 자신의 이메일을 넣어주세요.

그리고 아래 처럼 이름과 연락처를 입력하면 됩니다.

"No thanks" 체크

이미지 처럼 체크 후, Submit 클릭!

‘다운로드’ 버튼을 클릭해 주세요

설치 파일이 다운로드 완료 되면, 실행하여 설치를 진행해 주세요.

무료버전 설치중인 모습

위 이미지처럼 체크 후 Autodesk Identity Manager 열기를 클릭하세요.

네, 이렇게 해서 최종적으로 설치 완료 된 모습입니다.

Fusion360은 클라우드 형태로 운영되는 데요, 작업 파일을 서버에 저장하기 때문에 다른 사람과 협업(공동) 작업이 가능하고, 이미지처럼 이전에 다른 PC에서 작업했던 내용을 다시 열어서 작업하는 것이 가능합니다.

우선, 기본 설정 부분을 간략히 설명드릴게요.
마우스를 로그인 id 위에서 우클릭하면 ‘기본 설정’ 메뉴 뜨는데요, 클릭하세요.

언어 설정은 아래 이미지에서 영어 같은 것으로 바꿀 수 있습니다.

개인적으로 마우스 사용방식은 ‘Tinkercad’에서 사용하던 방식이 편해서 사용하고 있는데요, 각각 사용해 보면서 나머지 부분들도 여러분이 사용하기 편한 방식으로 선택해 보세요.

그리고 설계하는 기본 단위가 mm / cm / inch 무엇으로 되어 있는지 확인해 보세요.

그럼, 테스트로 100mm X 100mm X 30mm 치수의 박스를 모델링해 볼게요.

여기서 파일 저장(Save)은 기본적으로 서버로 저장되는데요, 폴더를 만들어 정리해 주면 좋습니다.
만약, 작업하고 있는 PC로 저장하고자 한다면 Export 메뉴로 저장할 수 있어요.
그리고, 저장할 수 있는 파일 확장자를 확인하세요.

***.f3d → fusion360 확장자입니다.

다만, 개인용 무료 버전은 동시에 편집 가능한 파일의 개수가 10개로 제한되는데요, 작업을 끝낸 파일은 Read-Only로 변경해 놓으면 사용하는데 크게 불편하지는 않습니다.
다시 수정하고자 한다면 Enable로 변경하면 됩니다.

그리고 우클릭하여 파일을 삭제할 수도 있습니다.

이상으로 Fusion360을 개인용 무료 버전으로 설치하고 기본 사용 설정까지 해보았습니다.

감사합니다. 좋은 하루 보내세요~

【 우분투#3 】Ubuntu 우분투에서 한글 사용하기

엑소더스팩토리 — Tue, 7 Nov 2023 21:00:20 +0900

이 번 시간에는 지난 시간에 이어 Ubuntu에 한글 입력기 설치(설정)를 통해 한글 입력이 가능하도록 해볼 텐데요, 아울러 운영체제 메뉴도 한글로 바꾸어 보도록 할게요.

【 학습 참고 자료 】

1. 【 우분투#1 】윈도에 VMware 가상 머신 설치하기 (Ubuntu 우분투 설치를 위한 준비)

2. 【 우분투#2 】VMware 가상 머신에 Ubuntu 우분투 설치하기

라즈베리파이에 설치되는 라즈비안OS의 경우에는 한글 폰트부터 직접 다운로드하여 설정을 해주어야 합니다.

우분투도 설치하면 기본적으로 한글 입력기 설정이 되어 있지 않는데요, 아래 절차에 따라 설정해 보세요.

먼저 터미널을 열고 update(upgrade) 상황을 살펴봅니다.

아래 명령어를 입력해보세요.

~$ sudo apt-get update

그리고 신규 업데이트 항목이 있다면, 업그레이드를 진행해 주세요.

~$ sudo apt-get upgrade

그리고 프로그램 표시 항목을 클릭해서 윈도에서 제어판에 해당하는 설정 아이콘을 클릭해서 열어주세요.

그러면, 아래와 같은 창이 열릴 거예요. 그러면, "Resion & Language" 항목을 클릭해서 아래 이미지에서 표시한 Language 제목 바로 아래에 보이는 "Manage Installed Languages"를 클릭하세요.

그럼, 아래와 같은 창이 열리는데요, Install 버튼을 눌러주세요.

그리고 user 패스워드를 물어오는 창이 나타나고 패스워드를 입력해 주면, 아래처럼, 자동으로 Korea 관련 언어패키지 설치가 진행됩니다.

그리고 아래처럼 창이 뜨면, 화살표로 표시한 Install/Remove Languages... 항목을 클릭해서 보면,

아래처럼 Korean 한국어가 설치되어 있는 것을 볼 수 있습니다.

그리고 아래 ①번을 클릭하여 열리는 팝업창에서 아래 ②번을 클릭하고 우분투 재시작(재부팅) 버튼을 누르게 되면 시스템 메뉴를 한글화(폰트 변경) 하게 됩니다.

그리고 중요!!!

시스템 재부팅 후, 아래와 같은 창이 떴을 때, 반드시 예전 이름 유지(K)를 선택해 주세요.

폴더 이름이 한글로 되어 있을 경우 그 아래에 설치되거나 실행되는 프로그램의 경우 제대로 실행되지 않거나 문제가 생기는 경우가 종종 발생하게 있기 때문입니다.

아래 이미지처럼 창이 열리면 ①번 지역형식 탭을 클릭하고 → ② 한국어가 화면에 뜨도록 제일 상단으로 끌어다 놓아주세요. ③ 그리고 시스템 전체 적용 버튼을 클릭해 주세요(경우에 따라 재부팅하는 경우가 있어요)

(아래) 이제 한글화(한글 폰트)가 적용되어 시스템의 기본적인 메뉴들이 아래 이미지처럼 한글로 바뀌게 됩니다.

하지만, 터미널창을 열고 한글을 입력해 보아도 아직 한글 입력에 대해서는 적용되지 않았다는 것을 알 수 있습니다. (아래)

그럼, 이제 아래 이미지처럼 키보드 항목을 클릭하고 입력소스 부분(+)을 클릭하여 입력소스를 한글로 변경해야 합니다.

그리고 아래처럼 창이 열리면 한국어(Hangul)를 선택하고 추가(A) 버튼을 클릭해 주세요.

그리고 아래 이미지를 참고해서,

① 한국어(Hangul)만 남기고 영어는 삭제해 주세요.

② 점 세 개 부분을 눌러 나타나는 팝업 메뉴에서

③ "기본 설정" 항목을 클릭해 보세요.

④ 한영 전환키를 별도로 추가해 주거나 수정이 가능합니다. (여러 개의 단축키 등록 가능)
⑤ 한글 모드로 시작을 선택해 주세요.

⑥ 마지막으로 "확인" 버튼을 클릭 해 주면 설정이 완료됩니다.

그래서 우측상단에 있는 En → 한 으로 바꾸면, 터미널창에서 설정해 놓은 단축키 'Shift+space"로 한국어(Hangul)로 바꾸어서 , 글자를 입력해 보면 한글입력이 잘 되는 것을 볼 수 있습니다.

그럼, 여기까지 하고 마치겠습니다.

감사합니다.

[ 우분투 설치 & 한글 설정 동영상으로 확인하기 ]

【 아두이노Nano33#4】NANO33IoT BLE 저전력 블루투스 사용설명서 #3 (App Inventor앱 BLE통신 도어락제어)

엑소더스팩토리 — Mon, 6 Nov 2023 14:36:48 +0900

3회에 걸쳐 Nano33 ioT 보드의 BLE 저전력 블루투스를 사용하는 다양한 방법에 대해 다루고 있습니다. 아두이노 나노33 보드시리즈는 콤팩트하면서 사용법이 아두이노 우노(나노)와 거의 동일하여 쉽게 접근가능하고 여기에 더해 WiFi기능과 저전력 블루투스 기능을 활용할 수 있는 매우 장점이 큰 보드입니다. 다만 유사한 기능을 제공하는 ESP32 보드에 비해 단가가 조금 나가는 단점이 있지만 아두이노 정품 보드의 정통성?을 이어받아 안정적이고 불량률이 거의 없다는 점이 장점인 보드입니다. 기본적인 스펙과 사용법은 아래, 이전 게시글을 참고하시면 상세하게 파악할 수 있으니 참고해 보세요.

【 Nano33 IoT 선수학습 】

1. 【 아두이노Nano33#1】 NANO 33 IoT 처음사용 설명서

2. 【 아두이노Nano33#1-2】 NANO 33 IoT 처음사용 설명서 #1-2 (LSM6DS3 센서 테스트) (자이로센서 등등)

3. 【 아두이노Nano33#2】 NANO 33 IoT 처음사용 설명서 2편 WiFi 활용하기

4. 【 아두이노Nano33#3】 NANO 33 IoT BLE 저전력 블루투스 사용설명서 #1 (BLE로 LED & 서보모터 제어하기)

5. 【 아두이노Nano33#4】 NANO 33 IoT BLE 저전력 블루투스 사용설명서 #2 (BLE로 도어락 솔레노이드 제어하기)

2편에서는 BLE를 이용해서 릴레이에 연결된 솔레노이드를 제어하여 도어록을 열고 닫는 실습을 진행했습니다. 이번 시리즈 마지막 3편에서는 1~2편을 통해 구성된 하드웨어들을 스마트폰에서 제공되는 BLE 통신으로 제어해 보려고 하는데요, 앱인벤터(App Inventor)를 이용해서 아주 쉽게 앱을 만들어 제어해 보겠습니다. 우선 이번 실습을 따라 해보고 만약 앱인벤터 기초 부분의 학습이 필요하다고 생각된다면 아래 게시물을 참고해 보세요. 응용 예시를 따라 하다 보면, 아주 쉽게 적응이 될거예요.

[ 앱 인벤터 기초과정 ]

1. 【 앱인벤터기초#1】 MIT-구글의 App-인벤터 란? ( App-Inventor!)

2. 【 앱인벤터기초 #02】 앱인벤터 시작하기(설치&셋업) ( App-Inventor!)

3. 【 앱인벤터기초 #03】 앱인벤터 따라 하기 실습#1(메뉴화면소개 및 사용법)

4. 【 앱인벤터기초 #04】 앱인벤터 1도 모르고 따라하기 실습#2(화면이동 예제 만들기)

5. 【 앱인벤터기초 #05】 앱인벤터 1도 모르고 따라 하기#3(날짜/시간/체크박스 실습)

6. 【 앱인벤터기초 #06】 앱인벤터 1도 모르고 따라 하기 영상 실습#4 (사진/글자표시/SNS보내기 앱上)

7. 【 앱인벤터기초 #07】 앱인벤터 1도 모르고 따라 하기 영상 실습#5 (사진/글자표시/SNS보내기 앱下-완결!)

【 학습 목표 】

<1편> Nano33 기본 환경설정과 BLE 페어링 후 스위치로 LED On/Off 제어하기
① BLE(UUID)에 대한 이해와 nano33 BLE 사용을 위한 기본 환경 설정(보드&라이브러리 설치)
② Nano33 BLE 스캔과 페어링
③ Nano33 스위치회로와 LED회로 제작 후 블루투스(BLE)로 제어하기
④ 서보모터 스위치로 제어하기

<2 편> 블루투스로 도어(Door 문) 잠금장치(솔레노이드) 열고 닫기
① 주요 부품 소개 ( 솔레노이드 / 솔레노이드 잠금걸쇠 / 릴레이 )
② 도어 미니어처 제작 (3D 모델링과 3D 프린팅)
③ 블루투스(BLE)로 도어 열고 닫기

<3 편> 앱 인벤터(App Inventor) 만들고 스마트폰으로 도어 열고 닫기
① nRF Connect 앱 활용해 보기 (LED 기본 제어)
② 블루투스 스캔 및 연결과 같은 기본 앱 기능 만들고 LED 제어해 보기
③ LED 제어와 서보 및 Door 제어 결합된 앱 만들기 (앱 안정성 향상 기능 넣기)

<3편> App Inventor 앱으로 BLE통신하여 Nano33 ioT보드에 연결된 도어록과 서보모터 LED 제어하기!

【 실습 준비 】

이번 실습을 위해 필요한 준비물과 회로는 위 링크에도 게시한 아래 <1편>과 <2편> 게시물을 참고해 주세요.

1. 【 아두이노Nano33#3】 NANO 33 IoT BLE 저전력 블루투스 사용설명서 #1

2. 【 아두이노Nano33#4】 NANO 33 IoT BLE 저전력 블루투스 사용설명서 #2

【 작품 준비 】

실습을 위한 회로들을 아래처럼 아크릴 판(투명 아크릴 독서대 활용)을 이용해서 정리해 보았는데요, 특히 5V 전원이 다중으로 들어가기 때문에 5V 5A 용량의 미니 파워서플라이를 이용해서 USB 다중 전원 잭을 만들고 공급해 주었습니다.

【 소스 코드 】

소스코드는 이전 게시글을 참고해도 됩니다.
① 기본적으로 블루투스는 1대 1로 연결되는 기기이기 때문에, 버튼회로(중앙회로) + LED 회로(주변회로) , 등 개별로 연결되도록 BLE의 로컬 네임을(SetLocalName) , 각각 "LED" , "SERVO" , "DOOR"로 하여 1대 1 통신하도록 하였는데요, 그럼 이렇게 번갈아가며 1대1 연결하고 통신 시연하려면, 버튼회로로 사용되는 중앙회로에 연결시키려는 기기이름으로 계속 바꾸어가며 업로드를 해야 하니 번거로워집니다. 따라서, 이 실습에서는 로컬 네임을 "MULTI"로 통일하여 주변기기의 전원을 ON / OFF 하여 간편히 페어링 되도록 하였다는 점 참고해 주세요.

("MULTI"로 정리한 소스 코드 한 번에 다운로드 받기)

05. MultiCode.zip

0.01MB

② 중앙회로가 스마트폰이 되면 앱상에서 버튼별로 로컬네임을 줄 수 있기 때문에 각 회로별로 SetLocalName을 각각 "LED" , "SERVO" , "DOOR" 주어 구분할 수 있고 그렇게 해야 원하는 기기를 선택해서 페어링 할 수 있습니다. 따라서 이렇게 네이밍이 된 코드는 아래에 압축하여 제공해 드립니다.

( "LED" , "SERVO" , "DOOR"로 각각 네이밍 된 소스 코드 한 번에 다운르드 받기)

04. App_Code.zip

0.01MB

【 이번 실습 프리뷰 】

이번 실습에서 1편과 2편을 통해 아래와 같이 중앙회로를 만들고 주변회로를 만들어 1대 1 통신을 실습했는데요,

이번 3편 실습에서는 아래처럼 스마트 폰의 BLE기능을 이용해서 각각의 회로를 제어해 보겠습니다.

이번 실습의 결과물은 아래와 같습니다. 최종 결과물 앱인벤터 코드가 어렵지 않도록 기본 핵심기능만 담은 Basic앱을 먼저 제작해 보고, 서보, 릴레이 회로 모두 제어하면서 좀 더 향상된 기능의 Advanced앱도 제작해 볼게요.

【 ① nRF Connect 앱 활용해 보기 (LED / Servo / Relay기본 제어) 】

먼저, 앱인벤터로 앱을 만들어 제어하기 전에, 블루투스(BLE)로 통신하여 간단한 신호를 송수신할 수 있는 기존 통신앱을 다운로드하여 제어가 되는지? 확인해 볼게요.

앱이름은 nRF Connect 앱입니다. 앱스토어에서 검색 후 설치해 보세요.

앱을 설치하고 실행시켜 주세요.

앱을 실행하면 자동으로 주변의 블루투스 장치를 스캐닝합니다.

현재 LocalName이 “LED”로 되어 있는 Nano33 보드가 스캔되었고 (현재, A. LED기기만 ON 되어 있음)
“CONNECT” 버튼을 눌러 주세요.

맨 아래 “Unknown Service”를 터치하고, 송신 화살표 “↑”를 터치해 주세요.

0x____ 항목에 “01”을 입력하고 SEND 버튼을 터치하세요.

그럼 연결된 LED회로로 byte값 ‘1’이 전송되어 LED가 켜지게 됩니다.

다시, 송신 화살표“↑”를 터치하고 0x00을 입력하면 byte값 ‘0’이 전송되어 LED가 꺼지게 됩니다.

마찬가지로 서보모터를 켜고 동일하게 전송하면 제어가 잘 되는 것을 볼 수 있습니다.

그리고 릴레이회로도 보조 전원을 연결하고 동일하게 전송하면 제어가 잘 되는 것을 볼 수 있습니다.

【 Basic 제어 앱 만들기 】

이제 앱인벤터(App Inventor)를 이용하여 BLE 통신을 위한 기본앱을 만들어 볼게요.

App Inventor 기초와 응용을 다룬 7편의 영상 시리즈가 있는데요, 이 게시글 위에 관련 링크가 있으니 앱인벤터 기초가 필요하다면 참고해 보세요~

우선, 1차적으로 아주 간단하게 핵심기능만 넣은 App을 제작해 보고, 이것을 바탕으로 게시글 끝에는 서보회로와 릴레이회로까지 넣고 좀 더 깔끔하게 실행되도록 만들어 볼게요.

Basic App의 디자인 모습은 아래와 같습니다.

우선 작동 원리를 간단히 설명드립니다.

먼저,

① Scan 버튼을 누르면 폰 주변에 감지되는 블루투스 장치를 검색하도록 합니다.

② 검색된 장치 목록에서 ‘LED’를 선택하면 Service UUID와 LocalName을 가져옵니다.

③ Connect를 터치하면 선택한 LED 주변장치와 연결을 시도하고 UUID와 특성 UUID를 체크하도록 합니다.

④ LED ON 버튼을 터치할 경우 true값에 해당하는 ‘1’을 전송시켜 LED가 켜지도록 합니다.

⑤ LED OFF 버튼을 터치할 경우 false값에 해당하는 ‘0’을 전송시켜 LED가 꺼지도록 합니다.

그럼, App Inventor 사이트에 접속하여 새 프로젝트를 클릭해 주세요.

App Inventor의 메뉴 언어는 한글로도 바꿀 수 있으니 한글메뉴가 더 익숙한 분은 여기서 바꾸어 주세요.(아래 이미지)

저전력(BLE) 블루투스가 아닌 경우에는 Connectivity에 있는 Bluetooth를 사용하면 됩니다. (아래)

하지만 여기서는 저전력 블루투스(Bluetooth LE)를 사용해야 하기 때문에 BLE 확장 패키지를 Extension항목에 별도로 추가해야 사용할 수 있습니다.(아래)

그럼, 확장 패키지를 다운로드하기 위해 앱인벤터 사이트 또는 구글 검색으로 “Bluetooth LE” 또는 “BLE”라고 검색해 보세요. (아래)

검색된 영상과 같은 링크를 클릭하세요.

첫 번째 항목에 있는 BluetoothLE.aix를 다운로드하세요.(아래)

설명란에 보이는 링크를 클릭하면 BluetoothLE에서 사용할 수 있는 각 블록에 대한 설명을 참고할 수 있어요. (위/아래 이미지 참고)

여기 “ Import extension”을 클릭하여 좀 전에 받은 “ edu...ble.aix ”파일을 추가해 주세요. (아래)

이렇게 생겨난 요소를 끌어다 폰 이미지 위에 올려주세요.(아래)

그럼 이렇게 숨김 요소로 기능이 추가되는 것을 볼 수 있습니다.(위)

그럼 아래에 앱 인벤터의 디자이너(Designer) 부분을 캡처하였으니 보고 따라 진행해 보세요.

① 번의 디자인에 해당하는 Components 구성은 아래 ②번과 같습니다.
각 Components의 속성은 거의 디폴트(기본) 값으로 하면 되는데요, LED ON 버튼과 LED OFF 버튼만 가로로 화면이 가득 차도록 나타내기 위해 Width 항목에 Fill parent. 옵션을 주고, 글자 FontBold 처리 및 FontSize, 색깔 정도만 처리를 해주면 좋습니다. 나머지 부분은 자유롭게 꾸며도 좋고요, Basic앱에서는 이 정도만 하고 넘어가도록 할게요.

각 항목의 이름들은 블록 코딩 화면에서 쉽게 알아차릴 수 있도록 의미를 부여해 네이밍 해주면 좋습니다.

예를 들어, Button의 경우 ‘btn_’으로 시작하는 태그를 붙여주고, Label의 경우 ‘lbl_’로 시작하는 태그를 붙인 다음, 각 요소의 이름을 붙여주는 식입니다.

이제 블록 코딩 화면으로 넘어갑니다.
아래 이미지를 참고하시고, 웹상에서 보기 어려울 경우를 대비해서 이미지 파일로 따로 링크해 놓을게요.
블록 코딩 이미지 사진은 2장으로 캡처했습니다.

Service UUID와 특성 UUID 값을 정확하게 입력해 주어야 합니다.

동일하게 반복되는 블록은 복붙 하는 것이 편할 수 있어요.

-- 코드를 한글 메뉴로도 캡처했으니 참고해 보세요(아래) --

< Basic App 캡쳐 사진 다운로드하기! >

[Basic 앱] 앱인벤터 구성요소와 블록코딩 캡쳐 이미지.zip

1.08MB

블록 코드 구성이 완성되었다면, Build 메뉴에서 앱을 생성해 주세요.

앱 설치는 폰의 카메라를 이용해 QR코드를 스캔하면 연결된 링크를 통해 앱을 다운로드할 수 있고,

다운로드 버튼으로 설치앱을 다운로드 후, 폰을 USB케이블로 연결하여 직접 복사하여 설치해도 됩니다.

그럼, 앱 설치하는 장면을 집접 보여드릴게요 앱스토어를 통하는 것이 아니기 때문에 경고 창이 나타날 수 있습니다.

‘Scan’ 버튼을 누르면 주변의 블루투스 장치들의 목록이 뜨는데요.

’LED’가 검색되었다면 ‘Stop Scan’을 누르고 검색된 ’LED’를 터치 후, ‘Connect’를 눌러 연결시켜 주세요.

그리고 ON / OFF 버튼을 누를 때마다 Status : 에 결과가 표시되도록 합니다.

그럼, 실제 동작 영상과 함께 다시 보여드릴게요.

‘Scan’ 버튼을 누르면 주변의 블루투스 장치들의 목록이 뜨고.

’LED’가 검색되었다면 ‘Stop Scan’을 누르고 검색된 ’LED’를 터치 후, ‘Connect’를 눌러 연결시켜 주세요.

그리고 On / Off 버튼을 누르면 LED가 잘 제어되는 것을 볼 수 있습니다.

【 BLE 기능 추가 App 만들기 - (Advanced BLE App) 】

앱을 좀 더 다듬고 서보와 릴레이 제어까지 추가한 Advanced 앱을 만들어 볼게요.

마찬가지로 디자인 화면과 코드블록을 보기 좋게 캡처하여 보여드리고 압축하여 첨부파일로도 올려드릴게요.

아래로 스크롤 된 모습

나머지 옵션 부분은 글자색 넣고 글자(Font...) 크기 및 가로 크기 맞추는 부분만 하면 되기 때문에, 이 부분은 직접 해보면 어렵지 않기 때문에 하면서 감을 익혀보세요.

- 블록 코딩 영역 < 영문 메뉴 > - (③ 번 이미지)

Scan 버튼 관련된 블록코딩

LED 버튼 블록코딩

서버 모터 버튼 블록코딩

도어 솔레노이드(릴레이) 버튼 블록코딩

아래 블록코딩은 장치 선택에 따라서 블루투스 UUID 특성값을 다르게 선택하도록 처리한 부분입니다.
LED Scan 버튼을 통해 device_Mode 변수값이 1일 경우 LED에 할당된 특성UUID 값을 가져오도록했고,
Servo Scan 버튼을 통해 device_Mode 변수값이 2가 될 경우 Servo에 할당된 특성UUID 값을 가져오도록했고,

Door Scan 버튼을 통해 device_Mode 변수값이 3인지 확인해서 Relay에 할당된 특성UUID 값을 가져오도록하여,

각 버튼에 맞도록 폰과 Nano33 ioT 기기와 페어링 되도록 하였습니다.

장치 선택에 따라서 블루투스 UUID 특성값을 다르게 선택하도록 처리

- 블록 코딩 영역 < 한글 메뉴 > - (④ 번 이미지)

Scan 버튼 관련된 블록코딩

LED 버튼 블록코딩

서보 모터 버튼 블록코딩

도어 솔레노이드(릴레이) 버튼 블록코딩

Door Scan 버튼을 통해 device_Mode 변수값이 3인지 확인해서 Relay에 할당된 특성UUID 값을 가져오도록 하여,

각 버튼에 맞도록 폰과 Nano33 ioT 기기와 페어링 되도록 하였습니다.

< Basic App 캡처 사진 다운로드하기! >

[Advanced 앱] 앱인벤터 구성요소와 블록코딩 캡쳐이미지.zip

1.51MB

그럼 이제 Advanced 앱도 실행시켜 볼게요.
아래 이미지는 LED와 페어링 시키고 ON / OFF 제어에 성공한 모습입니다.

아래 이미지는 서보(모터) 기기와 페어링 시키고 ON / OFF 제어에 성공한 모습입니다.

아래 이미지는 도어 솔레노이드(릴레이) 기기와 페어링 시키고 도어문 개폐 제어에 성공한 모습입니다.

모두 잘 작동하고 있습니다.

여기까지 Nano33 ioT 보드에서 제공되는 저전력 블루투스(BLE) 기능을 이용한 제어 시스템 학습 안내를 마무리하도록 하겠습니다.

감사합니다.

【동영상으로 학습하기】

https://youtu.be/vKGKb-h59sA

【 우분투#2 】VMware 가상 머신에 Ubuntu 우분투 설치하기

엑소더스팩토리 — Thu, 2 Nov 2023 15:00:43 +0900

지난 게시글에서 윈도 OS 상에서 리눅스 혹은 또 다른 운영체제를 돌리기 위해 VMware라는 가상 머신을 설치하였습니다. 이렇게 설치된 VMware에 Ubuntu를 탑재해서 언제든 윈도환경에서도 우분투를 사용해 볼 수 있도록 해볼게요.

우선,
→ ① 구글에서 " 우분투 다운로드 " 또는 " Ubuntu Download " 검색합니다.
그리고 아래 보이는 링크를 클릭해 주세요.

다운로드 사이트 직접 링크
https://ubuntu.com/download/desktop

https://ubuntu.com/download/desktop

ubuntu.com

→ ② VMware를 실행 시키면 아래와 같은 VMware 메인 창이 열리게 되는데요, Create a New Virtual Machine을 클릭합니다.

→ 그럼, 아래와 같은 창이 열리는데요, 아래처럼, ①과 ②를 순서대로 클릭하세요.

→ 그리고 열리는 창에서 위에서 받아 놓았던 우분투 이미지 파일(xxx.iso)을 선택 후 NEXT를 클릭해 주세요.

→ 계정 관련 정보를 입력 후 잘 기억해 주세요. 만약 ID, Password는 차후에 잊어버리게 되면 밀고 다시 설치해야 하니 잘 기억해 두세요. 여기서는 간단히 user , 1234로 해두었습니다.

아래는 Ubuntu 우분투가 가상 공간으로 디스크를 차지하게 될 영역을 지정하는 화면인데요, 디폴트 값으로 20Gb 정도로 되어 있습니다. 만약 용량이 더 필요하다면 올려서 Next를 클릭하세요.

→ 그리고 Finish를 클릭하면 아래처럼 우분투가 실행됩니다.

→ 아래는 키보드 언어를 설정하는 화면인데요, 우선 디폴트 값인 영어로 설정하고 넘어가는 것을 추천드립니다. 추후에 한글 폰트와 언어 패키지를 제대로 설치하면 자연히 한글 입력도 가능해집니다.

→ Continue 버튼 클릭하고 아래 이미지를 참고하여 계속 진행해 주세요.

→ 위에서 입력한 계정 정보를 그대로 입력해 줍니다.

→ 설치 진행되는 모습

→ 아래는 구글 혹은 마이크로 소프트 계정이 있을 경우 등록하는 절차인데요, 일단은 Skip 할게요.

→ 일차적으로 설치 완료 되었으며, 우분투 버전의 업그레이드가 존재할 경우 아래와 같은 창이 뜨는데 업데이트를 해주세요.

→ 그리고 마지막으로 필요한 소프트웨어가 있을 경우 설치하라는 창이 뜨고 설치가 마무리 되었습니다.

다음 시간에는 우분투에서 한글 설정 및 사용에 대해 다루어 볼게요.
감사합니다.

【 우분투#1 】윈도에 VMware 가상 머신 설치 (Ubuntu 우분투 설치준비)

엑소더스팩토리 — Wed, 1 Nov 2023 17:32:32 +0900

윈도 OS 상에서 리눅스 혹은 또 다른 운영체제를 돌리기 위해서는 기존 OS를 살려두고 논리적으로 분할된 하드디스크의 일정한 공간을 할당받아 멀티 OS 구동을 지원해 주는 소프트웨어가 필요합니다.

대표적으로 VMware(브이엠웨어)와 Virture-Box(버추얼 박스)가 있는데요, 버추얼 박스는 오라클이 개발한 오픈 소스 가상화 소프트웨어이고 따라서 무료로 이용할 수 있습니다.

VMware는 가상화 전문 소프트웨어 기업에서 제공하는 툴로 VMware vSphere, VMware Workstation, VMware Fusion, VMware Horizon 등의 제품이 있고, 우리가 주로 사용하는 제품은 VMware Workstation입니다.
그리고 Workstation 버전은 Pro 버전과 Player 버전으로 나뉘어 있는데, Pro 버전은 30일간만 무료사용가능한 트라이얼 버전이고, Player 버전은 무료로 계속 사용할 수 있는 버전이기 때문에 VMware Workstation Player 버전을 다운로드하여 사용하면 됩니다. 이 버전은 비상업적인 용도에 한해서 개인이 사용하는 것은 무료로 이용할 수 있습니다.
따라서 VMware Workstation 가상머신을 설치하고 여기에 Ubuntu를 설치해 보도록 할게요.

우선,
→ ① 구글에서 " VMware workstation player download "로 검색합니다.
그리고 아래 보이는 링크를 클릭해 주세요.

사이트 링크 : https://www.vmware.com/kr/products/workstation-player/workstation-player-evaluation.html

Download VMware Workstation Player | VMware

Download VMware Workstation Player for free today to run a single virtual machine on a Windows or Linux PC, and experience the multi-functional capabilities.

www.vmware.com

→ ② VMware download 사이트가 나오면 화면을 아래로 스크롤해보면 무료로 설치할 수 있는 버전이 아래 이미지처럼 나타나며, 클릭하면 탐색창 DOWNLOAD 폴더로 다운로드가 시작됩니다.

그럼, 탐색창을 띄우고 다운로드 폴더로 가서 VMware player 설치 파일을 실행시켜 주세요.

아래 이미지가 보이면 Next를 클릭!

I accept에 체크를 하고 Next를 클릭!

아래와 같이 체크 하고 다시 Next 클릭!

Install 버튼을 클릭하면 아래처럼 설치가 진행됩니다.

마지막으로 Finish 선택하면 기본적으로 설치가 완료되는데요,

바탕화면 또는 시작메뉴에 있는 VMware 아이콘을 클릭해서 실행합니다.

그리고 아래 이미지를 참고하여 계속 진행해 주세요

자, 여기까지 설치하면 기본적으로 현재시점으로 다운로드하여서 설치되는 VMware Workstation Player 17 버전의 설치가 끝납니다. 이렇게만 설치하고 그대로 사용해도 좋지만, 설치 후 바로 아래처럼 17.5 버전에 대한 업데이트를 할 수 있다는 메시지를 띄워주는데요, 보통의 경우 여러 가지 개선사항이 있을 수 있기 때문에 업그레이드를 해볼게요.

여기서 바로 Download and Install 버튼을 클릭해도 좋지만, 중간에 재부팅을 해야 제대로 진행 되기에, 지금 시점에 재부팅한 번 하는 것도 좋습니다.

만약 재부팅없이 바로 진행하면 아래처럼 재부팅해야 한다는 메시지를 띄우게 됩니다.

그래서, 재부팅하거나 하여 다시 VMware 아이콘을 실행시키고 있으면, 아래처럼 다시 업데이트 메시지가 뜨는데, 다시 Download and Install 버튼을 클릭합니다.

그리고 업데이트용 설치파일이 모두 다운로드되고 나면 아래처럼, 지금 실행되고 있는 17 Player 프로그램을 닫아야 설치업데이트)을 진행할 수 있다는 메시지를 띄우기 때문에, 배경에 깔린 프로그램을 닫아줍니다.

그러면, 처음 설치할 때와 같은 화면들이 동일하게 이어지니, 위에 설명드린 이미지를 참고해서 설치를 완료해 보세요.

이렇게 17.5 버전으로 업그레이드가 완료되고 다시 실행 시키면 아래처럼 가상툴을 본격적으로 사용할 수 있게 되며, 다음 게시글에 우분투 최신버전을 설치해 보도록 하겠습니다.

※ 영상을 보며 설치 따라하기 (아래 유튜브 영상 클릭!)

또는 아래 티스토리 영상 클릭!

【 아두이노Nano33#4】NANO33IoT BLE 저전력 블루투스 사용설명서 #2 (BLE로 도어락 솔레노이드 제어)

엑소더스팩토리 — Tue, 24 Oct 2023 08:00:35 +0900

【 Nano33 IoT 선수학습 】

1. 【 아두이노Nano33#1】 NANO 33 IoT 처음사용 설명서

2. 【 아두이노Nano33#1-2】 NANO 33 IoT 처음사용 설명서 #1-2 (LSM6DS3 센서 테스트) (자이로센서 등등)

3. 【 아두이노Nano33#2】 NANO 33 IoT 처음사용 설명서 2편 WiFi 활용하기

4. 【 아두이노Nano33#3】 NANO 33 IoT BLE 저전력 블루투스 사용설명서 #1 (BLE로 LED & 서보모터 제어하기)

1편에서는 BLE와 UUID가 무엇인지? 통신하는 방식에 대해 알아보았고BLE를 이용해서 LED와 서보모터를 간단히 제어해 보았습니다.

이번 2편에서는 BLE 통신으로 릴레이 모듈을 이용한 도어 솔레노이드를 제어해 보겠습니다.
아울러 사실감을 주기 위해 미니어처 도어를 3D프린팅 하여 보여드리려고 합니다.
다음 3편에서는 스마트폰으로 제어해 볼 수 있도록 앱인벤터를 활용하는 것까지 다루어 보겠습니다.
사전 준비로 Nano33 ioT 보드를 사용하기 위한 환경 설정과 예시 코드는 1편을 참고해 주세요.

【 학습 목표 】

<1편> Nano33 기본 환경설정과 BLE 페어링 후 스위치로 LED On/Off 제어하기
① BLE(UUID)에 대한 이해와 nano33 BLE 사용을 위한 기본 환경 설정(보드&라이브러리 설치)
② Nano33 BLE 스캔과 페어링
③ Nano33 스위치회로와 LED회로 제작 후 블루투스(BLE)로 제어하기
④ 서보모터 스위치로 제어하기

<2 편> 블루투스로 도어(Door 문) 잠금장치(솔레노이드) 열고 닫기
① 주요 부품 소개 ( 솔레노이드 / 솔레노이드 잠금걸쇠 / 릴레이 )
② 도어 미니어처 제작 (3D 모델링과 3D 프린팅)
③ 블루투스(BLE)로 도어 열고 닫기

<3 편> 앱 인벤터(App Inventor) 만들고 스마트폰으로 도어 열고 닫기
① nRF Connect 앱 활용해 보기 (LED 기본 제어)
② 블루투스 스캔 및 연결과 같은 기본 앱 기능 만들고 LED 제어해 보기
③ 앱 안정성 높이고 연결하려는 BLE장치 바로 연결시키기
④ LED 제어와 Door 제어 결합된 앱 만들기

< Nano33 ioT 스펙과 기본 정보 >

Nano33 보드 시리즈 스펙 정보

Nano33 시리즈 핀 배열

<2편> Nano33 ioT 블루투스(BLE)로 도어록 솔레노이드 제어하기

【 실습 준비 】

이번 실습을 위해 필요한 준비물입니다. 아래와 같은 재료를 준비하면 실습을 진행할 수 있습니다.
스위치가 연결된 보드는 실습 1)의 재료와 연결이 같습니다.

- Nano33 ioT 보드 X 2개 이상
- 브레드 보드(400핀 또는 840핀) X 2개 이상
- LED X 1개
- 저항 220옴(150Ω~470Ω 가능) X 1개
- 저항 10K옴(4.7KΩ~10KΩ 가능) X 1개
- 푸시 버튼(종류 모양 상관없음) X 1개
- 도어록 솔레노이드 & 걸쇠 (모델명 SM1054, 12V, 0.6A / 또는 6V SM1054S 원형헤드) X 1개
- 점퍼선(연결선) 또는 PCB헤더 X 한 묶음

① 주요 부품 소개 ( 도어록용 솔레노이드 2종 및 걸쇠 / 릴레이 / USB 다중 커넥터 & 5V 전원공급기 )

< 솔레노이드(도어록) 제품 규격 및 사이즈 >

또는 아래와 같은 제품도 사용해 볼 만합니다. 작동전압은 6V이며, 0.57A 전류를 소모합니다.

< 도어록용 걸쇠 >

< 릴레이 >

( ※ 5V 출력이 지원되는 아두이노 우노/나노의 경우는 직접제어가 가능하지만 Nano33ioT 보드는 보드에 있는 특정핀의 납땜 등의 조치를 하지 않는 이상 3.3V의 출력만 사용할 수 있기 때문에 그 상태에서는 보드에서 릴레이 직접제어는 보드 손상을 초래할 수 있어 삼가야 합니다.)

실습에 사용된 릴레이는 5V입력 전원으로 동작되고 교류전원 250V 10A까지 제어되는 모듈입니다.

※ 릴레이 사용법
- 릴레이는 코일에 전류를 흘려 코일의 유도 작용에 의해 접점을 On / Off 해주는 스위치입니다.
- 이를 이용하면, 낮은 전압(예, 5V)으로 220V의 전원을 끊거나 연결시킬 수 있습니다.
- 좌측 IN에 HIGH(또는 LOW) 신호가 가해지면 Com단자와 NO 단자가 연결되어 스위치 형태로 작동됩니다.
- NC (Normal Close : 평상시 연결되어 있음)
- NO (Normal Open : 평상시 열려 있음, 연결 끊어짐)

- NC단자와 Com 단자가 디폴트로 연결되어 있고, 릴레이가 동작이 되면 이 연결이 끊어지고,
Com단자가 NO단자와 연결이 됩니다. 이 부분을 전기제품이나 콘센트의 한쪽 부분의 연결을 끊어
스위치 형태로 구성할 수 있습니다.

※ 릴레이는 작동 방법에 따라 두 가지 종류가 있습니다. 신호(Signal) 라인 In으로 High 신호가 입력되면 작동(Trigger)되는 High Level Trigger 타입이 있고, Low 신호가 입력되면 작동되는 Low Level Trigger 타입이 있습니다.
보통 High Level Trigger 타입을 사용하면 좀 더 직관적으로 편하게 사용할 수 있습니다. 이 번 실습에도 High Level Trigger 타입의 릴레이를 사용하고 있습니다.

통신을 위해서는 송수신 회로가 필요한데, BLE통신에서는 중앙회로(Central-버튼 회로)와 주변회로(Peripheral-릴레이 솔레노이드 회로)로 부르며, 버튼이 들어간 중앙회로는 지난 1편의 회로와 동일하기 때문에 이번 편에서는 솔레노이드 회로(Peripheral) 제작만 설명드리겠습니다. 1편의 내용을 보고 버튼회로도 함께 준비해 주세요.
우선, 버튼회로 도면을 보여드리면 아래와 같습니다.

아래가, 솔레노이드가 연결된 릴레이회로 도면입니다.

이번 실습에서는 어느 정도 크기가 있는 솔레노이드는 12V 정도를 사용하는데요. 이 것을 아두이노 보드 출력으로 직접 제어하기는 어렵기 때문에 릴레이라는 모듈을 사용합니다.
이번 실습에 사용될 솔레노이드는 DC12V 정격입력이지만, 구하기 쉬운 9V건전지와 7.4V 리튬폴리머 배터리를 사용해 볼게요. 솔레노이드에 다이오드를 연결해 놓았는데, 코일로 구성된 부품은 작동 시 역기전력이 발생하는데요. 이로부터 회로를 보호하기 위한 부품으로 되도록 연결해 주는 것이 좋습니다.

비교적 구하기 쉬운 9V 4각 건전지로 솔레노이드 동작을 위한 전원 연결한 모습

RC카 등에 많이 사용되는 7.2V 리튬폴리머 배터리로 솔레노이드를 동작시키는 모습

이번 회로에서는 전원이 3가지나 들어가는데요(위 그림 참조), 아두이노 3.3v 출력 단자로 릴레이 전원을 대체하려고 한다면 Nano보드가 손상될 수 있으니 주의해 주세요!

그리고 종류가 다른 전원들을 하나의 회로에 사용하고자 할 때는 GND(-)는 모두 연결해 주어야 합니다.

[ 동작을 위한 아두이노 코드입니다. ]

버튼회로 코드는 아두이노 IDE의 ArduinoBLE》Central 》LedControl 예제를 기본으로 해서 수정 사용합니다.

< 버튼회로 (중앙장치 Central) 코드 >

/* Relay Control Central (버튼이 있는 회로) Client */

#include <ArduinoBLE.h>

// variables for button

const int buttonPin = 2;

int oldButtonState = LOW;

void setup() {

Serial.begin(9600);

// 아래 코드는 시리얼 포트가 준비될 때까지 무한 대기하게 됩니다.

// 따라서 시리얼모니터 사용 없이 동작시키고자 한다면 아랫부분을 반드시 주석 처리해 주세요

// while (!Serial);

// configure the button pin as input

pinMode(buttonPin, INPUT);

// initialize the Bluetooth® Low Energy hardware

BLE.begin();

Serial.println("Bluetooth® Low Energy Central - RELAY control");

// start scanning for peripherals

BLE.scanForUuid("19b10000-e8f2-537e-4f6c-d104768a1214");

}

void loop() {

// check if a peripheral has been discovered

BLEDevice peripheral = BLE.available();

if (peripheral) {

// discovered a peripheral, print out address, local name, and advertised service

Serial.print("Found ");

Serial.print(peripheral.address());

Serial.print(" '");

Serial.print(peripheral.localName());

Serial.print("' ");

Serial.print(peripheral.advertisedServiceUuid());

Serial.println();

if (peripheral.localName() != "RELAY") {

return;

}

// stop scanning

BLE.stopScan();

controlRelay(peripheral);

// peripheral disconnected, start scanning again

BLE.scanForUuid("19b10000-e8f2-537e-4f6c-d104768a1214");

}

void controlRelay(BLEDevice peripheral) {

// connect to the peripheral

Serial.println("Connecting ...");

if (peripheral.connect()) {

Serial.println("Connected");

} else {

Serial.println("Failed to connect!");

return;

}

// discover peripheral attributes

Serial.println("Discovering attributes ...");

if (peripheral.discoverAttributes()) {

Serial.println("Attributes discovered");

} else {

Serial.println("Attribute discovery failed!");

peripheral.disconnect();

return;

}

// retrieve the Relay characteristic

BLECharacteristic relayCharacteristic = peripheral.characteristic("19b10001-e8f2-537e-4f6c-d104768a1214");

if (!relayCharacteristic) {

Serial.println("Peripheral does not have RELAY characteristic!");

peripheral.disconnect();

return;

} else if (!relayCharacteristic.canWrite()) {

Serial.println("Peripheral does not have a writable RELAY characteristic!");

peripheral.disconnect();

return;

}

while (peripheral.connected()) {

// while the peripheral is connected

// read the button pin

int buttonState = digitalRead(buttonPin);

if (oldButtonState != buttonState) {

// button changed

oldButtonState = buttonState;

if (buttonState) {

Serial.println("button pressed");

// button is pressed, write 0x01 to turn the LED on

relayCharacteristic.writeValue((byte)0x01);

} else {

Serial.println("button released");

// button is released, write 0x00 to turn the LED off

relayCharacteristic.writeValue((byte)0x00);

}

Serial.println("Peripheral disconnected");

}

릴레이회로 코드는 1편에서 사용하였던 ArduinoBLE》Peripheral 》LED 예제를 사용하면 됩니다.

< 릴레이회로 (주변장치 Peripheral) 코드 >

/* Relay Peripheral (Relay가 연결된 회로) Server */

#include <ArduinoBLE.h>

BLEService relayService("19B10000-E8F2-537E-4F6C-D104768A1214"); // Bluetooth® Low Energy RELAY Service

// Bluetooth® Low Energy RELAY Switch Characteristic - custom 128-bit UUID, read and writable by central

BLEByteCharacteristic switchCharacteristic("19B10001-E8F2-537E-4F6C-D104768A1214", BLERead | BLEWrite);

const int relayPin = 2; // pin to use for the Relay

void setup() {

Serial.begin(9600);

// 아래 코드는 시리얼 포트가 준비될 때까지 무한 대기하게 됩니다.

// 따라서 시리얼모니터 사용 없이 동작시키고자 한다면 아랫부분을 반드시 주석 처리해 주세요

// while (!Serial);

// set RELAY pin to output mode

pinMode(relayPin, OUTPUT);

// begin initialization

if (!BLE.begin()) {

Serial.println("starting Bluetooth® Low Energy module failed!");

while (1); // BLE 서비스가 시작될 때까지 무한 루프

}

// set advertised local name and service UUID:

BLE.setLocalName("RELAY");

BLE.setAdvertisedService(relayService);

// add the characteristic to the service

relayService.addCharacteristic(switchCharacteristic);

// add service

BLE.addService(relayService);

// set the initial value for the characeristic:

switchCharacteristic.writeValue(0);

// start advertising

BLE.advertise();

Serial.println("BLE RELAY Peripheral");

}

void loop() {

// listen for Bluetooth® Low Energy peripherals to connect:

BLEDevice central = BLE.central();

// if a central is connected to peripheral:

if (central) {

Serial.print("Connected to central: ");

// print the central's MAC address:

Serial.println(central.address());

// while the central is still connected to peripheral:

while (central.connected()) {

// if the remote device wrote to the characteristic,

// use the value to control the RELAY:

if (switchCharacteristic.written()) {

if (switchCharacteristic.value()) { // any value other than 0

Serial.println("Relay on");

digitalWrite(relayPin, HIGH); // will turn the LED on

} else { // a 0 value

Serial.println(F("Relay off"));

digitalWrite(relayPin, LOW); // will turn the LED off

}

// when the central disconnects, print it out:

Serial.print(F("Disconnected from central: "));

Serial.println(central.address());

}

< 코드 다운로드 >
위 두 가지 코드를 압축하였으니 다운로드하여 사용해 보세요.

03. Relay.zip

0.00MB

코드 내용을 살펴보면 릴레이가 연결된 핀 번호를 정확하게 적어주어야 합니다.
그리고 사용할 서비스 UUID와 특성 UUID를 예시에 있는 것 말고 다른 번호로 변경하고 싶다면 아래 UUID 생성 사이트를 이용하세요 uuidgenerator.net 또는 http://www.uuidtools.com 사이트를 이용하면 됩니다.

물론, 기본 예제에 제시된 UUID를 그대로 사용해도 됩니다

setLocalName을 “RELAY”로 하였는데요, 중요한 것은 버튼회로(Central)의 setLocalName과 일치시켜야 합니다.

즉, 연결하고자 하는 회로별로 로컬 네임을 설정해 주면 되는데요, 서로 로컬 네임이 일치하는 기기끼리 페어링 되도록 코딩되어 있습니다 (UUID 포함)

Central 코드도 서비스 이름과 로컬네임만 RERAY로 변경해 놓았습니다.

< 도어 미니어처 제작 >

이번 실습에서는 좀 더 사실감을 주기 위해 3D 프린터로 미니 도어를 만들어 보았습니다 도어 모델링에 사용한 툴은 Fusion360입니다

사이즈는 문 ( 가로 160mm X 높이 185mm ), 바닥 ( 160mm x 130mm ), 두께 5mm입니다

그리고 문에 사용할 경첩을 따로 설계했습니다

경첩의 홀은 M3 x 8mm 나사를 기준으로 제작했습니다

문의 솔레노이드 고정과 걸쇠 고정 홈은 M2 x 5mm 나사를 기준으로 제작했습니다

경첩을 문위에 맞대어 보면 아래와 같습니다. 치수가 정확하게 일치하도록 제작했습니다.

출력은 문과 경첩 각각 따로 하도록 하였습니다.

※ 만약 출력한다면 슬라이서 프로그램에서 내부채움(Infill)은 70% 이상 권해드립니다 (출력물을 떨어뜨렸을 때 쉽게 부서지지 않도록)
슬라이서 프로그램으로 슬라이싱 할 수 있는 STL파일(도어와 경첩)을 아래 압축하여 올려드립니다.

도어와 경첩 STL 파일.zip

0.10MB

미니어처 모형은 아래처럼 잘 출력되었습니다.

그리고 여기에 솔레노이드와 걸쇠 그리고 경첩까지 달아 놓은 모습입니다.

도어 미니어처에 솔레노이드와 걸쇠를 달아 놓은 모습입니다

도어 미니어처에 경첩을 달아 놓은 모습입니다

< 솔레노이드 >

솔레노이드도 크기와 작동 전압 범위에 따라 몇 가지 종류가 있습니다.

작동 방식은 전선에 직류 전기를 넣으면 코일에 발생된 자기장에 의해 쇠뭉치가 전진하고, 입력 전기가 없으면 자기장이 소멸되어 스프링에 의해 원위치로 돌아오는 원리로 작동됩니다.

실습에 사용된 도어형 솔레노이드도 위 사진의 아래쪽에 있는 솔레노이드에 케이스를 씌운 형태입니다

< 다중 전원 공급기 >

이번 실습에서 5V전원을 많이 사용하기 때문에 USB 다중 전원공급기를 만들어 보았습니다
실습에 반드시 필요한 것은 아니기 때문에 참고용으로 봐주세요.

접지선이 있고 두께가 비교적 굵은(16A) 전원 케이블을 잘라 연결해 주었습니다.

규격은 전원코드에 표시되어 있으니 확인해 보고 비교적 여유 있는 전원코드를 사용하면 좋습니다.

아래 노란 원으로 표시된 부분을 연결할 때는 선을 잡아당겼을 때 쉽게 풀리지 않도록 단단히 고정해야 하며 합선되지 않도록 주의해야 합니다 그리고 감전될 수 있기 때문에 보호 케이스를 씌어 주거나 추가 조치를 해주는 것이 좋습니다.

파워는 소형의 5V-5A 출력의 파워를 사용했습니다. 나노보드 4개 및 릴레이전원 공급 등 이 실습에는 충분히 사용하고도 남는 용량입니다.

Nano 보드를 한 번에 많이 연결하기 위해 USB A-Femail 타입의 커넥터를 연결된 상태로 사용했고요.

커넥터에는 데이터 연결은 필요 없으니 양 끝에 있는 +단자와 -단자만 서로 연결해 주면 됩니다

그리고 바닥면이 합선이 되지 않도록 캡톤(내열) 테이프로 감싸주었습니다

추가로 스위치를 달아 개별로 켜고 끌 수 있도록 하였습니다

그럼, 버튼회로와 릴레이 회로를 준비해 연결해 보세요.

릴레이에 5V를 공급하기 위해 마이크로 USB 케이블 커넥터를 연결해 보았습니다

※ 항상 + , - 극성에 주의해서 연결해 주세요. (보드 및 부품 손상 방지)

이 실습에서 솔레노이드용 전원으로 9V 건전지가 사용하기 제일 간편하지만, 용량도 적고 출력 전류가 낮은 타입이어서 실물 제작에 적용하기에는 적합하지 않으니 참고하세요.

그리고 동작을 시켜보면, 잘 작동하는 것을 알 수 있습니다. 그럼, 다른 전원도 테스트해 볼게요 현재 솔레노이드가 12V 용이지만 작동되는 힘은 약해도 9V건전지와 7.2V 리튬배터리도 역시 잘 작동하는 것을 볼 수 있습니다.

그럼, 1편에서 사용했던 LED회로와 서보회로를 모두 연결해 볼게요. 아래는 개별로 스위치를 켜고 끄면서 작동을 원하는 장치끼리 페어링 하여 제어해 본 것이고요, 이렇게 하기 위해서는 버튼(중앙장치) 회로의 코드에 있는 SetLocalName=" " 이름을 연결하려고 하는 각각의 이름, 예를 들어 "LED" , "SERVO" , "RELAY" 등으로 수정하여 매번 업로드해주어야 페어링 됩니다.

그리고 여기서부터는 번갈아 가며 3가지 주변회로에 페어링 될 수 있도록코드 속의 LocalName을 “MULTI”로 통일하였으니 참고하세요. 즉 모든 코드의 SetLocalName="MULTI"로 통일하였습니다. 그렇지 않으면 번갈아가며 페어링 하기 위해서는 매번 중앙장치의 코드의 SetLocalName을 바꾸어 업로드해야 하기 때문이죠.

우선 버튼 회로부터 전원을 ON 합니다. 다음, LED 회로를 ON 하고 버튼을 눌러보면 빠르게 페어링 되어 LED가 제어되는 것을 볼 수 있고, 그다음, LED회로는 OFF 하고 서보회로를 ON 하여 페어링 시켜보면 릴레이 회로도 페어링 되어 잘 작동하는 것을 볼 수 있습니다.
학습용으로 활용할 수 있도록 네 가지 회로를 아크릴판에 올려봤습니다.

스위치를 개별로 작동시켜 원하는 장치 간 페어링을 시켜 작동시킬 수도 있고,
전원을 모두 ON 하고 랜덤으로 페어링 하여 작동시켜 볼 수도 있습니다. 그래서 기존 페어링을 끊으려고 하려면, 보드에 있는 리셋 버튼을 눌러주면 됩니다. 해당 보드가 리셋되는 사이 랜덤으로 주변에 있는 다른 보드와 다시 페어링 됩니다.

다음 3편에서는 앱인벤터를 활용하여 (BLE방식으로) 스마트폰으로 작동시켜 볼게요.

감사합니다.

아래 유튜브 영상도 함께 참고하면 보다 수월하게 내용을 파악하실 수 있습니다. (아래 영상 클릭)

【VScode 환경설정】 VScode 코드 한글깨짐 방지 또 다른 방법

엑소더스팩토리 — Thu, 12 Oct 2023 11:13:29 +0900

VScode에서 C & C++ 코드 실행 시 한글 깨지는 현상을 해결하는 방법에 대한 기본적인 VScode 설정은 아래를 먼저 참고해 보세요. 그리고 그 방법 이 외에 코드를 작성할 때 방지하는 코드 라인을 작성하는 방법에 대해 소개하려 해요.

#include <windows.h>

#pragma execution_character_set("utf-8")

SetConsoleOutputCP(65001);

위, 3개의 라인을 추가하면 되는데요, 아래 예시 코드를 참고해 보세요.

#include <iostream>

#include <windows.h>

using namespace std;

#pragma execution_character_set("utf-8")

int main(){

SetConsoleOutputCP(65001);

int a;

int b;

int c;

cin >> a;

cin >> b;

cout << "입력 a: " << a << endl;

cout << "입력 b: " << b << endl;

cout << "결과 c: " << a+b << endl;

return 0;

}

그리고 결과를 실행해 보면, 아래처럼 한글 깨짐 없이 잘 출력되는 것을 볼 수 있습니다.

【 아두이노Nano33#3】NANO33IoT BLE 저전력 블루투스 사용설명서 #1 (BLE로 LED&서보모터 제어)

엑소더스팩토리 — Tue, 10 Oct 2023 20:17:09 +0900

3회에 걸쳐 Nano33 ioT 보드의 BLE 저전력 블루투스를 사용하는 다양한 방법에 대해 다루고자 합니다. 아두이노 나노33 보드시리즈는 콤팩트하면서 사용법이 아두이노 우노(나노)와 유사하여 쉽게 접근가능하고 여기에 더해 WiFi기능과 저전력 블루투스 기능을 활용할 수 있는 매우 장점이 큰 보드입니다. 다만 유사한 기능을 제공하는 ESP32 보드에 비해 단가가 조금 나가는 단점이 있지만 아두이노 정품 보드의 정통성?을 이어받아 안정적이고 불량률이 거의 없다는 점이 장점인 보드입니다. 기본적인 스펙과 사용법은 아래, 이전 게시글을 참고하시면 상세하게 파악할 수 있으니 참고해 보세요.

【 Nano33 IoT 선수학습 】

1. 【 아두이노Nano33#1】 NANO 33 IoT 처음사용 설명서

2. 【 아두이노Nano33#1-2】 NANO 33 IoT 처음사용 설명서 #1-2 (LSM6DS3 센서 테스트) (자이로센서 등등)

3. 【 아두이노Nano33#2】 NANO 33 IoT 처음사용 설명서 2편 WiFi 활용하기

【 학습 목표 】

<3 편> 앱 인벤터(App Inventor) 만들고 스마트폰으로 도어 열고 닫기
① nRF Connect 앱 활용해 보기 (LED 기본 제어)
② 블루투스 스캔 및 연결과 같은 기본 앱 기능 만들고 LED 제어해 보기
③ 앱 안정성 높이고 연결하려는 BLE장치 바로 연결시키기
④ LED 제어와 Door 제어 결합된 앱 만들기

< Nano33 ioT 스펙과 기본 정보 >

Nano33 보드 시리즈 스펙 정보

Nano33 시리즈 핀 배열

<1편> Nano33 기본 환경설정과 BLE 페어링 후 스위치로 LED On/Off 제어하고 서보모터까지 하기

① BLE(UUID)에 대한 이해와 nano33 BLE 사용을 위한 기본 환경 설정(보드&라이브러리 설치)

- UUID란 ?
UUID는 Universally Unique Identifier의 약자이며 범용의 고유 식별자를 의미합니다. 네트워크 상에서 고유성이 보장되는 id를 만들기 위한 표준 규약으로서, 서로 모르는 많은 개체들을 식별하고 구별하기 위해서는 거의 중복되지 않는 각각의 고유한 이름이 필요한데요, 이를 구현하기 위해 128비트(16바이트) 길이의 값을 사용합니다.
128비트의 길이는 2진으로 표현하면 대략 아래 예시와 같습니다.

1110110100 0101001001 0101010010 1010101011 1110101001 1010101010 1110101010 1010101001 0101010101 0101010101 1010010011 1110101110 01110101

128비트는 경우의 수(가지 수)가 2의 128승 이므로, 이를 굳이 계산해보면, 340,282,366,920,938,463,463,374,607,431,768,211,456 라는 어마 어마한 가지 수가 나오기 때문에, 실제적으로 겹치지 않는 ID를 가질 수 있다고 할 수 있습니다. 더군다나, 범위가 제한적인 WiFi 혹은 BLE 블루투스 네트워크에서는 현실적으로 겹칠 수 없는 고유 ID를 가질 수 있다고 할 수 있습니다.
( 비트 단위의 가지 수 이해를 돕기 위해, 또 다른 예시를 들자면, 인터넷 IP부족으로 인해 32비트의 IPv4를 대신하여 128비트의 주소 길이를 가진 IPv6가 나왔습니다.
○ IPv4는 8비트씩 4부분으로 10진수로 표시 → 220.123.103.253 (약 43억 개)
○ IPv6는 16비트씩 8부분으로 16진수로 표시 → 2201:0123:1adc:ffff:253d:a3d2:bc34:67da (43억X43억X43억X43억 개)
따라서 IPv6의 주소 범위는 0000:0000:0000:0000:0000:0000:0000:0000에서 ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff 이기 때문에 거의 무한대의 주소 개수를 사용할 수 있다고 할 수 있습니다)

그럼, 다시 UUID로 넘어와서, 그런데, 128비트나 되는 수를 2진수로 표현하면 너무 많은 자리 수를 차지하기에 이를 16진수로 표현하게 되는데요, 4비트가 각각 16진 한 자리를 차지하므로, 자리수로는 32자리가 되고 아래처럼 4개의 '-' 구분자를 넣어 표시하게 됩니다.

19B10000-E8F2-537E-4F6C-D104768A1214 (8자리 - 4자리 - 4자리 - 4자리 - 12자리)
'-' 구분자까지 포함하면 전체 자리 수는 36자리로 표현됩니다.

사실 UUID는 저전력 블루투스인 BLE 뿐 아니라, 데이터베이스, 시스템 인스턴스, JAVA5와 같은 코드에서 고유 식별자를 생성하기 위해 두루두루 사용되고 있습니다.

UUID의 코드 구성은 아래와 같습니다.

이미지 출처 : https://www.techtarget.com/searchapparchitecture/definition/UUID-Universal-Unique-Identifier

UUID는 이런 규칙에 의해서 생성되기 때문에 동일한 UUID가 생성되어 충돌이 일어날 확률은 거의 0에 가깝다고 할 수 있습니다.
또한 UUID는 이런 규칙으로 생성시킬 수 있는 생성기(Generator)가 있으며, 대표적으로 아래 두 가지 사이트에서 제공되는 것을 많이 이용합니다.
1. 온라인 UUID 제너레이터 : https://www.uuidgenerator.net/
2. 온라인 UUID 툴 : https://www.uuidtools.com/

위 사이트를 보면, UUID는 생성 방법에 따라 버전 1에서부터 버전 5까지 있는데요, 버전 1 또는 버전 4를 대표적으로 많이 사용합니다. 그래서 위 1 버전 또는 4 버전 둘 중 하나를 골라 생성 후 복사(copy)하여 사용하면 됩니다.

<BLE 란?>
그럼 여기서 BLE에 대해 간략히 설명하자면, BLE는 Bluetooth Low Energy의 약자로 기존 블루투스 통신의 약점인 소비전력을 크게 낮춘 블루투스 통신 방식이라 할 수 있습니다. (Bluetooth LE로 표시하기도 함)
스마트워치나, 헬스케어 디바이스, 스마트폰과 연동되는 이어폰 및 다양한 기기 등, 배터리를 사용해야 하는 무선기기 간 통신이 늘어남에 따라 배터리 소모를 줄여줄 수 있는 기존 블루투스(Bluetooth Classic)를 개량한 통신형태가 필요했고 이에 나타난 것이 BLE 통신이라고 할 수 있습니다. 이런 과정에서 통신하고자 하는 기기간 식별을 위해 범용고유 ID식별 기술인 UUID 방식을 사용하고 있습니다.

BLE 통신이 기존 블루투스 클래식(Bluetooth Class)에 비해 저전력인 이유는 기존 연결 방식은 연속적인 데이터 스트림으로 인해 지속적으로 전력을 소모하게 되는 반면에, BLE는 동작 주기(duty cycle)가 수 밀리초(ms)로 가벼운 구동 방식을 취하며, 사용되지 않는 대부분 시간을 슬립 모드(sleep mode, 또는 절전모드)로 있어 전력 소모가 매우 적은 가장 큰 차이점이 있습니다.
그리고 2MHz의 대역폭을 사용하고 1Mbps의 전송 속도를 지원하지만 동작 주기가 짧아 평균 전송 속도를 낮출 수 있어 전력 효율을 향상할 수 있고 장치에 따라 배터리 교환 없이 1년 이상을 사용할 수도 있습니다. 따라서 저전력 블루투스 기술을 활용하면 전력소비를 크게 줄일 수 있는 통신 디바이스 또는 시스템을 구성할 수 있습니다.

기존 블루투스 클래식의 연결방식은 Master와 Slave의 방식으로 연결이 되는데요, Master가 Master 주변으로 주변에 있던 Salve에게 요청 신호를 넣고 슬레이브가 그에 응답한 뒤 페어링이 이루어지는 연결방식을 사용하고 있습니다.

BLE 통신에서는 Central이라고 하는 Observer 역할의 중앙장치와 Peripheral이라고 하는 주변장치로 구분하여 통신하는데요,
주변장치(Peripheral)가 주변에 일정간격으로 Advertise(일종의 라디오처럼 브로드캐스팅)하고 Central(옵저버-observer)이 스캔을 하여 페어링을 하게 되는 구조를 갖고 있습니다.

이미지 출처 : Microchip

정리하자면,
주변장치인 Advertiser (Broadcaster)는 Advertising Packet을 자신 주변으로 주기적으로 보내는 장치이며,
중앙장치인 Observer는 Advertiser가 보내고 있는 Advertising Packet을 듣기 위해 주기적으로 Scanning 하게 됩니다.
그러다 연결하고자 하는 프로파일(Profile-서비스 묶음) 정보가 일치하게 되면 연결신호를 주고받고 승낙되면서 페어링 하게 됩니다. 이 과정에서 서비스 이름 및 특성(CHARACTERISTIC)과 UUID가 일치하는지 확인하게 됩니다.

이미지 출처 : Random nerd tutorials lab

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

【 실습 준비 】

이번 실습을 위해 필요한 준비물입니다. 아래와 같은 재료를 준비하면 실습을 진행할 수 있습니다.

- Nano33 ioT 보드 X 2개 이상
- 브레드 보드(400핀 또는 840핀) X 2개 이상
- LED X 1개
- 저항 220옴(150Ω~470Ω 가능) X 1개
- 저항 10K옴(4.7KΩ~10KΩ 가능) X 1개
- 푸시 버튼(종류 모양 상관없음) X 1개
- 서보모터(SG90 또는 MG90) X 1개
- 점퍼선(연결선) 또는 PCB헤더 3핀 이상 X 한 묶음

① BLE(UUID)에 대한 이해와 nano33 BLE 사용을 위한 기본 환경 설정(보드&라이브러리 설치)

그럼, 이제 Arduino nano 33 ioT 모듈과 BLE를 사용기 위한 기본적인 환경설정을 해볼게요.

우선, 아두이노 IDE에서 nano33 ioT 보드를 인식하기 위해서는 보드 관련 라이브러리를 설치해야 하는데요, 아래처럼 "보드라이브러리"에서(그냥 라이브러리 관리자가 아님에 주의!) "nano 33"으로 검색한 후 아래 분홍색 점선 박스의 보드 라이브러리를 설치해 주세요. ( 좀 더 상세한 사용법은 이 글 맨 위에 있는 "[선수학습] Nano 33 ioT 처음사용설명서" 게시글 링크를 참고해 주세요)

설치 후에는 아래처럼, 새로운 보드 그룹이 생겨나며 Arduino NANO 33 IoT를 선택할 수 있습니다.

다음, BLE 기능을 사용하기 위해서는 "라이브러리 관리자"에서 "arduinoble" 라이브러리를 설치해야 합니다.

② Nano33 BLE 스캔과 페어링

arduinoble 라이브러리를 설치하게 되면, 관련 예제 파일들이 설치되는데요, 예제 파일에는 BLE 라이브러리를 사용해서 블루투스를 활용할 수 있는 내용으로 구성되어 있어 이를 응용해 볼 수 있습니다.

스캔파일의 내용은 아래와 같습니다

#include <ArduinoBLE.h>

void setup() {
  Serial.begin(9600);
  while (!Serial);

  // begin initialization
  if (!BLE.begin()) {
    Serial.println("starting Bluetooth® Low Energy module failed!");

    while (1);
  }

  Serial.println("Bluetooth® Low Energy Central scan");

  // start scanning for peripheral
  BLE.scan();
}

void loop() {
  // check if a peripheral has been discovered
  BLEDevice peripheral = BLE.available();

  if (peripheral) {
    // discovered a peripheral
    Serial.println("Discovered a peripheral");
    Serial.println("-----------------------");

    // print address
    Serial.print("Address: ");
    Serial.println(peripheral.address());

    // print the local name, if present
    if (peripheral.hasLocalName()) {
      Serial.print("Local Name: ");
      Serial.println(peripheral.localName());
    }

    // print the advertised service UUIDs, if present
    if (peripheral.hasAdvertisedServiceUuid()) {
      Serial.print("Service UUIDs: ");
      for (int i = 0; i < peripheral.advertisedServiceUuidCount(); i++) {
        Serial.print(peripheral.advertisedServiceUuid(i));
        Serial.print(" ");
      }
      Serial.println();
    }

    // print the RSSI
    Serial.print("RSSI: ");
    Serial.println(peripheral.rssi());

    Serial.println();
  }
}

Scan 파일은 아두이노 IDE의 예제 항목에 있지만, 필요한 경우 아래를 다운로드하여 압축을 풀고 사용해 보세요.

Scan.zip

0.00MB

특별한 회로 조립 없이 나노 33 보드만 PC와 연결하여 , 코드를 업로드하고 시리얼모니터 창을 열어보면, Nano33 보드 주변으로 블루투스 신호가 잡히는 것을 볼 수 있습니다.

신호 중에는 일반 블루투스(클래식) 장치도 있고, UUID 서비스 이름과 UUID 고유번호가 보이는 BLE 장치도 검색된 것을 알 수 있습니다.

③ Nano33 스위치회로와 LED회로 제작 후 블루투스(BLE)로 제어하기

< 1. LED 회로(주변장치-Peripheral) >

아래 연결도를 참고하여 주변장치(Peripheral)로 사용될 LED 회로를 준비해 주세요.

[ 코드 - LED 회로 ]

./*  [ LED Peripheral (LED 회로)]  Server */

#include <ArduinoBLE.h>

BLEService ledService("19B10000-E8F2-537E-4F6C-D104768A1214"); // Bluetooth® Low Energy LED Service

// Bluetooth® Low Energy LED Switch Characteristic - custom 128-bit UUID, read and writable by central
BLEByteCharacteristic switchCharacteristic("19B10001-E8F2-537E-4F6C-D104768A1214", BLERead | BLEWrite);

const int ledPin = LED_BUILTIN; // pin to use for the LED

void setup() {
  Serial.begin(9600);

// 아래 코드는 시리얼 포트가 준비될 때까지 무한 대기하게 됩니다.
// 따라서 시리얼모니터 사용 없이 동작시키고자 한다면 아랫부분을 반드시 주석 처리해 주세요 
  while (!Serial);    

  // set LED pin to output mode
  pinMode(ledPin, OUTPUT);

  // begin initialization
  if (!BLE.begin()) {
    Serial.println("starting Bluetooth® Low Energy module failed!");

    while (1);     // BLE 서비스가 시작될 때까지 무한 루프
  }

  // set advertised local name and service UUID:
  BLE.setLocalName("LED");
  BLE.setAdvertisedService(ledService);

  // add the characteristic to the service
  ledService.addCharacteristic(switchCharacteristic);

  // add service
  BLE.addService(ledService);

  // set the initial value for the characeristic:
  switchCharacteristic.writeValue(0);

  // start advertising
  BLE.advertise();

  Serial.println("BLE LED Peripheral");
}

void loop() {
  // listen for Bluetooth® Low Energy peripherals to connect:
  BLEDevice central = BLE.central();

  // if a central is connected to peripheral:
  if (central) {
    Serial.print("Connected to central: ");
    // print the central's MAC address:
    Serial.println(central.address());

    // while the central is still connected to peripheral:
    while (central.connected()) {
      // if the remote device wrote to the characteristic,
      // use the value to control the LED:
      if (switchCharacteristic.written()) {
        if (switchCharacteristic.value()) {   // any value other than 0
          Serial.println("LED on");
          digitalWrite(ledPin, HIGH);         // will turn the LED on
        } else {                              // a 0 value
          Serial.println(F("LED off"));
          digitalWrite(ledPin, LOW);          // will turn the LED off
        }
      }
    }

    // when the central disconnects, print it out:
    Serial.print(F("Disconnected from central: "));
    Serial.println(central.address());
  }
}

(LED회로 코드 다운로드하기)

LED_Prep_ok.zip

0.00MB

< 2. 스위치(S/W) 회로 (중앙장치-Central) >

아래 연결도를 참고하여 중앙장치(Central)로 사용될 버튼 회로를 준비해 주세요.

[ 코드 - 스위치(S/W) 회로 ]

/*  LED Control Central (버튼이 있는 회로) Client */

#include <ArduinoBLE.h>

// variables for button
const int buttonPin = 2;
int oldButtonState = LOW;

void setup() {
  Serial.begin(9600);

// 아래 코드는 시리얼 포트가 준비될 때까지 무한 대기하게 됩니다.
// 따라서 시리얼모니터 사용 없이 동작시키고자 한다면 아랫부분을 반드시 주석 처리해 주세요 
  while (!Serial);    

  // configure the button pin as input
  pinMode(buttonPin, INPUT);

  // initialize the Bluetooth® Low Energy hardware
  BLE.begin();

  Serial.println("Bluetooth® Low Energy Central - LED control");

  // start scanning for peripherals
  BLE.scanForUuid("19b10000-e8f2-537e-4f6c-d104768a1214");
}

void loop() {
  // check if a peripheral has been discovered
  BLEDevice peripheral = BLE.available();

  if (peripheral) {
    // discovered a peripheral, print out address, local name, and advertised service
    Serial.print("Found ");
    Serial.print(peripheral.address());
    Serial.print(" '");
    Serial.print(peripheral.localName());
    Serial.print("' ");
    Serial.print(peripheral.advertisedServiceUuid());
    Serial.println();

    if (peripheral.localName() != "LED") {
      return;
    }

    // stop scanning
    BLE.stopScan();

    controlLed(peripheral);

    // peripheral disconnected, start scanning again
    BLE.scanForUuid("19b10000-e8f2-537e-4f6c-d104768a1214");
  }
}

void controlLed(BLEDevice peripheral) {
  // connect to the peripheral
  Serial.println("Connecting ...");

  if (peripheral.connect()) {
    Serial.println("Connected");
  } else {
    Serial.println("Failed to connect!");
    return;
  }

  // discover peripheral attributes
  Serial.println("Discovering attributes ...");
  if (peripheral.discoverAttributes()) {
    Serial.println("Attributes discovered");
  } else {
    Serial.println("Attribute discovery failed!");
    peripheral.disconnect();
    return;
  }

  // retrieve the LED characteristic
  BLECharacteristic ledCharacteristic = peripheral.characteristic("19b10001-e8f2-537e-4f6c-d104768a1214");

  if (!ledCharacteristic) {
    Serial.println("Peripheral does not have LED characteristic!");
    peripheral.disconnect();
    return;
  } else if (!ledCharacteristic.canWrite()) {
    Serial.println("Peripheral does not have a writable LED characteristic!");
    peripheral.disconnect();
    return;
  }

  while (peripheral.connected()) {
    // while the peripheral is connected

    // read the button pin
    int buttonState = digitalRead(buttonPin);

    if (oldButtonState != buttonState) {
      // button changed
      oldButtonState = buttonState;

      if (buttonState) {
        Serial.println("button pressed");

        // button is pressed, write 0x01 to turn the LED on
        ledCharacteristic.writeValue((byte)0x01);
      } else {
        Serial.println("button released");

        // button is released, write 0x00 to turn the LED off
        ledCharacteristic.writeValue((byte)0x00);
      }
    }
  }

  Serial.println("Peripheral disconnected");
}

(스위치 회로 코드 다운로드하기)

LedControl_Cent.zip

0.00MB

아래는 두 회로를 실제로 조립한 모습입니다.

나노33 BLE 주변장치회로(LED)와 중앙장치회로(스위치)

작업의 편의상 하나의 PC에 두 대의 아두이노를 연결하여 작업할 텐데요.

장치관리자를 열어서 연결된 포트를 확인하면 편합니다. (포트 번호는 PC에 따라 Nano33 보드에 따라 기본적으로 랜덤으로 할당됩니다. 다만 인식한 포트 번호에 마우스 우클릭 후 고급탭으로 들어가서 아래처럼 번호를 변경해 줄 수도 있습니다. )

아두이노 보드 연결 포트 번호 변경하는 방법

그리고, 하나의 PC에 아두이노 두 대를 연결해서 시리얼 모니터 통신을 하려면, 아두이노 IDE 상에서 nano33 보드가 각각 포트를 다르게 인식하도록 해야 하는데요, 만약, 코드 하나를 열고서 그 IDE에서 예제를 클릭하거나 열기로 불러오게 되면
두 개의 아두이노가 같은 포트로 인식되어 시리얼 모니터를 이용한 통신이 안 됩니다.

우선 첫 번째 예제로 Central 항목에 있는 “LedControl” 파일을 열어주세요.
앞서 설명한 대로 두 번째 예제 파일은 Arduino IDE 프로그램을 새로 실행시켜서 열어주세요.
두 번째 파일은 새로 실행된 IDE의 예제에서 Peripheral 항목에 있는 “LED” 파일을 열어주세요.

이때 각각의 nano33이 인식되는 포트가 다르게 어디로 할당되는지 확인해 주세요.

현재 LedControl 코드는 버튼 회로에 업로드해야 하기에 버튼이 있는 나노의 포트로 선택하세요.
마찬가지로 LED 코드는 LED가 연결된 회로에 업로드하기 위해 LED가 있는 나노를 선택하세요.
그리고 각각 코드를 업로드해줍니다.

두 개의 나노보드의 포트를 하나의 PC에서 각각 다르게 인식시키는 확실한 방법은, 해당 아두이노 코드를 각각 저장하고, 각각의 코드를 직접 더블 클릭해서 열면 됩니다.

일단, 코드를 업로드해보세요, 그리고 바로 버튼을 눌러보세요. 그럼, 동작이 안 될 거예요.
그리고 ' LedControl' 코드와 'LED'코드의 IDE에서 시리얼모니터를 각각 열어보세요. 그럼, 서로 페어링 되는 내용이 표시되고, 그런 다음 동작시켜 보면 아래처럼 동작이 잘 될 거예요.

여기서 다시, 시리얼(모니터) 통신 없이 전원을 연결하여 테스트해보면, 페이링이 되지 않고 동작도 되지 않을 거예요.

그 이유는 LedControl 코드와 LED 코드에 기본적으로 아두이노 IDE의 시리얼 모니터가 열려야 동작되도록 하는 코드가 들어 있어 그렇습니다.
아래 이미지에 보면, while ( !Serial ); 이라는 코드로 인해, 시리얼 모니터가 열리지 않을 경우 그다음라인으로 넘어가지 않도록 되어 있기 때문인데요, 이 부분을 주석처리하게 되면, 나노 33 보드들에 전원을 연결만 하게 되면 바로 페어링 되어 동작이 가능한 상태가 됩니다.

주석처리 → // while ( !Serial );

이후 코드를 재업로드하고 테스트해 보면, 두 장치 모두 PC연결 없어도 페어링과 동작이 잘 됩니다.

④ 서보모터 스위치로 제어하기

그럼 이제 두 번째 실습으로 버튼으로 서보모터를 구동시켜 보도록 하겠습니다.

아래 보이는 연결도를 참고하여 두 번째 회로를 준비해 주세요.

[ 코드 - 서보모터 Peripheral 회로용 코드 ]

/*  Servo Peripheral (서보 회로)  Server */

#include <ArduinoBLE.h>
#include <Servo.h>    // 서보 라이브러리를 지정
#define servoPin 3    // 서보 모터핀을 지정
Servo myservo;          // 서보 라이브러리 객체를 선언
int pos=0;            // 현재 각도를 저장할 변수를 지정한다

BLEService myservoService("19B10000-E8F2-537E-4F6C-D104768A1214"); // Bluetooth® Low Energy Servo Service

// Bluetooth® Low Energy LED Switch Characteristic - custom 128-bit UUID, read and writable by central
BLEByteCharacteristic switchCharacteristic("19B10001-E8F2-537E-4F6C-D104768A1214", BLERead | BLEWrite);

// const int ledPin = LED_BUILTIN; // pin to use for the LED

void setup() {
  Serial.begin(9600);
//  while (!Serial);    
  
  myservo.attach(servoPin);   // 서보모터 핀을 설정한다
//  pinMode(ledPin, OUTPUT);

  // begin initialization
  if (!BLE.begin()) {
    Serial.println("starting Bluetooth® Low Energy module failed!");
    while (1);     // BLE 서비스가 시작될 때까지 무한 루프
  }

  // set advertised local name and service UUID:
  BLE.setLocalName("SERVO");
  BLE.setAdvertisedService(myservoService);

  // add the characteristic to the service
  myservoService.addCharacteristic(switchCharacteristic);

  // add service
  BLE.addService(myservoService);

  // set the initial value for the characeristic:
  switchCharacteristic.writeValue(0);

  // start advertising
  BLE.advertise();

  Serial.println("BLE Servo Peripheral");
}

void loop() {
  // listen for Bluetooth® Low Energy peripherals to connect:
  BLEDevice central = BLE.central();

  // if a central is connected to peripheral:
  if (central) {
    Serial.print("Connected to central: ");
    // print the central's MAC address:
    Serial.println(central.address());

    // while the central is still connected to peripheral:
    while (central.connected()) { 
      // if the remote device wrote to the characteristic,
      // use the value to control the LED:
      if (switchCharacteristic.written()) {
        if (switchCharacteristic.value()) {   // any value other than 0
          Serial.println("Servo turn on");
              myservo.write(180);   // 서보모터의 각도를 변경한다              
              delay(500); // 서보 모터의 각도가 변하는 것을 기다려 준다. 

              myservo.write(0);   // 서보모터의 각도를 변경한다              
              delay(500); // 서보 모터의 각도가 변하는 것을 기다려 준다.                  
        }
      }
          Serial.println(F("Servo turn off"));
    }

    // when the central disconnects, print it out:
    Serial.print(F("Disconnected from central: "));
    Serial.println(central.address());
  }
}

( 서보모터 회로용(Peripheral) 코드 다운로드 하기)

Servo_Prep.zip

0.00MB

이번 실습의 서보모터용 코드는 아두이노 코드는 ArduinoBLE 라이브러리를 사용한 예제 파일들을 베이스로 해서 서보모터 제어에 필요한 부분만 추가해 넣어주면 됩니다. 그리고 다른 부품이나 모듈을 사용한 응용실습을 하려 할 때도 이렇게 기존 예제 파일을 수정해서 작성하면 됩니다.

여기서, 버튼 회로는 실습 1과 동일한 Central 항목에 있는 “LedControl” 파일을 그대로 사용합니다.
두 번째 서보회로 파일은 Peripheral 항목에 있는 “LED” 파일에서 서보모터 구동을 위한 코드를 추가해 주면 서보모터를 쉽게 제어할 수 있습니다.

서보모터 사용에 대한 관련 자료는 아래 링크를 참고해 보세요.

【 아두이노 기초 】 #23 서보 모터 제어 1

【 아두이노 기초 】 #28 서보(Servo) 모터 제어 하기 1

【 아두이노 기초 】 #29 서보(Servo) 모터 제어 하기 2

【 아두이노 기초 】 #30 서보(Servo) 모터 제어 하기 응용

서보모터(SG90/MG90 모델)는 동작 전압이 4.8~6V인데, 보통 5V 정도를 별도로 공급해 주는 것이 좋습니다.
영상에서는 임시로 나노보드의 3.3V 출력 단자로 연결하여 테스트해 본 것인데요.
만약 모터에 부하가 가해질 경우 나노보드가 손상될 수 있으니 꼭 별도의 전원으로 동작시켜주세요.
그리고, 실습이 아니라 실제 응용을 하고자 한다면, SG90보다 안정성이 좀 더 좋은 MG90 서보를 사용하는 것을 권해드리고, 동작 토크가 더 필요하다면 MG996R과 같은 하이토크 모델급 이상을 사용하는 것이 좋을 거예요. 또한 작동 범위(각도)도 90도, 180도 360도 등 다양하게 있으니 사용 목적에 맞는 서보모터를 선택하면 됩니다.

그리고 서보모터를 브레드보드에 연결하기 위해서는 이런 PCB헤더라고 하는 핀을 사용하거나, 가지고 있는 점퍼케이블로 양쪽을 연결해 주면 됩니다.
그럼 통신포트를 확인하고 서보모터 회로에 코드를 업로드해 주세요.
이제 버튼을 눌러보면 잘 동작하는 것을 볼 수 있습니다.

블루투스(BLE) 무선으로 서보모터 제어하기

그럼 이제 아래처럼, PC 연결을 제외하고 외부 전원 연결로 동작이 잘 되는지 테스트해 보세요.

그럼 여기서 서보모터에 별도의 전원을 연결해 볼게요

이때 그라운드(GND)는 모두 동일하게 묶어주어야 합니다.

그럼 아주 활기 있게 움직이며, 이 때는 서보모터에 부하가 어느 정도 걸려도 잘 동작될 거예요.

그리고 아래 이미지처럼, 무선 전원으로 9V 배터리를 연결해서도 동작이 잘 되는 것을 볼 수 있습니다.

실습 #1 BLE로 LED와 서보모터 제어는 여기까지고요,
다음 #2편 영상에서는 도어록 솔레노이드를 블루투스(BLE)로 제어해 보겠습니다.

마지막으로 아래 실습 강의 영상과 함께 학습하시면 내용이해에 도움이 될 것으로 생각됩니다.
감사합니다.
https://youtu.be/eePGckOYSZs

【Linux-명령어】우분투(Ubuntu) deb 파일 설치하기(chrome 브라우저 설치)

엑소더스팩토리 — Tue, 19 Sep 2023 22:43:00 +0900

리눅스에서 사용하는 확장자가 .deb 파일은 윈도에서의 실행파일인 .exe나 .msi의 install 파일과 같은 역할을 합니다. 조금 더 정확하게는 프로그램을 설치할 수 있는 패키지 파일이며 더블 클릭해 보면 어떤 패키지로 구성되어 있는지, 확인할 수 있습니다. 아래, 예를 들어 우분투에서 크롬 브라우저를 설치하기 위해 아래와 같은 파일을 다운로드하였고, 이를 더블 클릭해 보면 패키지 내용을 확인할 수 있습니다.

위의 패키지(설치) 파일을 더블클릭하면 아래처럼 패키지 내용을 볼 수 있습니다.

확장자가 .deb 인 패키지(꾸러미) 파일은 데비안 파일과 관련 있으며, 예시로 리눅스용 크롬 브라우저를 설치해 볼게요, .deb 패키지 파일을 설치하는 명령어는 아래와 같습니다.

deb 파일

dpkg -i "패키지이름.deb"

설치한 패키지 제거는 -r 옵션을 붙여서 제거할 수 있습니다.

dpkg -r "패키지이름.deb"

아래, 크롬 브라우저 패키지(.deb) 파일 설치를 dpkg -i 명령어와 옵션을 사용하여 설치해 보았습니다.

위와 같이 설치가 진행되면 아래처럼 크롬 브라우저 아이콘을 볼 수 있습니다.

감사합니다.

PRIVACY_POLICY

엑소더스팩토리 — Sun, 10 Sep 2023 12:18:09 +0900

PRIVACY POLICY

WHO WE ARE

Suggested text: Our website address is: https://vultr.seoul.kr.

COMMENTS

Suggested text: When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection.

An anonymized string created from your email address (also called a hash) may be provided to the Gravatar service to see if you are using it. The Gravatar service privacy policy is available here: https://automattic.com/privacy/. After approval of your comment, your profile picture is visible to the public in the context of your comment.

MEDIA

Suggested text: If you upload images to the website, you should avoid uploading images with embedded location data (EXIF GPS) included. Visitors to the website can download and extract any location data from images on the website.

COOKIES

Suggested text: If you leave a comment on our site you may opt-in to saving your name, email address and website in cookies. These are for your convenience so that you do not have to fill in your details again when you leave another comment. These cookies will last for one year.

If you visit our login page, we will set a temporary cookie to determine if your browser accepts cookies. This cookie contains no personal data and is discarded when you close your browser.

When you log in, we will also set up several cookies to save your login information and your screen display choices. Login cookies last for two days, and screen options cookies last for a year. If you select “Remember Me”, your login will persist for two weeks. If you log out of your account, the login cookies will be removed.

If you edit or publish an article, an additional cookie will be saved in your browser. This cookie includes no personal data and simply indicates the post ID of the article you just edited. It expires after 1 day.

EMBEDDED CONTENT FROM OTHER WEBSITES

Suggested text: Articles on this site may include embedded content (e.g. videos, images, articles, etc.). Embedded content from other websites behaves in the exact same way as if the visitor has visited the other website.

These websites may collect data about you, use cookies, embed additional third-party tracking, and monitor your interaction with that embedded content, including tracking your interaction with the embedded content if you have an account and are logged in to that website.

WHO WE SHARE YOUR DATA WITH

Suggested text: If you request a password reset, your IP address will be included in the reset email.

HOW LONG WE RETAIN YOUR DATA

Suggested text: If you leave a comment, the comment and its metadata are retained indefinitely. This is so we can recognize and approve any follow-up comments automatically instead of holding them in a moderation queue.

For users that register on our website (if any), we also store the personal information they provide in their user profile. All users can see, edit, or delete their personal information at any time (except they cannot change their username). Website administrators can also see and edit that information.

WHAT RIGHTS YOU HAVE OVER YOUR DATA

Suggested text: If you have an account on this site, or have left comments, you can request to receive an exported file of the personal data we hold about you, including any data you have provided to us. You can also request that we erase any personal data we hold about you. This does not include any data we are obliged to keep for administrative, legal, or security purposes.

WHERE YOUR DATA IS SENT

Suggested text: Visitor comments may be checked through an automated spam detection service.

2023년 제3회 '3D 프린터 운용 기능사' 실기 후기 및 "시험 준비 최종 체크리스트"

엑소더스팩토리 — Mon, 28 Aug 2023 09:00:32 +0900

※ 이하 내용은 글 작성 당시의 시험장 환경과 여러 가지 경험을 토대로 작성된 글입니다. 따라서 향후 여러분이 보게 될 시험장 환경 또는 시기적으로 변경되거나 달라질 수 있는 부분이 있다는 점 참고해서 봐주세요.

이번 3회 시험 첫째 날(23년 8월 14일)에 나온 과제는 과거 출제 된 12번 문제입니다. (치수 동일)

이제부터는 출제된 문제들이 많이 쌓였기 때문에 최근까지 출제된 문제들을 문제은행으로 놓고, 간간이 새로운 문제를 추가하는 식으로 출제될 것 같아요. 3D프린터운용기능사 첫 시험부터 최근까지(23년 8월 기준) 총 24종의 문제가 출제되었는데요, 올해 기능사 3회 첫날 시험에서는 ⑫번 문제(도면)가 출제되었습니다. 따라서 기본적으로 지금까지 출제된 문제들을 최소한 한 번씩은 연습해야 하며, 되도록이면 24종의 문제 전체를 2~3번 이상 연습해 보는 것이 좋습니다. 그리고 사실 2~3번 이상 연습이 된 상태라면, 새로운 문제가 출제되더라도 처음엔 좀 당황하겠지만 충분히 풀어 갈 수 있을 것으로 생각됩니다.

[ 12번 도면 다운로드하기 ]

01 12회차 문제 도면.png

0.08MB

※ 이번 12번 문제의 경우, 모델링하는 데에는 크게 어렵지 않은 과제입니다. 이 글 아래 부분에서 출력 시 주의해야 할 사항 및 시험관련된 팁들에 대해 좀 더 자세히 다루도록 하겠습니다.

[ 실기시험을 본 시험장 환경 ]

1. 시험장 : 울산창조경제혁신센터(울산대학교내 위치)
2. 모델링 툴 : Fusion360 (구동 환경 : 약 15인치 크기의 노트북)
3. 슬라이서 툴 : 큐라 Cura 15.04.6 버전
4. 3D프린터 기종 : GP200

※ 개인적으로 자신이 사는 곳과 아주 멀지 않은 지역이라면 울산창조경제혁신센터 시험장을 강력 추천합니다! 3D 프린팅 장비와 소프트웨어 사용 환경 등 모두 만족했으며, 해당 시험장은 오랜 기간 3D 프린팅 실기시험을 치른 곳이어서 그런지, 시험을 진행하는 관리위원 및 감독관과 관계자 모두 시험 진행을 매끄럽게 잘 진행해 주었고, 수험자분들이 긴장해서 실수하지 않도록 세심한 설명으로 잘 유도해 주었으며, 작은 돌발사항 발생에도 불이익이 없도록 깔끔하게 잘 대처해 주었습니다.
( 이곳 시험장 시설 특징 : GP200의 경우 타 모델에 비해 출력물이 배드에 안착이 잘 되었으며, 출력물 품질도 나쁘지 않았습니다. 다만 제공되는 필라멘트 재질이 개인적으로 사용해 본 필라멘트보다 응착력? 이 강해 보이는 것 같은 재질 특성으로 인해 서포트를 많이 적용하게 되면 떼어내는데 조금 힘이 들 수 있을 것 같습니다. 이곳의 좋은 점은 실기시험 일 직전에 장비사용에 대한 교육을 진행하기 때문에 원하는 사람은 사전에 신청해서 직접 시험장 장비 및 시설을 이용해 볼 수 있습니다.
그리고 제일 좋았던 점은, 일반적으로 시험을 치러가면 기본적으로 Fusion(퓨전) 360은 자신의 아이디로 직접 로그인하게 되어 있는데요, 이때, 시험에 영향을 줄 수 있기 때문에 자신이 그간 작성해 놓았던 모든 모델링 파일들을 사전에 모두 삭제하고 가야 하는 불편함이 있지만, 여기서는 이미 로그인된 깨끗한 교육용 ID를 제공해 주기 때문에 전혀 불편함 없이 시험을 치를 수 있어서, 사는 곳과 거리가 좀 멀었지만 주저 없이 이곳을 선택하게 되었습니다 )

기능사 3회 2023년 8월 게시된 전국 3D프린터 기능사 실기 시험장 시설 현황을 첨부하니, 참고해 보세요.
( 시설 현황은 시험장 사정에 따라 추후 변동성이 있기 때문에 해당회차 실기 시험 접수 직전에 게시되며 일정기간 지나면 시설 목록은 삭제될 수 있습니다. 따라서 매우 큰 변화가 있는 것은 아니지만 시설현황은 향후 변동 될 수 있다는 점 인지하고 향후 큐넷에서 시험장 정보 재공지하는 것을 다시 확인해 주세요. 출처 : Q-Net 공지사항 게시판 )

작업형 시설공개 종목 시험장 시설현황_0716 (3D 등).xlsx

0.06MB

여기서 중요한 건, 필기 접수때도 마찬가지지만 실기 접수는 더더욱 자신이 연습한 모델링툴이 정해져 있고, 사용하고자 하는 슬라이서 툴 및 선호하는 3D 프린터 기종이 별도로 있기 때문에, 이런 조건들을 모두 만족하는 시험장에서 시험 볼 수 있도록 실기시험 접수 때 상당히 신경 써야 합니다. 접수 기간은 며칠 여유가 있는 것은 사실이나 자신이 사는 지역과 되도록 가까운 지역으로 시험장을 선택하고자 한다면, 그리고 자신이 원하는 장비와 소프트웨어가 갖춰진 시험장이 조기에 인원마감이 될 수 있기 때문에 접수 당일 오픈 시간(오전 10시) 전에 준비해서 바로 접수할 수 있도록 하는 것이 좋습니다.

시험 종목에 따라 예를들어, 전기기능사와 같은 종목은 특히나 눈치(?) 싸움도 치열하기 때문에, 접수 시, 결제 방법도 신용카드 결제보다 더 빠르게 접수 처리되는 "가상계좌 이체" 방법을 선택하는 것을 추천하기도 합니다. (접수완료 기준은 결제 단계까지 간 것을 기준으로 함). 신용카드 결제의 경우 수많은 접수자가 결제 시도 시 결제 시스템(서버)이 불안정할 수 있고, 따라서 결제지연이 되는 경우가 있다고 합니다.

가상계좌 이체 방법은 금액 이체 시간 기준이 아니며 일단 선택되면 선접수완료 되며, 실제 실기비용 이체는 접수 당일 오후 2시 전까지만 이체하면 됩니다. 만약, 오후 2시를 넘긴다면 접수 취소처리 되니 유의해 주세요.

※ 한가지 추가 팁으로 접수일 직전에 접수를 위한 사전 정보 입력 서비스도 제공되니 꼭 이용해 보세요. 실기 접수 관련된 입력사항(학력정보, 경력정보, 자격정보, 개인 PC지참 여부, 장애 여부 등)을 미리 입력해 놓으면 접수 당일 접수를 보다 빠르게 진행할 수 있습니다. (아래는 사전입력정보 예시입니다)

위에까지 선택하면 아래와 같은 서전정보 입력이 완료되며, 추후 결제 당일 오전 10시가 되면 아래 "결제정보"란에 결제할 수 있는 버튼이 활성화됩니다. 여기서 중요한 것은 큐넷 첫 페이지에 있는 원서접수하기 메뉴로 들어가면 안 되며, 반드시 큐넷 로그인 후, 아래 화면이 나오는 마이페이지로 바로 들어가야 합니다. 그리고 접수 시작이 되는 오전 10시가 되자마자 리프레시를 눌러보면 약간의 대기 시간 후에 활성화된 결제버튼을 누르고 결제 진행하면 됩니다.

<수험자 지참물 >

수험자 지참물은 반드시 사전에 꼼꼼하게 챙겨서 가야합니다. 시험장에 따라, 특히 보호장갑이나 방진마스크 등 일부 지참물을 준비해 가지 않을 경우 감점처리 될 수 있습니다. 특히 안전과 관련된 지참물의 경우, 예를 들어 장갑을 끼지 않고 서포트 제거하다 손을 다치거나 할 경우 책임의 소재도 있기 때문이기도 하겠지만, 실제로 날카로운 공구를 가지고 작업할 때 손을 다치는 경우가 종종 있기 때문에 본인을 위해서라도 지참물을 잘 챙겨가시기 바랍니다.

< 시험 전 중요 체크 사항 >

[ 시험 1 과제 ]

"제 1과제" 시험 시 중요체크사항이며, 관련된 상세설명도 이어서 하겠습니다.

1) 제출할 파일 확인(4가지)하기!
2) Fusion360 오프라인 모드(네트워크 차단) 사용해 보고 가기! (파일 저장 방법 확인)
3) 자신이 사용하는 Fusion360 사용자 환경설정 다시 확인하고 가기!
4) 작품에 비번호 새기고 공차 넣기 확인하기!
5) 안정적인 출력을 위한 부품의 방향 정하기
6) 슬라이서 프로그램 설정 체크하기!

먼저, 시험 전체 프로세스에 대해 이해하는 것이 중요하니, 실수가 없도록 요구사항을 상세히 읽고 대비하면 좋겠습니다.
'제1과제'는 3D 모델링으로, 제한 시간은 1시간입니다. 자신이 연습해 온 모델링 툴로 설계하여 다음과 같은 4개의 모델링 파일을 감독관이 제공해 주는 USB에 제출하는 것입니다.

1) 제출할 파일 확인(4가지)하기!

①. Fusion360 작업 파일 "xx.f3d" (작업하는 모델링툴에 따라 확장자가 다름)
②. 채점을 위한 STEP 파일 "xx.stp"
③. 슬라이싱 작업을 위한 파일 "xx.stl"
④. 슬라이싱 된 3D프린터 출력 파일 "xx.gcode"
파일이름은 반드시 자신이 부여받은 비번호로 하게 되어 있으니 주의해 주세요. 예를 들어 비번호 9번을 부여받았다면, 윈도 바탕화면에 "09"라는 폴더를 생성한 후, 거기에 " 09.f3d " , " 09.stp " , " 09.stl " , " 09.gcode " 이렇게 4개의 파일을 저장해야 하며, 작업이 완료되면 감독관에게 손을 들고 작업한 파일을 보여주면, 감독관이 USB를 제공해 주며, 그럼 거기에 파일들을 저장해서 자신이 제공받은 3D 프린터로 가서, "제2과제" 출력하기로 넘어가게 됩니다.

여기서, 감독관이 먼저 '제2과제'로 넘어가는 진행방식을 수험자들의 의견을 묻거나하여 결정하게 되는데요, '제1과제' 1시간을 모두 동일하게 기다려 종료된 후 '제2과제'로 모두 동시에 넘어가는 방식이 있지만 이는 일찍 끝낸 사람들은 남은 시험시간을 멀뚱히 기다려야 하기 때문에, 그리고 1과제의 경우 대부분 30분 전 후로 작업을 끝내는 수험자가 많기 때문에, 1과제 작업을 일찍 완료하는 대로 개인별로 2과제 시험 시간을 따로 적용하여 2과제 작업으로 바로 넘어가는 방식을 적용하는 경우가 많습니다.

2) Fusion360 오프라인 모드(네트워크 차단) 사용해 보고 가기! (작업 중 파일 저장 방법 확인)

※ Fusion360의 경우 클라우드 방식의 온라인으로 연결된 서버에 작업파일('xx.f3d')을 저장하는 방식으로 작동이 되는데요, 시험장에서는 네트워크를 차단한 상태로, 즉 Fusion360을 Off라인 모드로 해놓고 시험을 치르기 때문에 파일 저장 시 주의해야 합니다. 따라서 자동으로 온라인에 저장되는 일반적인 저장(Save, 또는 Save as...) 기능은 이용이 불가하여, 작업 중간중간 파일을 저장해 놓을 경우에는, Export 기능을 통하여 저장해야 합니다. 이때 파일 저장위치는 바탕화면 비번호 폴더입니다.

만약 작업 중 프로그램 및 컴퓨터 오류로 인하여 멈춰버리거나 할 경우 시험을 망칠 수 있기 때문에, 반드시 작업 중간중간 또는 중요한 부분의 작업을 마무리하였을 경우 반드시 Export를 통하여 작업파일을 저장해 주세요.
또한, 아래에 보이는 작업파일 복구하기 기능도 알아두면 좋습니다. 작업 중 갑자기 다운되거나 할 경우 프로그램에 설정된 일정 간격 자동 저장 기능으로 저장된 파일을 불러올 수 있는데요, "Open Recovered Documents(0)" 메뉴를 통해 복구할 수 있습니다. (한글 모드에서는 "복구된 문서 열기(0)"로 표시됩니다)

3) 자신이 사용하는 Fusion360 사용자 환경설정 다시 확인하고 가기!

①. 환경설정 메뉴 위치 파악하기
②. 한글모드 / 영문모드 변경하기
③. 줌 방향 / 조작 방법 선택하기

①. 환경설정 메뉴 위치 파악하기

처음 Fusion360을 접하게 되면 환경설정(기본설정-Preferences) 메뉴 위치를 찾는데 상당히 애를 먹을 수도 있는데요, 메뉴 위치는 Fusion360 프로그램 우측 상단 쪽에 자신의 계정 아이콘 모양을 클릭하면 됩니다. 경우에 따라서는 아래처럼 계정 아이콘 모양이 잘 안 보일 수 있는데, 그냥 그 위치를 클릭하면 서브 메뉴가 바로 나타나니 참고하세요.

②. 한글모드 / 영문모드 변경하기

자신이 사용하던 Fusion360의 언어 설정과 시험장의 언어설정이 다를 수 있습니다. 따라서 자신이 원하는 언어로 변경이 필요한데요,
기본설정(Preferences)을 클릭하면 아래와 같은 메뉴가 열리고 메뉴 제일 상단에 "사용자 언어" 부분에서 언어 변경을 할 수 있습니다.

한글 모드

영문 모드

※ 간혹 한글 모드에서 파일 Export 할 때 에러가 나는 경우가 있다고 하니, 계속 에러가 날 경우 영문 모드로 변경 후 Export 시도해 보시기 바랍니다. 가급적이면, 처음부터 영문모드로 해놓고 연습해서 영문모드에 익숙해지는 것을 권장해 드립니다.

③. 줌 방향 / 조작 방법 선택하기

먼저 자신의 취향에 따라 아래 이미지에 있는 줌 방향 반전 부분을 체크하거나 해제해서 사용해 보세요.
줌 방향은 마우스 휠을 위로 미느냐? 당기느냐? 에 따라 줌 인 또는 줌 아웃이 되는 것이 반전이 되는 옵션입니다. 대부분은 이미 어느 한쪽에 익숙해져 있는데, 이 기능이 반대로 동작한다면, 마음은 급한데, 시험 내내 반대로 작동한다면 매우 짜증? 이 날 수 있겠죠? ㅎ

다음으로, 이미 인벤터, 팅커캐드, 솔리드웍스 등 자신이 사용해 본 프로그램이 있다면 거기에서 사용했던 초점이동, 줌, 회전에 대한 마우스 등의 사용법에 많이 익숙해져 있을 텐데요, 이런 익숙해진 툴과 같은 방식으로 Fusion360을 사용할 수 있도록 관련된 설정을 변경해 주는 기능입니다.
저의 경우는 오른쪽 마우스로 모델을 이리저리 회전시켜 보는 기능이, 큐라와 같은 슬라이서 프로그램에서 사용하는 방식과 유사한 " Tinkercad "가 있어서 개인적으로 너무 편해서 선택해 놓고 사용하고 있습니다. 따라서 시험장의 경우 Inventer 혹은 다른 툴로 설정되어 있다면 작업에 매우 불편할 수 있으니 이 기능도 꼭 자신이 사용하던 툴로 변경해 놓고 시험을 치르면 좋습니다.

4) 작품에 자신의 비번호 새기고 공차 넣기 확인하기!

①. 비번호 각인하기
②. 공차 넣고 확인하기

①. 비번호 각인하기

3D 프린팅 시험에서 모든 과정을 완벽하게 했더라도, 자신의 비번호가 새겨지지 않은 모델을 출력하게 되면 실격으로 이어질 수 있습니다. 희미하더라도 비번호가 새겨진 것과 새겨지지 않은 것의 차이는 합격과 불합격으로 큰 차이 날 수 있으니 반드시 비번호 넣는 것을 잊지 않아야 합니다.
만약 9번 수험자의 경우 9라고 새겨도 되고, 09라고 넣어도 전혀 상관없습니다. 다만 개인적으로는 6번과 9번이 헷갈리수 있으니 앞에 0을 넣어주는 것이 좋다고 생각합니다.
또한 비번호는 입력 시 출력물에 표시가 선명하게 잘 되도록 음각 Extruder 적용 시 적절한 굵기와 깊이로 넣도록 해야 합니다. 실제 시험장에서 특정 수험자의 경우, 폰트 크기 및 굵기 선택이 적절하지 못하고, 너무 얇은 음각으로 인해 출력물을 보니 거의 표시가 되지 않는 경우가 발생했습니다.

숫자를 넣는 위치의 부품 두께가 아주 얇은 것이 아니라면, 기본적으로 음각은 -1mm 이상 주는 것이 좋습니다.

②. 공차 넣고 확인하기

3D 모델링에서 비번호 입력만큼 중요한 것이 공차입니다. 보통 시험 때 긴장하다 보면, 모델링 완료 후 공차 넣는 것을 잊어버릴 수 있는데요, 이 상태로 출력하게 되면, 부품1과 부품2의 움직여야 하는 연결 부위가 단단히 붙어버려 실격으로 이어지게 되죠. 그리고 당연하게도 제 1과제 설계 종료 후 제2과제로 한번 넘어가게 되면, 빠진 공차를 다시 넣는다든지 하는 수정 작업은 아예 불가하기 때문에, 제1과제 마무리 할 때 반드시 공차를 제대로 넣었는지? 확인해 주세요.

시험 유의사항에도 나와 있듯이 공차는 1mm를 초과할 수 없는데요, 후가공의 편리성을 위해 공차는 최대치 인 1mm로 주는 것이 좋습니다. 공차를 넣게 되는 위치는 상호 움직임이 발생되는 치수 A와 B로 표시되는 부분이며 기준치수와의 차이가 1mm를 넘지 않도록 공차를 넣어 주면 됩니다.

먼저 아래 도면을 다시 한번 자세히 살펴보세요.

<'A' 에 공차 넣기>

아래 이미지에서 "A" 구간처럼 원통형의 경우 OFFSET FACE로 -0.5mm로 공차를 주면 원직경으로 딱 -1mm 줄어들게 됩니다.
만약 OFFSET FACE 값을 -1mm로 하게 되면, 원을 둘레로 해서 1mm씩 줄어들게 되면 직경으로 따지면 결국 2mm가 줄어들게 되니 주의해 주세요.

<'B' 에 공차 넣기>

아래 이미지에서 "B" 구간처럼 OFFSET FACE로 -0.5mm씩 양쪽을 함께 공차를 주게 되면 B구간의 몸통 직경이 종합적으로 1mm 줄어들게 됩니다.
만약 OFFSET FACE 값을 -1mm로 하게 되면, 한쪽에 1mm씩, 직경으로 따지면 결국 2mm가 줄어들게 되니 주의해 주세요.

< 공차를 넣기 전 모델링 단면 >

< 공차를 넣은 후 모델링 모습 >

5) 안정적인 출력을 위한 부품의 방향 정하기!

3D 모델링 완성 후에 출력을 위한 슬라이싱 파일(gcode)을 만들게 되는데요, 이 과정에서 3D프린터로 출력시킬 작품의 방향을 정해줄 수 있습니다. 여기서 중요한 것은 어느 방향으로 설정하느냐에 따라 출력시간이 길어지거나 단축될 수 있고, 배드 안착에 문제가 생길 수 있으며, 후가공이 불편해지거나, 안정적으로 출력이 되느냐? 등 여러 가지로 영향을 주기 때문에 신중하게 고민해서 출력의 방향을 결정하는 것이 필요합니다.
3D 모델링 부품의 방향은 Fusion360의 STL 파일을 Export 하는 단계에서 정해 줄 수 있고, Cura와 같은 슬라이서 프로그램에서도 정해줄 수 있는데요, 다만 Cura에서는 회전이 부품1과 부품2가 고정된 상태로만 가능하기 때문에, 이번 과제 처럼, 두 개의 부품 중 하나만 따로 회전시켜야 하는 경우에는 모델링툴에서 바꾸어 주는 것이 필요할 수 있다는 점 참고하세요.

그럼, 이번 과제를 예시로 간단히 설명해 볼게요.

(예시 ①) 모델링한 모양 그대로 출력할 경우

아래, 출력스타일(방향) ①의 경우는 부품2가 바닥으로부터 튀어나와 있기 때문에 부품1을 받치기 위한 서포트가 많이 들어가게 되어 출력 시간이 더 늘어날 수 있습니다.

(예시 ②) 두 부품을 함께 옆으로 눕혀 출력할 경우.

기본 방향은 그대로 하고, 두 부품을 함께 옆으로 눕혀 옆면으로 출력하는 경우.
전반적으로 무난한 편이며, 부품1의 4개의 기둥이 세로로 길쭉하게 뽑히는 형태여서 기둥 부분의 출력 상태가 조금 불안할 수 있음. 비번호가 적힌 2번 부품의 아래면과 1번 부품 사이가 잘 떨어지지 않을 수 있음.

(예시 ③) 세로 방향으로 길게 출력할 경우.

예시 ③은 바닥면을 Raft와 같은 바닥 보조물을 넣어야 할 경우 가로 방향으로 출력할 경우보다, 면적을 최소화할 수 있어 출력시간을 줄일 수 있지만, 전체적으로 바닥의 출력 면적이 작아 안착이 불안정한 3D프린터로 출력할 경우 출력물 탈착이 우려되니 가급적 피하는 것이 좋습니다.

(예시 ④) 부품2를 돌려서 부품 1과의 바닥 높이를 일치시켜 출력할 경우.

부품 1은 가로 방향으로 그대로 놓고 부품 2를 아래 이미지처럼 회전을 시켜 출력을 하면 안착 및 출력시간도 크게 늘지 않으며 everywhere 서포트 적용을 하지 않더라도, 안정적으로 출력이 가능해 보입니다.
단, 이렇게 부품 2만 따로 돌리기 위해서는 Fusion360과 같은 모델링 툴에서만 가능합니다. 슬라이서 툴에서는 부품 1, 부품 2가 고정된 채로 함께 회전하기 때문에, 4번 스타일로 작업을 한다면 반드시 모델링 툴에서 선작업을 해주는 것이 필요합니다.

5) 슬라이서 프로그램 설정 체크하기!

큐라 15.xx 버전의 슬라이서 프로그램을 예시로 주요 설정 사항을 체크해 보세요.
※ 단, 본인이 시험 보는 장비와 환경에 따라 설정이 달라야 할 수 있으니, 본인의 상황에 맞게 조정해야 함을 잊지 마세요.
< 기본(Basic) 설정 항목의 주요 체크 사항 >

기본 설정에서 층 간격은 하나의 레이어(층)의 두께를 결정하는 것으로, 0.1 방향으로 숫자를 줄일수록 전체적인 퀄리티는 올라갈 수 있으나, 출력시간이 늘어날 수 있으며,
3.0 이상으로 너무 올리게 되면 빠른 출력이 가능하나 출력품질이 저하되며, 상황에 따라서는 레이어 간 결합력이 떨어져 탈조가 날 수도 있으니 적정 간격으로 조정해 주세요.

< 고급(Advanced) 설정 항목의 주요 체크 사항>

[ 시험 2 과제 ]

"제 2 과제" 시험 시 중요체크사항입니다.

1) 시험장의 3D프린터 작동법 및 특성 사전에 파악하고 가기!
2) 2과제 진행방법 및 제한 시간 파악하기!
3) 내부채움(Infill) 설정을 단단하게 하기! (1 과제 슬라이서 툴에서 작업)
4) 출력 시 필라멘트 롤 체크하기!
5) 후가공 시 주의할 부분!

1) 시험장의 3D프린터 작동법 및 특성 사전에 파악하고 가기!

①. 직접 사용해 볼 수 있는 곳 찾아가서 출력해 보기
②. 유튜브 및 블로그 자료 검색으로 장비 특성 파악해 보기

①. 직접 사용해 볼 수 있는 곳 찾아가서 출력해 보기

자신이 갖고 있거나 사용해 본 3D 프린터라면 문제없겠으나, 시험장소 선택과 같은 여러 이유로 전혀 사용해 보지 못한 장비로 시험을 보게 된다면 시험 때 많이 당황을 할 수 있고, 시험직전까지 계속 걱정스러운 마음으로 기다리게 되는데요, 이럴 때 해당 장비로 교육이 가능한 "메이커 스페이스" 혹은 관련 강좌 프로그램을 하는 곳이 있는지? 찾아서 교육 신청을 하고 미리 사용해 본다면 이런 걱정스러운 부분들을 해소할 수 있습니다. 실제로 자격증 시험을 보았던 울산창조경제혁신센터에서는 자격증 시험을 보기에 앞서 3D프린팅 및 장비 교육 프로그램을 진행하고 있었습니다.

②. 유튜브 및 블로그 자료 검색으로 장비 특성 파악해 보기

만약, 여러 사정으로 인해 해당 장비를 직접 사용해 보지 못하는 경우라면 유튜브 및 블로그 또는 해당 3D프린터 장비 제조사 홈페이지 등 검색하여 장비 특성이나 사용법과 같은 자료들을 찾아보아야 합니다. 파악해 두어야 할 몇 가지 내용은 다음과 같습니다.

1) 3D 프린터의 LCD 패널을 통한 조작법 파악 (메뉴 이동 방법, '오토레벨링' 메뉴 확인 또는 수동 레벨링을 위한 Step 모터 언락 방법, 필라멘트 Load/Unload 메뉴 위치 파악 등)

2) 필라멘트 교환 또는 Load / Unload 하는 방법 파악 (일반적으로는 필라멘트가 장착이 된 상태로 수험자에게 제공이 됩니다. 하지만, 만에 하나 별도로 필라멘트를 제공하여 수험자가 직접 Extruder까지 로딩시켜야 하는 경우도 생각해 볼 수 있기 때문에 이를 조작하는 관련 영상이 있다면 찾아보고 가는 것이 좋습니다.

3) 배드레벨링 (장비에 따라 오토레벨링이 지원될 수도 있고 수동으로 직접 레벨링해야 하는 경우가 있는데요, 수동 레벨링의 경우에는 역시 해당 장비의 레벨링 하는 방법을 사전에 확인하고 가야 당황하지 않게 됩니다. 다만, 시험장에 따라서 기본적으로 레벨링까지 되어 있어 특별히 수험자가 별도로 만지지 않아도 되는 곳이 있습니다. 그리고 경우에 따라, 해당 장비를 처음 사용해 보는 수험자라면 오히려 잘못 만지게 되면 출력에 문제가 생길 수 있으니 주의해야 합니다. 보통 이런 곳에서는 시험장 관리위원이 "수험자가 별도로 레벨링 할 필요 없다"라고 이야기해 주기도 하니 장비 관련 설명할 때 잘 들어보고, 만약 관련 언급이 없다면 레벨링 관련해서 질문을 해보세요. 보통의 경우는 따로 설정하지 않는 것이 도움이 될 거라는 식으로 약간 둘러서 말해주기도 합니다. 그리고 사실 상황에 따라 출력물 출력하고 서포트제거 및 제출까지 시간 여유가 많지 않을 수 있기 때문에 레벨링 등에 따로 시간을 할애할지 등은 잘 판단해 보세요. )

2) 2 과제 진행방법 및 제한 시간 파악하기!

①. 2과제 진행과 관련된 수험자 요구사항 확인하기.
②. 2과제 제한 시간! 확인할 것

①. 2과제 진행과 관련된 수험자 요구사항 확인하기.
2과제 진행과 관련된 수험자 요구사항을 확인해 보세요.

기본적으로 제2과제의 주요 과정은 아래와 같습니다.
<① 3D 프린터 세팅> → <② 출력물 출력> → <③ 출력물 후가공> ▶ 결과물 제출

②. 2과제 제한 시간! 확인할 것

2과제 제한 시간은,

"3D 프린터 장비 세팅시간" + "출력물 출력시간" + "후가공" == "2시간"

( ※ 출력물 출력 시간 : 1시간 20분 이하이며, 슬라이서 툴에서 "출력 예상 시간"이 1시간 20분 이하로 슬라이싱 된 것을 감독관으로부터 확인을 받아야 2 과제로 넘어올 수 있음)

3) 내부채움(Infill) 설정을 단단하게 하기! (1 과제 슬라이서 툴에서 작업해야 함)

3D 프린팅 시험에서 완벽하게 모델링하고 출력까지 성공했다면, 마지막으로 후가공 후 제출만 한다면 합격할 수 있습니다. 다만 모델 모양에 따라 특정부위가 얇게 디자인되어 있는 부품의 경우 후가공 과정에서 부러뜨리기가 매우 쉽습니다. 아무리 후가공 과정에서 조심하려고 주의해도, 특히 부품 1과 부품 2가 만나면서 움직여야 하는 부위의 경우 폭까지 얇은 디자인이라면, 그리고 내부 채움이 20% 이하라면, 정말 부서지기 쉽고, 그간 이런 경우로 탈락하는 사례가 종종 있어왔습니다. 서포트를 떼어내는 것뿐 아니라, 이 과정에서 쉽게 부서지는 경우가 흔하다 보니, 되도록 내부채움을 두께가 아주 얇다면 50% 가까이 가져가는 것이 좋습니다. 물론 전체 출력시간이 1시간 20분을 넘으면 안 되기에 50%를 기준으로 출력시간이 오버되지 않는 선에서 내부채움 %를 결정해 주면 좋습니다.

아래 예시로 Infill의 %에 따라 내부의 단단함을 비교해 보면 바로 이해할 수 있습니다.

위 사진에서도 알 수 있듯 Infill이 15% 정도라면 얇은 기둥 부분은 후가공 과정에서 충분히 부서질 가능성이 큽니다.

따라서, 출력 제한 시간을 확인하면서 Infil을 최대한 단단한 비율로 채워주면 좋을 것 같습니다. (권장 50%~30%)

4) 출력 시 필라멘트 롤 체크하기!

보통의 경우는 출력할 때 크게 문제없겠으나, 종종 필라멘트 롤이 엉키는 경우가 있습니다. 그렇게 되면, 필라멘트가 공급이 되지 않아 출력물이 더 이상 적층이 안 되어 출력물을 완성할 수 없게 됩니다. 따라서 시험이 진행되는 동안에는 주기적으로 작업물이 적층 되는 모습을 수험자 본인이 주의 깊게 지켜봐야 하며, 만약 필라멘트 롤이 잘 풀리지 않고 걸린다면 롤을 손으로 미리 조금씩 계속 풀어 주면서 작품을 완성해야 합니다.

5) 후가공 시 주의할 부분!

①. 작업용 장갑을 착용하고 다치지 않도록 안전에 유의함.
②. 후가공시 적절한 공구가 갖춰져 있다면 실수할 가능성이 줄어든다.

수험자 지참 준비물에 보면 작업용 장갑 및 마스크를 준비하라고 되어 있습니다. 만약 준비되지 않을 경우 시험장 상황과 감독관에 따라서 감점을 줄 수 있습니다. (규정)
물론 규정이 아니라도, 실제 후가공 상황에서 날카로운 도구로 잘 떨어지지 않는 부분을 시간에 쫓기어 작업하다가 손을 다치는 경우가 종종 있기 때문에 본인의 안전을 위해서라도 장갑을 챙겨가세요.

일반적으로 니퍼, 롱노우즈, 커팅도구(칼, 미니 조각칼 등)는 필수로 챙겨가는 것이 좋고, 추가로 필요하다면 쇠줄, 디버링 툴 같은 것도 챙겨가면 도움이 될 수 있겠습니다.

또한, 이렇게 상황에 따라, 적절한 공구들이 있다면 후가공 시 잘 떨어지지 않는 서포트를 떼어내기 수월하며, 두께가 얇아 부러지기 쉬운 부품도 좀 더 안전하게 작업할 수도 있습니다.

이상으로, 3D프린터 운용기능사 시험 전, 미리 알고 가면 도움 될 수 있는 내용으로 정리해 보았습니다.
3D프린터 운용기능사 시험을 처음 보는 분들이, 종합적으로 시험 전 준비할 수 있는 자료가 있으면 많이 도움이 되겠다는 마음으로 일주일 가까이 공을 들여 작성하였는데요, 아무쪼록 많은 도움이 되었으면 합니다.

감사합니다.

【Node-RED #⑥】노드-레드! 핵심노드 설명 5편/ Core Node Description! #5

엑소더스팩토리 — Thu, 10 Aug 2023 19:56:51 +0900

이번 게시글은 아래 지난 게시글 핵심노드 설명 4편에 이은 설명입니다. 순서는 크게 상관없지만 다른 노드의 설명과 Node-RED의 기초적인 설명을 참고하려면 맨 앞쪽 링크를 참고해 보세요.

【Node-RED #⑤】노드-레드! 핵심노드 설명 4편/ Core Node Description! #4

① delay 노드

delay 노드는 입력 받는 메시지를 일정한 규칙에 따라 지연해서 전달하도록 해주는 노드입니다.

지연 전달하는 몇 가지 조건 설정을 할 수 있는데요, 예를 들어 아래처럼 5초의 시간 delay를 시켜볼 수 있습니다. 확인을 위해 1번 debug 창은 바로 연결하였고, 2번 debug 창은 5초의 시간 delay를 거치도록 하였습니다.

1. 타임스템프(inject 노드)의 속성 값으로 전달할 적당한 메시지를 아래처럼 작성합니다.

2. delay 노드의 속성은 아래처럼 해주세요.

3. 그리고 배포하기를 누르고 Inject 버튼을 누르면 아래처럼 debug 창으로 결과를 확인해 보면, delay가 없는 출력과 비교해서 5초의 설정에 따라 5초의 delay가 정확히 발생하는 것을 알 수 있습니다.

delay 속성중에는 방금과 같은 고정 값 지연(Fixed delay) 외에, 일정 범위 값 안에서 랜덤으로 지연시킬 수 있는 속성도 사용 가능합니다.

또한, 기본(default) delay 값으로 예를 들어 3초를 설정하고, 특정 메시지(페이로드) 마다 delay를 다르게 설정하여 구분해 줄 수도 있습니다. (아래 예시)

먼저,
1. 아래처럼 노드를 구성해 주세요.

2. delay 노드의 속성은 아래처럼 "msg.delay에 지연을 설정"으로 바꾸고 시간은 default 값으로 임의로 3초를 지정해 줍니다.

3. 'A' inject노드에는 단순한 전달 메시지만 입력합니다.

4. 'B' inject 노드에는 둘 째줄에 있는 'msg.topic'을 'msg.delay'로 바꿔주고, 속성을 '0~9' number 형식으로 바꾼 다음, delay 값 5000 millisecond (5초)를 입력해줍니다.

5. 결과를 실행해 보면, 'A inject'노드를 눌렀을 때, delay (variable) 노드에 기본 값으로 설정된 3초를 기다린 후 A의 메시지(페이로드)를 debug 창으로 전달(출력)했으며,

6. 'B inject'노드를 눌렀을 때는 B inject 노드에 설정된 delay 값이 적용되어 5초를 기다린 후 B의 메시지(페이로드)를 debug 창으로 전달(출력)하는 것을 알 수 있습니다.

7. 그 밖에, delay 노드 사용할 때 inject 노드에서 Reset 기능을 설정할 수 있는데요, 예를 들어, A나 B노드의 inject를 실행하고 설정된 delay 값이 완료되기 전, Reset inject노드를 누르면 delay가 취소되고 결국 debug창으로 페이로드가 전달되지 않게 됩니다. (이 실습을 위해 아래처럼 Reset inject 노드를 추가해 주세요)

그리고 리셋(Reset) inject 노드의 속성은 아래처럼 합니다. 일반 inject 노드를 추가해서 두 번째 줄에 있는 msg.topic 항목의 topic 글자를 지우고 reset를 입력합니다.(자동완성 기능 제공) 그리고 속성창에 있는 속성을 Boolean(불린)으로 변경하고, true값으로 설정 확인해 주면 됩니다.

실습은 먼저 A 혹은 B inject 노드(여기서는 5초로 설정된 B 노드를 클릭)를 클릭 한 다음 5초가 되기 전 Reset inject노드를 클릭하면 delay가 취소되고 debug창으로 아무런 페이로드가 전달되지 않는 것을 볼 수 있습니다.

8. 아래처럼, 플러쉬(Flush) inject 노드를 추가해 주는데요, 마찬가지로 일반 inject 노드를 추가해서 두 번째 줄에 있는 msg.topic 항목의 topic 글자를 지우고 flush를 입력합니다. 그리고 속성창에 있는 속성을 Boolean(불린)으로 변경하고, true값으로 설정확인해 주면 됩니다. Flush 기능은 delay 타임이 적용되고 있든 그렇지 않든 클릭하는 즉시 페이로드를 전달시키는 기능입니다.

【키보드 인식문제】Zadig 펌웨어 업뎃 툴 사용 실수로 키보드가 먹통이 되었을 때 해결법

엑소더스팩토리 — Thu, 8 Jun 2023 12:13:46 +0900

안녕하세요~

최근, ATmega128 칩을 테스트할 일이 있어 AVRISP-mk2 툴을 알리에서 구해서 연결하던 중, AVRStudio 7.0에서 인식이 안 되는 문제가 생겨, zadig 툴을 사용하여, 펌웨어 업뎃을 진행했습니다.

zadig-2.8.exe

5.01MB

참고로, Zadig 툴은 USB형태로 연결된 기기장치들의 펌웨어를 강제로 원하는 형태로(위 이미지에 있는 4가지 종류) 덮어 씌울 수 있는 툴로서 사용시 주의를 요합니다. Zadig 툴의 옵션 메뉴에 있는 "List All Device"를 클릭하면, PC에 연결된 모든 USB장치가 목록으로 뜨게 되는데요, AVRISP 장치의 펌웨어를 4종 모두 바꾸어가며 테스트하던 중(기기를 꽂고 빼고 하면서) 목록 최상단에 있던 키보드(Keychron K1)를 펌웨어 업뎃 시키고야 말았습니다. (살짝 뜨는 경고 메시지를 무시해 버림)

그 덕에(?) 갑자기 키보드가 먹통이 되었는데요, 이를 해결하고자, Zadig 목록에 있던 4종의 펌웨어로는 모두 인식이 안 되고, 키보드 제조사 게시판에서 제공하는 펌웨어 업뎃 프로그램으로 복구를 시도해 봤지만, 펌웨어 업뎃으로 인해 키보드가 HID장치가 아닌 다른 장치로만 인식이 되는 상황이어서 제조사에서 제공되는 펌웨어 업뎃 툴로는 복구가 안 되는 상황이 발생하게 되었습니다.

윈도 장치관리자에 있는 Keyboard 목록을 삭제하고 드라이버를 다시 설치해보려 했지만 제대로 인식이 되지 않았으며, 여러 가지 시도 끝에 겨우 해결을 했는데요, 모든 상황이 동일하진 않겠지만, 저와 같은 상황에 빠진다면, 참고해 보시라고 기록을 남겨 놓습니다.

우선 Zadig로 WinUSB (v6.1.7600...) 버전으로 펌웨어 업뎃을 해놓고서, 키보드를 다른 PC에 물리니 키보드의 기본 기능은 사용할 수 있는 것으로 확인되자, 인식이 안 된 PC에서 레지스트리 편집을 통해, Keyboard 관련 Driver버를 모두 삭제하는 것이 필요하다고 생각되어 삭제를 하게 되었습니다.
윈도 실행 메뉴 》 Regedit 엔터, 레지스트리 편집기로 들어가서, 아래 목록처럼 키보드 목록으로 들어가세요,

아래에 보면, 그동안 인식된 키보드 관련 레지스트리 값들이 보이는데요, 인식이 안 된 키보드 항목이 어떤 것인지 모르기 때문에, (기본값) 항목을 제외하고 모두 삭제시켜주세요. (레지스트리 작업 시 주의하세요!)

HKEY_LOCAL_MACHINE\HARDWARE\DEVICEMAP\KeyboardClass

그리고, 재부팅한 후, 재일 중요한 부분! 입니다.

먹통이 된 키보드를 다시 연결하고, 제어판 장치관리자로 들어갑니다.

그리고 문제가 된 키보드 장치(키보드 모델명) 혹은 USB장치로 인식된 키보드 항목을 찾아서 선택 후에 마우스 우클릭하고 장치속성 창을 여세요, 그리고 드라이버 탭의 드라이버 업데이트(P)를 클릭해서 아래와 같은 화면이 나오면, → 내 컴퓨터에서 드라이버 찾아보기(R) 항목을 클릭하세요.

그리고 이어지는 화면에서 아래처럼, → 컴퓨터의 사용 가능한 드라이버 목록에서 직접 선택(L)을 클릭합니다. (문제 해결 전에는 여러 목록이 떴고, 다른 항목이 기본 선택되어 있는 상황이었습니다.)

그러면, 드라이버 업데이트 관련된 호환 가능한 하드웨어 장치 목록 몇 가지가 쭉... 뜰 텐데요, 그중에서 아래처럼, USB 입력 장치를 선택하고 다음을 클릭합니다.

그리고 닫기를 누르면, 좀 전까지도 작동이 안 되었던 키보드가 작동하는 것을 볼 수 있을 겁니다. (필요한 경우 재부팅)

그럼, Zadig 같은 펌웨어 업뎃 툴을 사용하실 때 주의해서 사용하세요~ ^^;;