From 0ac8af192d25e753422d2aa52e4c8f15c5f400f7 Mon Sep 17 00:00:00 2001
From: deephoon <deephoony@gmail.com>
Date: Thu, 14 Nov 2024 23:58:35 +0900
Subject: [PATCH] build Error

---
 .idea/runConfigurations.xml                 |  17 +
 app/src/main/res/layout/fragment_locker.xml | 100 ++++
 app/src/main/res/layout/fragment_look.xml   | 514 +++++++++++++++++++-
 app/src/main/res/layout/fragment_search.xml |  14 +-
 gradle/libs.versions.toml                   |   2 +-
 gradle/wrapper/gradle-wrapper.properties    |   2 +-
 6 files changed, 642 insertions(+), 7 deletions(-)
 create mode 100644 .idea/runConfigurations.xml

diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
new file mode 100644
index 0000000..16660f1
--- /dev/null
+++ b/.idea/runConfigurations.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RunConfigurationProducerService">
+    <option name="ignoredProducers">
+      <set>
+        <option value="com.intellij.execution.junit.AbstractAllInDirectoryConfigurationProducer" />
+        <option value="com.intellij.execution.junit.AllInPackageConfigurationProducer" />
+        <option value="com.intellij.execution.junit.PatternConfigurationProducer" />
+        <option value="com.intellij.execution.junit.TestInClassConfigurationProducer" />
+        <option value="com.intellij.execution.junit.UniqueIdConfigurationProducer" />
+        <option value="com.intellij.execution.junit.testDiscovery.JUnitTestDiscoveryConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinJUnitRunConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinPatternConfigurationProducer" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_locker.xml b/app/src/main/res/layout/fragment_locker.xml
index 77d9ef6..f8acfb1 100644
--- a/app/src/main/res/layout/fragment_locker.xml
+++ b/app/src/main/res/layout/fragment_locker.xml
@@ -1,6 +1,106 @@
 <?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"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
