온보딩 튜토리얼 추가

app/src/main/res/drawable/dot_default.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:innerRadius="0dp"
+    android:shape="ring"
+    android:thickness="3.5dp"
+    android:useLevel="false">
+    <solid android:color="@color/color_555555" />
+</shape>

app/src/main/res/drawable/dot_selected.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:innerRadius="0dp"
+    android:shape="ring"
+    android:thickness="3.5dp"
+    android:useLevel="false">
+    <solid android:color="@color/color_1313bc" />
+</shape>

app/src/main/res/drawable/tab_dot_selector.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/dot_selected" android:state_selected="true" />
+    <item android:drawable="@drawable/dot_default" />
+</selector>

app/src/main/res/layout/activity_onboarding.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_above="@+id/tv_start"
+        android:layout_alignParentTop="true"
+        android:gravity="center">
+
+        <androidx.viewpager2.widget.ViewPager2
+            android:id="@+id/view_pager"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+
+        <com.google.android.material.tabs.TabLayout
+            android:id="@+id/tabs"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:layout_centerHorizontal="true"
+            android:background="@android:color/transparent"
+            app:tabBackground="@drawable/tab_dot_selector"
+            app:tabGravity="center"
+            app:tabIndicatorHeight="0dp" />
+    </RelativeLayout>
+
+    <TextView
+        android:id="@+id/tv_start"
+        android:layout_width="match_parent"
+        android:layout_height="60dp"
+        android:layout_alignParentBottom="true"
+        android:background="@color/color_80d8ff"
+        android:fontFamily="@font/gmarket_sans_bold"
+        android:gravity="center"
+        android:text="시작하기"
+        android:textColor="@color/color_1313bc"
+        android:textSize="18.3sp" />
+
+</RelativeLayout>

app/src/main/res/layout/fragment_onboarding.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/rl_root"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/color_ccf0ff">
+
+    <ImageView
+        android:id="@+id/image_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:contentDescription="@null"
+        tools:src="@drawable/img_guide_1" />
+
+</RelativeLayout>

app/src/main/res/values/colors.xml

@@ -3,7 +3,7 @@
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
 
-    <color name="color_80d8ff">#80DFFF</color>
+    <color name="color_80d8ff">#80D8FF</color>
     <color name="color_1313bc">#1313BC</color>
     <color name="color_9970ff">#9970FF</color>
     <color name="color_eeeeee">#EEEEEE</color>
@@ -97,4 +97,5 @@
     <color name="color_2f90b7">#2F90B7</color>
     <color name="color_a94400">#A94400</color>
     <color name="color_ffe368">#FFE368</color>
+    <color name="color_ccf0ff">#CCF0FF</color>
 </resources>