+    <TextView
+        android:id="@+id/locker_title_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="보관함"
+        android:textSize="25dp"
+        android:textStyle="bold"
+        android:textColor="@color/black"
+        android:layout_marginTop="55dp"
+        android:layout_marginStart="20dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent"/>
+
+    <TextView
+        android:id="@+id/locker_login_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="로그인"
+        android:textSize="15dp"
+        android:textColor="@color/song_player"
+        android:layout_marginEnd="20dp"
+        app:layout_constraintTop_toTopOf="@id/locker_title_tv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_title_tv"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <com.google.android.material.tabs.TabLayout
+        android:id="@+id/locker_content_tb"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        app:tabSelectedTextColor="#3f3fff"
+        app:tabIndicatorFullWidth="false"
+        app:tabIndicatorColor="#3f3fff"
+        app:tabRippleColor="#00ff0000"
+        android:layout_marginLeft="5dp"
+        app:layout_constraintTop_toBottomOf="@id/locker_title_tv"
+        app:layout_constraintStart_toStartOf="parent"/>
+
+    <ImageView
+        android:id="@+id/locker_select_all_img_iv"
+        android:layout_width="25dp"
+        android:layout_height="25dp"
+        android:layout_marginStart="10dp"
+        android:layout_marginTop="10dp"
+        android:src="@drawable/btn_playlist_select_off"
+        app:layout_constraintTop_toBottomOf="@id/locker_content_tb"
+        app:layout_constraintStart_toStartOf="@id/locker_content_tb"/>
+
+    <TextView
+        android:id="@+id/locker_select_all_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="전체선택"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintStart_toEndOf="@id/locker_select_all_img_iv"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"/>
+
+    <ImageView
+        android:id="@+id/locker_play_all_img_iv"
+        android:layout_width="25dp"
+        android:layout_height="25dp"
+        android:src="@drawable/icon_browse_arrow_right"
+        android:layout_marginStart="20dp"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintStart_toEndOf="@id/locker_select_all_tv"/>
+
+    <TextView
+        android:id="@+id/locker_play_all_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="전체듣기"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintStart_toEndOf="@id/locker_play_all_img_iv"/>
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="편집"
+        android:layout_marginEnd="20dp"
+        android:textColor="@color/colorPrimaryGrey"
+        app:layout_constraintTop_toTopOf="@id/locker_select_all_img_iv"
+        app:layout_constraintBottom_toBottomOf="@id/locker_select_all_img_iv"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/locker_content_vp"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_marginTop="10dp"
+        app:layout_constraintVertical_bias="1.0"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/locker_select_all_img_iv" />
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_look.xml b/app/src/main/res/layout/fragment_look.xml
index 77d9ef6..31b020c 100644
--- a/app/src/main/res/layout/fragment_look.xml
+++ b/app/src/main/res/layout/fragment_look.xml
@@ -1,6 +1,516 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <TextView
+            android:id="@+id/look_big_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="40dp"
+            android:text="둘러보기"
+            android:textColor="#000000"
+            android:textSize="22sp"
+            android:textStyle="bold"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <HorizontalScrollView
+            android:id="@+id/look_chip_scroll_hs"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingStart="20dp"
+            android:scrollbars="none"
+            android:layout_marginTop="30dp"
+            app:layout_constraintTop_toBottomOf="@id/look_big_title_tv">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/look_chip_title_01_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="차트"
+                    android:textColor="#ffffff"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_on_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_02_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="영상"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_03_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="장르"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_04_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="상황"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_05_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="분위기"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+
+                <TextView
+                    android:id="@+id/look_chip_title_06_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="오디오"
+                    android:textColor="#7D7D7D"
+                    android:paddingVertical="8dp"
+                    android:paddingHorizontal="15dp"
+                    android:layout_marginEnd="15dp"
+                    android:background="@drawable/fragment_look_chip_off_background"/>
+            </LinearLayout>
+
+        </HorizontalScrollView>
+
+        <TextView
+            android:id="@+id/look_sub_title_chart_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="차트"
+            android:textColor="#000000"
+            android:textStyle="bold"
+            android:textSize="20sp"
+            android:layout_marginTop="30dp"
+            android:layout_marginStart="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_chip_scroll_hs" />
+
+        <ImageView
+            android:id="@+id/look_sub_title_arrow_iv"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/btn_arrow_more"
+            android:layout_marginStart="5dp"
+            app:layout_constraintStart_toEndOf="@id/look_sub_title_chart_tv"
+            app:layout_constraintTop_toTopOf="@id/look_sub_title_chart_tv"
+            app:layout_constraintBottom_toBottomOf="@id/look_sub_title_chart_tv"/>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/look_chart_total_cl"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:elevation="5dp"
+            android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="20dp"
+            android:paddingTop="15dp"
+            android:paddingBottom="15dp"
+            android:background="@drawable/fragment_look_chart_background"
+            app:layout_constraintTop_toBottomOf="@id/look_sub_title_chart_tv">
+
+            <TextView
+                android:id="@+id/look_chart_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="FLO 차트"
+                android:textColor="#000000"
+                android:textStyle="bold"
+                android:textSize="18sp"
+                android:layout_marginStart="15dp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                android:id="@+id/look_chart_title_time_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="19시 기준"
+                android:textSize="12sp"
+                android:layout_marginStart="5dp"
+                app:layout_constraintStart_toEndOf="@id/look_chart_title_tv"
+                app:layout_constraintTop_toTopOf="@id/look_chart_title_tv"
+                app:layout_constraintBottom_toBottomOf="@id/look_chart_title_tv"/>
+            <TextView
+                android:id="@+id/look_chart_sub_title_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="최근 24시간 집계,FLO 최고 인기곡 차트!"
+                android:textSize="12sp"
+                android:layout_marginStart="15dp"
+                app:layout_constraintTop_toBottomOf="@id/look_chart_title_tv"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <TextView
+                android:id="@+id/look_chart_listen_all_tv"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="전체듣기"
+                android:textSize="13sp"
+                android:textColor="#000000"
+                android:layout_marginEnd="15dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <ImageView
+                android:id="@+id/look_chart_listen_all_iv"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:src="@drawable/ic_browse_arrow_right"
+                android:layout_marginEnd="3dp"
+                app:layout_constraintTop_toTopOf="@id/look_chart_listen_all_tv"
+                app:layout_constraintBottom_toBottomOf="@id/look_chart_listen_all_tv"
+                app:layout_constraintEnd_toStartOf="@id/look_chart_listen_all_tv"/>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/look_flo_chart_rv"
+                android:layout_width="match_parent"
+                android:layout_height="300dp"
+                android:layout_marginTop="10dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintStart_toEndOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/look_chart_sub_title_tv"
+                app:layout_constraintBottom_toBottomOf="parent" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <TextView
+            android:id="@+id/look_sub_title_video_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="영상"
+            android:textColor="#000000"
+            android:textStyle="bold"
+            android:textSize="20sp"
+            android:layout_marginTop="30dp"
+            android:layout_marginStart="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_chart_total_cl" />
+
+        <ImageView
+            android:id="@+id/look_sub_title_video_arrow_iv"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/btn_arrow_more"
+            android:layout_marginStart="5dp"
+            app:layout_constraintStart_toEndOf="@id/look_sub_title_video_tv"
+            app:layout_constraintTop_toTopOf="@id/look_sub_title_video_tv"
+            app:layout_constraintBottom_toBottomOf="@id/look_sub_title_video_tv"/>
+
+        <ImageView
+            android:id="@+id/look_video_present_exp_iv"
+            android:layout_width="match_parent"
+            android:layout_height="200dp"
+            android:src="@drawable/img_video_exp"
+            android:background="@color/black"
+            android:layout_marginTop="20dp"
+            android:layout_marginHorizontal="20dp"
+            app:layout_constraintTop_toBottomOf="@id/look_sub_title_video_tv"/>
+
+        <TextView
+            android:id="@+id/look_video_present_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="제목"
+            android:textColor="#000000"
+            android:textSize="15sp"
+            app:layout_constraintStart_toStartOf="@id/look_video_present_exp_iv"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_exp_iv"/>
+
+        <TextView
+            android:id="@+id/look_video_present_singer_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="가수"
+            android:textSize="13sp"
+            app:layout_constraintStart_toStartOf="@id/look_video_present_exp_iv"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_title_tv"/>
+
+        <HorizontalScrollView
+            android:id="@+id/look_video_music_hs"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:orientation="horizontal"
+            android:overScrollMode="never"
+            android:scrollbars="none"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_video_present_singer_tv">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_01_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_01_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_01_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_02_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_01_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_02_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_03_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_02_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_04_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_03_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp">
+
+                    <ImageView
+                        android:id="@+id/look_video_music_album_img_03_iv"
+                        android:layout_width="304dp"
+                        android:layout_height="171dp"
+                        android:scaleType="fitCenter"
+                        android:src="@drawable/img_video_exp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_05_tv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="10dp"
+                        android:text="제목"
+                        android:textColor="@color/black"
+                        android:textSize="20sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_img_03_iv" />
+
+                    <TextView
+                        android:id="@+id/look_video_music_album_title_06_iv"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="3dp"
+                        android:text="가수"
+                        android:textColor="#a8a8a8"
+                        android:textSize="15sp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/look_video_music_album_title_05_tv" />
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+            </LinearLayout>
+
+        </HorizontalScrollView>
+
+        <TextView
+            android:id="@+id/look_jenre_title_tv"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="장르"
+            android:textStyle="bold"
+            android:textSize="18sp"
+            android:textColor="@color/black"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/look_video_music_hs"/>
+
+        <GridLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="20dp"
+            android:columnCount="1"
+            android:layout_marginTop="15dp"
+            app:layout_constraintTop_toBottomOf="@id/look_jenre_title_tv">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_01_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    android:layout_marginEnd="5dp" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_02_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_2" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_03_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_3"
+                    android:layout_marginEnd="5dp" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_04_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="20dp">
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_05_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_1"
+                    android:layout_marginEnd="5dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <ImageView
+                    android:id="@+id/look_jenre_img_06_iv"
+                    android:layout_width="0dp"
+                    android:layout_height="80dp"
+                    android:scaleType="fitCenter"
+                    android:layout_weight="1"
+                    android:src="@drawable/img_jenre_exp_2"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+            </LinearLayout>
+        </GridLayout>
+
+        <ProgressBar
+            android:id="@+id/look_loading_pb"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="8dp"
+            android:indeterminateTint="@color/flo"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            android:visibility="gone"/>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</ScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_search.xml b/app/src/main/res/layout/fragment_search.xml
index 77d9ef6..f53cecf 100644
--- a/app/src/main/res/layout/fragment_search.xml
+++ b/app/src/main/res/layout/fragment_search.xml
@@ -1,6 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<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:layout_height="match_parent"
+    tools:context=".SearchFragment">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+         />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 36598ff..4030012 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,5 +1,5 @@
 [versions]
-agp = "8.5.1"
+agp = "8.7.2"
 kotlin = "1.9.0"
 coreKtx = "1.13.1"
 junit = "4.13.2"
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index c10190b..1150b46 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 #Tue Sep 24 20:15:58 KST 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.7-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists