diff --git a/UMC_6th/app/build.gradle.kts b/UMC_6th/app/build.gradle.kts
index 5868840..5882167 100644
--- a/UMC_6th/app/build.gradle.kts
+++ b/UMC_6th/app/build.gradle.kts
@@ -38,6 +38,12 @@ android {
     kotlinOptions {
         jvmTarget = "1.8"
     }
+//    repositories {
+//        google()
+//        mavenCentral()
+//        maven { url = uri("https://devrepo.kakao.com/nexus/content/groups/public/") }
+//    }
+
 }
 
 dependencies {
@@ -56,6 +62,23 @@ dependencies {
     implementation("androidx.room:room-runtime:2.6.0")
     kapt("androidx.room:room-compiler:2.6.0")
 
+    // Retrofit
+    implementation("com.squareup.retrofit2:retrofit:2.9.0")
+    implementation("com.squareup.retrofit2:converter-gson:2.9.0")
+    implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:1.5.2")
+    implementation("com.squareup.retrofit2:adapter-rxjava2:2.9.0")
+
+    // okHttp
+    implementation("com.squareup.okhttp3:okhttp:4.9.0")
+    implementation("com.squareup.okhttp3:logging-interceptor:4.9.0")
+
+    // Glide
+    implementation("com.github.bumptech.glide:glide:4.12.0")
+    annotationProcessor("com.github.bumptech.glide:compiler:4.12.0")
+
     androidTestImplementation("androidx.test.ext:junit:1.1.5")
     androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
+
+    //kakao login
+    implementation("com.kakao.sdk:v2-user:2.10.0")
 }
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/AndroidManifest.xml b/UMC_6th/app/src/main/AndroidManifest.xml
index e996aa9..314e0ad 100644
--- a/UMC_6th/app/src/main/AndroidManifest.xml
+++ b/UMC_6th/app/src/main/AndroidManifest.xml
@@ -15,17 +15,19 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.UMC_6th"
-        tools:targetApi="31">
+        tools:targetApi="31"
+        android:name=".GlobalApplication">
+
         <service
-            android:name=".ForegroundService"
+            android:name=".service.ForegroundService"
             android:enabled="true"
             android:exported="true"></service>
 
-        <activity android:name=".SignUpActivity"/>
-        <activity android:name=".LoginActivity"/>
+        <activity android:name=".activity.SignUpActivity"/>
+        <activity android:name=".activity.LoginActivity"/>
 
         <activity
-            android:name=".MainActivity"
+            android:name=".activity.MainActivity"
             android:exported="true"
             android:theme="@style/SplashTheme">
             <intent-filter>
@@ -34,8 +36,23 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <!--카카오 로그인 구현-->
+        <activity
+            android:name="com.kakao.sdk.auth.AuthCodeHandlerActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data
+                    android:host="oauth"
+                    android:scheme="kakaodb0a6ee868ee324207d083d8d5de7fcd" />
+            </intent-filter>
+        </activity>
+
         <activity
-            android:name=".SongActivity"
+            android:name=".activity.SongActivity"
             android:exported="true" />
     </application>
 
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/GlobalApplication.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/GlobalApplication.kt
new file mode 100644
index 0000000..fa6d646
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/GlobalApplication.kt
@@ -0,0 +1,12 @@
+package com.example.umc_6th
+
+import android.app.Application
+import com.kakao.sdk.common.KakaoSdk
+
+class GlobalApplication : Application() {
+    override fun onCreate() {
+        super.onCreate()
+
+        KakaoSdk.init(this, "db0a6ee868ee324207d083d8d5de7fcd")
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/LoginActivity.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/LoginActivity.kt
deleted file mode 100644
index 8052100..0000000
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/LoginActivity.kt
+++ /dev/null
@@ -1,65 +0,0 @@
-package com.example.umc_6th
-
-import android.content.Intent
-import android.os.Bundle
-import android.util.Log
-import android.widget.Toast
-import androidx.appcompat.app.AppCompatActivity
-import com.example.umc_6th.databinding.ActivityLoginBinding
-
-class LoginActivity:AppCompatActivity() {
-
-    lateinit var binding : ActivityLoginBinding
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        binding = ActivityLoginBinding.inflate(layoutInflater)
-        setContentView(binding.root)
-
-        binding.loginSignUpTv.setOnClickListener {
-            startActivity(Intent(this, SignUpActivity::class.java))
-        }
-        binding.loginSignInBtn.setOnClickListener{
-            login()
-        }
-    }
-
-    private fun login() {
-        if (binding.loginIdEt.text.toString().isEmpty() || binding.loginDirectInputEt.text.toString().isEmpty()) {
-            Toast.makeText(this, "이메일을 입력해주세요", Toast.LENGTH_SHORT).show()
-            return
-        }
-
-        if (binding.loginPasswordEt.text.toString().isEmpty()) {
-            Toast.makeText(this, "비밀번호를 입력해주세요", Toast.LENGTH_SHORT).show()
-            return
-        }
-
-        val email : String = binding.loginIdEt.text.toString() + "@" + binding.loginDirectInputEt.text.toString()
-        val pwd : String = binding.loginPasswordEt.text.toString()
-
-        val songDB = SongDatabase.getInstance(this)!!
-        val user = songDB.userDao().getUser(email, pwd)
-
-        if (user != null) {
-            Log.d("LoginActivity", user.id.toString())
-            saveJwt(user.id)
-            startMainActivity()
-        } else {
-            Toast.makeText(this, "회원 정보가 존재하지 않습니다", Toast.LENGTH_SHORT).show()
-        }
-    }
-
-    private fun startMainActivity() {
-        val intent = Intent(this, MainActivity::class.java)
-        startActivity(intent)
-    }
-    private fun saveJwt(jwt: Int) {
-        val spf = getSharedPreferences("auth", MODE_PRIVATE)
-        val editor = spf.edit()
-
-        editor.putInt("jwt", jwt)
-        editor.apply()
-    }
-
-}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/LookFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/LookFragment.kt
deleted file mode 100644
index 4e86200..0000000
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/LookFragment.kt
+++ /dev/null
@@ -1,114 +0,0 @@
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.Button
-import android.widget.ScrollView
-import android.widget.TextView
-import androidx.fragment.app.Fragment
-import androidx.recyclerview.widget.LinearLayoutManager
-import com.example.umc_6th.LockerAlbumRVAdapter
-import com.example.umc_6th.R
-import com.example.umc_6th.Song
-import com.example.umc_6th.SongDatabase
-import com.example.umc_6th.databinding.FragmentLookBinding
-
-class LookFragment : Fragment() {
-
-    lateinit var binding: FragmentLookBinding
-    private lateinit var songDB: SongDatabase
-
-    private lateinit var chartBtn : Button
-    private lateinit var videoBtn : Button
-    private lateinit var genreBtn : Button
-    private lateinit var situationBtn : Button
-    private lateinit var audioBtn : Button
-    private lateinit var atmosphereBtn : Button
-
-    private lateinit var buttonList: List<Button>
-
-    private lateinit var chartTv : TextView
-    private lateinit var videoTv : TextView
-    private lateinit var genreTv : TextView
-    private lateinit var situationTv : TextView
-    private lateinit var audioTv : TextView
-    private lateinit var atmosphereTv : TextView
-
-    private lateinit var textList: List<TextView>
-
-    lateinit var scrollView : ScrollView
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-    }
-
-    override fun onCreateView(
-        inflater: LayoutInflater, container: ViewGroup?,
-        savedInstanceState: Bundle?
-    ): View? {
-        binding = FragmentLookBinding.inflate(inflater, container, false)
-        songDB = SongDatabase.getInstance(requireContext())!!
-
-        // 스크롤 뷰 초기화
-        scrollView = binding.lookSv
-
-        // 버튼 초기화
-        chartBtn = binding.lookChartBtn
-        videoBtn =  binding.lookVideoBtn
-        genreBtn =  binding.lookGenreBtn
-        situationBtn =  binding.lookSituationBtn
-        audioBtn =  binding.lookAudioBtn
-        atmosphereBtn =  binding.lookAtmostphereBtn
-
-        buttonList = listOf(chartBtn, videoBtn, genreBtn, situationBtn, audioBtn, atmosphereBtn)
-
-        // 텍스트 초기화
-        chartTv = binding.lookChartTv
-        videoTv = binding.lookVideoTv
-        genreTv = binding.lookGenreTv
-        situationTv = binding.lookSituationTv
-        audioTv = binding.lookAudioTv
-        atmosphereTv = binding.lookAtmostphereTv
-
-        textList = listOf(chartTv, videoTv, genreTv, situationTv, audioTv, atmosphereTv)
-
-        setButtonClickListeners()
-
-        return binding.root
-    }
-
-    override fun onStart() {
-        super.onStart()
-        initRecyclerview()
-    }
-
-    private fun initRecyclerview(){
-        val recyclerView = binding.lookChartSongRv
-        recyclerView.layoutManager = LinearLayoutManager(requireActivity())
-        val lookAlbumRVAdapter = LockerAlbumRVAdapter()
-
-        binding.lookChartSongRv.adapter = lookAlbumRVAdapter
-        lookAlbumRVAdapter.addSongs(songDB.songDao().getSongs() as ArrayList<Song>)
-    }
-
-    private fun setButtonClickListeners() {
-        for (i in buttonList.indices) {
-            val button = buttonList[i]
-
-            button.setOnClickListener {
-                initButton(i)
-            }
-        }
-    }
-
-    private fun initButton(idx : Int) {
-        for(presentBtn : Button in buttonList) {
-            if(presentBtn == buttonList[idx]) {
-                presentBtn.setBackgroundResource(R.drawable.selected_button)
-            } else {
-                presentBtn.setBackgroundResource(R.drawable.not_selected_button)
-            }
-        }
-        scrollView.smoothScrollTo(0, textList[idx].top)
-    }
-}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/User.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/User.kt
deleted file mode 100644
index 017dfb8..0000000
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/User.kt
+++ /dev/null
@@ -1,12 +0,0 @@
-package com.example.umc_6th
-
-import androidx.room.Entity
-import androidx.room.PrimaryKey
-
-@Entity(tableName = "UserTable")
-data class User(
-    var email : String,
-    var password : String
-){
-    @PrimaryKey(autoGenerate = true) var id : Int = 0
-}
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/activity/LoginActivity.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/LoginActivity.kt
new file mode 100644
index 0000000..8fc7a60
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/LoginActivity.kt
@@ -0,0 +1,102 @@
+package com.example.umc_6th.activity
+
+import android.content.Intent
+import android.os.Bundle
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.example.umc_6th.network.AuthService
+import com.example.umc_6th.view.LoginView
+import com.example.umc_6th.model.Result
+import com.example.umc_6th.model.User
+import com.example.umc_6th.databinding.ActivityLoginBinding
+import com.kakao.sdk.auth.model.OAuthToken
+import com.kakao.sdk.user.UserApiClient
+
+class LoginActivity:AppCompatActivity(), LoginView {
+
+    lateinit var binding : ActivityLoginBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityLoginBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        binding.loginSignUpTv.setOnClickListener {
+            startActivity(Intent(this, SignUpActivity::class.java))
+        }
+
+        binding.loginSignInBtn.setOnClickListener{
+            login()
+        }
+
+        binding.loginKakakoLoginIv.setOnClickListener {
+            loginKakao()
+        }
+    }
+
+    private fun login() {
+        if (binding.loginIdEt.text.toString().isEmpty() || binding.loginDirectInputEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "이메일을 입력해주세요", Toast.LENGTH_SHORT).show()
+            return
+        }
+
+        if (binding.loginPasswordEt.text.toString().isEmpty()) {
+            Toast.makeText(this, "비밀번호를 입력해주세요", Toast.LENGTH_SHORT).show()
+            return
+        }
+
+        val email : String = binding.loginIdEt.text.toString() + "@" + binding.loginDirectInputEt.text.toString()
+        val pwd : String = binding.loginPasswordEt.text.toString()
+
+        val authService = AuthService()
+        authService.setLoginView(this)
+
+        authService.login(User(email, pwd, ""))
+    }
+
+    private fun loginKakao() {
+        val callback: (OAuthToken?, Throwable?) -> Unit = { token, error ->
+            if (error != null) {
+                Toast.makeText(this, "카카오 로그인 실패", Toast.LENGTH_SHORT).show()
+            } else if (token != null) {
+                Toast.makeText(this, "카카오 로그인 성공", Toast.LENGTH_SHORT).show()
+                startMainActivity() // 로그인 성공 시 메인 액티비티로 이동
+            }
+        }
+
+        if (UserApiClient.instance.isKakaoTalkLoginAvailable(this)) {
+            UserApiClient.instance.loginWithKakaoTalk(this, callback = callback)
+        } else {
+            UserApiClient.instance.loginWithKakaoAccount(this, callback = callback)
+        }
+    }
+
+    private fun startMainActivity() {
+        val intent = Intent(this, MainActivity::class.java)
+        startActivity(intent)
+    }
+    private fun saveJwt(jwt: Int) {
+        val spf = getSharedPreferences("auth", MODE_PRIVATE)
+        val editor = spf.edit()
+
+        editor.putInt("jwt", jwt)
+        editor.apply()
+    }
+
+    private fun saveJwtFromServer(jwt : String) {
+        val spf = getSharedPreferences("auth2", MODE_PRIVATE)
+        val editor = spf.edit()
+
+        editor.putString("jwt", jwt)
+        editor.apply()
+    }
+
+    override fun onLoginSuccess(code: Int, result: Result) {
+        saveJwtFromServer(result.jwt)
+        startMainActivity()
+    }
+    override fun onLoginFailure(message: String) {
+
+    }
+
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/MainActivity.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/MainActivity.kt
similarity index 91%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/MainActivity.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/activity/MainActivity.kt
index 89b9be8..060b602 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/MainActivity.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/MainActivity.kt
@@ -1,6 +1,6 @@
-package com.example.umc_6th
+package com.example.umc_6th.activity
 
-import LookFragment
+import com.example.umc_6th.fragment.LookFragment
 import androidx.appcompat.app.AppCompatActivity
 import android.content.Intent
 import android.os.Bundle
@@ -8,6 +8,13 @@ import android.util.Log
 import android.widget.Toast
 import androidx.activity.result.ActivityResultLauncher
 import androidx.activity.result.contract.ActivityResultContracts
+import com.example.umc_6th.model.Album
+import com.example.umc_6th.fragment.HomeFragment
+import com.example.umc_6th.fragment.LockerFragment
+import com.example.umc_6th.R
+import com.example.umc_6th.fragment.SearchFragment
+import com.example.umc_6th.model.Song
+import com.example.umc_6th.database.SongDatabase
 import com.example.umc_6th.databinding.ActivityMainBinding
 import com.google.gson.Gson
 
@@ -50,10 +57,17 @@ class MainActivity : AppCompatActivity() {
             editor.putInt("songId", song.id)
             editor.apply()
 
-            val intent = Intent(this,SongActivity::class.java)
+            val intent = Intent(this, SongActivity::class.java)
             startActivity(intent)
             activityResultLauncher.launch(intent)
         }
+        Log.d("MainActivity",getJwt().toString())
+    }
+
+    private fun getJwt(): String? {
+        val spf = this.getSharedPreferences("auth2", MODE_PRIVATE)
+
+        return spf!!.getString("jwt","")
     }
 
     override fun onResume() {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SignUpActivity.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/SignUpActivity.kt
similarity index 51%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SignUpActivity.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/activity/SignUpActivity.kt
index 30301db..0e1e4c5 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SignUpActivity.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/SignUpActivity.kt
@@ -1,12 +1,15 @@
-package com.example.umc_6th
+package com.example.umc_6th.activity
 
 import android.os.Bundle
-import android.util.Log
+import android.view.View
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
+import com.example.umc_6th.network.AuthService
+import com.example.umc_6th.view.SignUpView
+import com.example.umc_6th.model.User
 import com.example.umc_6th.databinding.ActivitySignupBinding
 
-class SignUpActivity : AppCompatActivity(){
+class SignUpActivity : AppCompatActivity(), SignUpView {
 
     lateinit var binding : ActivitySignupBinding
 
@@ -20,30 +23,42 @@ class SignUpActivity : AppCompatActivity(){
         }
     }
 
-    private fun getUser() : User{
+    private fun getUser() : User {
         val email : String = binding.signUpIdEt.text.toString() + "@" + binding.signUpDirectInputEt.text.toString()
         val pwd : String = binding.signUpPasswordEt.text.toString()
+        val name: String = binding.signUpNameEt.text.toString()
 
-        return User(email, pwd)
+        return User(email, pwd, name)
     }
 
-    private fun signUp() {
+    private fun signUp() : Boolean{
         if (binding.signUpIdEt.text.toString().isEmpty() || binding.signUpDirectInputEt.text.toString().isEmpty()){
             Toast.makeText(this,"이메일 형식이 잘못되었습니다.",Toast.LENGTH_SHORT).show()
-            return
+            return false
         }
         if (binding.signUpPasswordEt.text.toString() !=  binding.signUpPasswordCheckEt.text.toString()){
             Toast.makeText(this,"비밀번호가 일치하지 않습니다",Toast.LENGTH_SHORT).show()
-            return
+            return false
         }
 
-        val userDB = SongDatabase.getInstance(this)!!
-        userDB.userDao().insert(getUser())
+        if(binding.signUpNameEt.text.toString().isEmpty()){
+            Toast.makeText(this, "이름 형식이 잘못되었습니다.", Toast.LENGTH_SHORT).show()
+            return false
+        }
+
+        val authService = AuthService()
+        authService.setSignUpView(this) // 객체를 통한 멤버 함수 호출
 
-        val user = userDB.userDao().getUsers()
-        Log.d("Sign-up",user.toString())
+        authService.signUp(getUser())
+        return true
+    }
+
+    override fun onSignUpSuccess() {
+        finish()
+    }
 
-        Toast.makeText(this,"회원가입이 완료되었습니다.",Toast.LENGTH_SHORT).show()
-        return
+    override fun onSignUpFailure(message: String) {
+        binding.signUpEmailErrorTv.visibility = View.VISIBLE
+        binding.signUpEmailErrorTv.text = message
     }
 }
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SongActivity.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/SongActivity.kt
similarity index 96%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SongActivity.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/activity/SongActivity.kt
index 357cabb..f918c30 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SongActivity.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/activity/SongActivity.kt
@@ -1,6 +1,5 @@
-package com.example.umc_6th
+package com.example.umc_6th.activity
 
-import android.annotation.SuppressLint
 import android.app.ActivityManager
 import android.content.Context
 import android.content.Intent
@@ -10,9 +9,12 @@ import android.util.Log
 import android.view.View
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
+import com.example.umc_6th.utils.CustomSnackbar
+import com.example.umc_6th.service.ForegroundService
+import com.example.umc_6th.R
+import com.example.umc_6th.model.Song
+import com.example.umc_6th.database.SongDatabase
 import com.example.umc_6th.databinding.ActivitySongBinding
-import com.google.gson.Gson
-import java.util.Timer
 
 class SongActivity : AppCompatActivity() {
 
@@ -71,7 +73,7 @@ class SongActivity : AppCompatActivity() {
     private fun startStopService() {
         if(isServiceRunning(ForegroundService::class.java)){
             Toast.makeText(this, "Foreground Service Stopped",Toast.LENGTH_SHORT).show()
-            stopService(Intent(this,ForegroundService::class.java))
+            stopService(Intent(this, ForegroundService::class.java))
         } else{
             Toast.makeText(this, "Foreground Service Started", Toast.LENGTH_SHORT).show()
             startService(Intent(this, ForegroundService::class.java))
@@ -182,7 +184,7 @@ class SongActivity : AppCompatActivity() {
 //            Toast.makeText(this,"first song", Toast.LENGTH_SHORT).show()
         }
         else if(nowPos + direct >= songs.size){
-            CustomSnackbar.make(binding.root,"마지막 곡입니다.").show()
+            CustomSnackbar.make(binding.root, "마지막 곡입니다.").show()
 //            Toast.makeText(this,"last song",Toast.LENGTH_SHORT).show()
         }
         else {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumRVAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumRVAdapter.kt
similarity index 92%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/AlbumRVAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumRVAdapter.kt
index 7cf898e..b8061a0 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumRVAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumRVAdapter.kt
@@ -1,8 +1,9 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import android.view.LayoutInflater
 import android.view.ViewGroup
 import androidx.recyclerview.widget.RecyclerView
+import com.example.umc_6th.model.Album
 import com.example.umc_6th.databinding.ItemAlbumBinding
 
 class AlbumRVAdapter(private val albumList:ArrayList<Album>) : RecyclerView.Adapter<AlbumRVAdapter.ViewHolder>() {
@@ -32,13 +33,13 @@ class AlbumRVAdapter(private val albumList:ArrayList<Album>) : RecyclerView.Adap
         notifyDataSetChanged()
     }
 
-    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): AlbumRVAdapter.ViewHolder {
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder {
         val binding: ItemAlbumBinding = ItemAlbumBinding.inflate(LayoutInflater.from(viewGroup.context),viewGroup,false)
 
         return ViewHolder(binding)
     }
 
-    override fun onBindViewHolder(holder: AlbumRVAdapter.ViewHolder, position: Int) {
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
         holder.bind(albumList[position])
         holder.itemView.setOnClickListener{
             mItemClickListener.onItemClick(albumList[position]) }
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumVPAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumVPAdapter.kt
similarity index 69%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/AlbumVPAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumVPAdapter.kt
index c49f688..35e034d 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumVPAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/AlbumVPAdapter.kt
@@ -1,7 +1,10 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import androidx.fragment.app.Fragment
 import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.example.umc_6th.fragment.DetailFragment
+import com.example.umc_6th.fragment.SongFragment
+import com.example.umc_6th.fragment.VideoFragment
 
 class AlbumVPAdapter(fragment:Fragment) : FragmentStateAdapter(fragment){
     override fun getItemCount(): Int = 3
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/BannerVPAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/BannerVPAdapter.kt
similarity index 93%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/BannerVPAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/BannerVPAdapter.kt
index 9c4e4f1..6063664 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/BannerVPAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/BannerVPAdapter.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import androidx.fragment.app.Fragment
 import androidx.viewpager2.adapter.FragmentStateAdapter
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerAlbumRVAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerAlbumRVAdapter.kt
similarity index 92%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/LockerAlbumRVAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerAlbumRVAdapter.kt
index 33b6c75..9528cb5 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerAlbumRVAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerAlbumRVAdapter.kt
@@ -1,11 +1,11 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import android.annotation.SuppressLint
 import android.util.SparseBooleanArray
 import android.view.LayoutInflater
 import android.view.ViewGroup
 import androidx.recyclerview.widget.RecyclerView
-import androidx.recyclerview.widget.RecyclerView.Recycler
+import com.example.umc_6th.model.Song
 import com.example.umc_6th.databinding.ItemLockerAlbumBinding
 
 class LockerAlbumRVAdapter () : RecyclerView.Adapter<LockerAlbumRVAdapter.ViewHolder>(){
@@ -17,14 +17,14 @@ class LockerAlbumRVAdapter () : RecyclerView.Adapter<LockerAlbumRVAdapter.ViewHo
     override fun onCreateViewHolder(
         parent: ViewGroup,
         viewType: Int
-    ): LockerAlbumRVAdapter.ViewHolder {
+    ): ViewHolder {
         val binding: ItemLockerAlbumBinding = ItemLockerAlbumBinding
             .inflate(LayoutInflater.from(parent.context),parent,false)
 
         return ViewHolder(binding)
     }
 
-    override fun onBindViewHolder(holder: LockerAlbumRVAdapter.ViewHolder, position: Int) {
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
         holder.bind(songs[position])
 
         holder.binding.itemLockerAlbumMoreIv.setOnClickListener {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerVPAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerVPAdapter.kt
similarity index 68%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/LockerVPAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerVPAdapter.kt
index 5e10ab2..a7714dd 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerVPAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/LockerVPAdapter.kt
@@ -1,7 +1,10 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import androidx.fragment.app.Fragment
 import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.example.umc_6th.fragment.MusicFileFragment
+import com.example.umc_6th.fragment.SavedAlbumFragment
+import com.example.umc_6th.fragment.SavedSongFragment
 
 class LockerVPAdapter(fragment: Fragment) :FragmentStateAdapter(fragment) {
     override fun getItemCount(): Int = 3
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/PannelVPAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/PannelVPAdapter.kt
similarity index 93%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/PannelVPAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/PannelVPAdapter.kt
index 316b072..60368af 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/PannelVPAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/PannelVPAdapter.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import androidx.fragment.app.Fragment
 import androidx.viewpager2.adapter.FragmentStateAdapter
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumRVAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SavedAlbumRVAdapter.kt
similarity index 91%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumRVAdapter.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SavedAlbumRVAdapter.kt
index f240878..5754ff2 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumRVAdapter.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SavedAlbumRVAdapter.kt
@@ -1,9 +1,10 @@
-package com.example.umc_6th
+package com.example.umc_6th.adapter
 
 import android.annotation.SuppressLint
 import android.view.LayoutInflater
 import android.view.ViewGroup
 import androidx.recyclerview.widget.RecyclerView
+import com.example.umc_6th.model.Album
 import com.example.umc_6th.databinding.ItemLockerAlbumBinding
 
 
@@ -20,13 +21,13 @@ class SavedAlbumRVAdapter (): RecyclerView.Adapter<SavedAlbumRVAdapter.ViewHolde
         mItemClickListener = itemClickListener
     }
 
-    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): SavedAlbumRVAdapter.ViewHolder {
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder {
         val binding: ItemLockerAlbumBinding = ItemLockerAlbumBinding.inflate(LayoutInflater.from(viewGroup.context), viewGroup, false)
 
         return ViewHolder(binding)
     }
 
-    override fun onBindViewHolder(holder: SavedAlbumRVAdapter.ViewHolder, position: Int) {
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
         holder.bind(albums[position])
         holder.binding.itemLockerAlbumMoreIv.setOnClickListener {
             mItemClickListener.onRemoveSong(albums[position].id)
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SongRVAdapter.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SongRVAdapter.kt
new file mode 100644
index 0000000..9955e86
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/adapter/SongRVAdapter.kt
@@ -0,0 +1,57 @@
+package com.example.umc_6th.adapter
+
+import android.content.Context
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.example.umc_6th.model.FloChartResult
+import com.example.umc_6th.databinding.ItemSongBinding
+
+class SongRVAdapter(val context: Context, val result : FloChartResult) : RecyclerView.Adapter<SongRVAdapter.ViewHolder>() {
+
+
+    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder {
+        val binding: ItemSongBinding = ItemSongBinding.inflate(LayoutInflater.from(viewGroup.context), viewGroup, false)
+
+        return ViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        //holder.bind(result.songs[position])
+
+        if(result.songs[position].coverImgUrl == "" || result.songs[position].coverImgUrl == null){
+
+        } else {
+            Log.d("image",result.songs[position].coverImgUrl )
+            Glide.with(context).load(result.songs[position].coverImgUrl).into(holder.coverImg)
+        }
+        holder.title.text = result.songs[position].title
+        holder.singer.text = result.songs[position].singer
+
+    }
+
+    override fun getItemCount(): Int = result.songs.size
+
+
+    inner class ViewHolder(val binding: ItemSongBinding) : RecyclerView.ViewHolder(binding.root){
+
+        val coverImg : ImageView = binding.itemSongImgIv
+        val title : TextView = binding.itemSongTitleTv
+        val singer : TextView = binding.itemSongSingerTv
+
+    }
+
+    interface MyItemClickListener{
+        fun onRemoveSong(songId: Int)
+    }
+
+    private lateinit var mItemClickListener: MyItemClickListener
+
+    fun setMyItemClickListener(itemClickListener: MyItemClickListener){
+        mItemClickListener = itemClickListener
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumDao.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/database/AlbumDao.kt
similarity index 89%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/AlbumDao.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/database/AlbumDao.kt
index 84b6742..68b9bcb 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumDao.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/database/AlbumDao.kt
@@ -1,10 +1,12 @@
-package com.example.umc_6th
+package com.example.umc_6th.database
 
 import androidx.room.Dao
 import androidx.room.Delete
 import androidx.room.Insert
 import androidx.room.Query
 import androidx.room.Update
+import com.example.umc_6th.model.Album
+import com.example.umc_6th.utils.Like
 
 @Dao
 interface AlbumDao {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SongDao.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDao.kt
similarity index 89%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SongDao.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDao.kt
index 393c763..a89132a 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SongDao.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDao.kt
@@ -1,10 +1,11 @@
-package com.example.umc_6th
+package com.example.umc_6th.database
 
 import androidx.room.Dao
 import androidx.room.Delete
 import androidx.room.Insert
 import androidx.room.Query
 import androidx.room.Update
+import com.example.umc_6th.model.Song
 
 @Dao
 interface SongDao {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SongDatabase.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDatabase.kt
similarity index 75%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SongDatabase.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDatabase.kt
index be55d68..e758b3c 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SongDatabase.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/database/SongDatabase.kt
@@ -1,11 +1,15 @@
-package com.example.umc_6th
+package com.example.umc_6th.database
 
 import android.content.Context
 import androidx.room.Database
 import androidx.room.Room
 import androidx.room.RoomDatabase
+import com.example.umc_6th.model.Album
+import com.example.umc_6th.utils.Like
+import com.example.umc_6th.model.Song
+import com.example.umc_6th.model.User
 
-@Database(entities = [Song::class, Album::class, User::class,Like::class], version = 1)
+@Database(entities = [Song::class, Album::class, User::class, Like::class], version = 1)
 abstract class SongDatabase: RoomDatabase() {
     abstract fun songDao(): SongDao
     abstract fun albumDao() : AlbumDao
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/UserDao.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/database/UserDao.kt
similarity index 82%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/UserDao.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/database/UserDao.kt
index bb15eca..6d52560 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/UserDao.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/database/UserDao.kt
@@ -1,8 +1,9 @@
-package com.example.umc_6th
+package com.example.umc_6th.database
 
 import androidx.room.Dao
 import androidx.room.Insert
 import androidx.room.Query
+import com.example.umc_6th.model.User
 
 @Dao
 interface UserDao {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/AlbumFragment.kt
similarity index 92%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/AlbumFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/AlbumFragment.kt
index 48daa6a..3af8468 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/AlbumFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/AlbumFragment.kt
@@ -1,16 +1,20 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import androidx.fragment.app.Fragment
 import androidx.fragment.app.setFragmentResultListener
+import com.example.umc_6th.model.Album
+import com.example.umc_6th.utils.Like
+import com.example.umc_6th.R
+import com.example.umc_6th.database.SongDatabase
+import com.example.umc_6th.activity.MainActivity
+import com.example.umc_6th.adapter.AlbumVPAdapter
 import com.example.umc_6th.databinding.FragmentAlbumBinding
 import com.example.umc_6th.databinding.FragmentAlbumBinding.inflate
-import com.example.umc_6th.databinding.FragmentSongBinding
 import com.google.android.material.tabs.TabLayoutMediator
 import com.google.gson.Gson
 
@@ -37,7 +41,7 @@ class AlbumFragment : Fragment() {
 
         binding.albumBackIv.setOnClickListener{
             (context as MainActivity).supportFragmentManager.beginTransaction().
-            replace(R.id.main_frm,HomeFragment()).
+            replace(R.id.main_frm, HomeFragment()).
             commitAllowingStateLoss()
         }
 
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/BannerFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BannerFragment.kt
similarity index 94%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/BannerFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BannerFragment.kt
index eb44bcf..6eb9908 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/BannerFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BannerFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/BottomSheetFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BottomSheetFragment.kt
similarity index 97%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/BottomSheetFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BottomSheetFragment.kt
index ace3cac..18835cd 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/BottomSheetFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/BottomSheetFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.annotation.SuppressLint
 import android.os.Bundle
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/DetailFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/DetailFragment.kt
similarity index 93%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/DetailFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/DetailFragment.kt
index a0716f4..06da5a9 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/DetailFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/DetailFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/HomeFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/HomeFragment.kt
similarity index 93%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/HomeFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/HomeFragment.kt
index 6d2fdbf..a516f94 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/HomeFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/HomeFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.os.Handler
@@ -8,10 +8,15 @@ import androidx.fragment.app.Fragment
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import androidx.core.os.bundleOf
-import androidx.fragment.app.setFragmentResult
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.viewpager2.widget.ViewPager2
+import com.example.umc_6th.model.Album
+import com.example.umc_6th.R
+import com.example.umc_6th.database.SongDatabase
+import com.example.umc_6th.activity.MainActivity
+import com.example.umc_6th.adapter.AlbumRVAdapter
+import com.example.umc_6th.adapter.BannerVPAdapter
+import com.example.umc_6th.adapter.PannelVPAdapter
 import com.example.umc_6th.databinding.FragmentHomeBinding
 import com.google.gson.Gson
 import java.util.ArrayList
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LockerFragment.kt
similarity index 93%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/LockerFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LockerFragment.kt
index ab6dae6..6742be0 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/LockerFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LockerFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.content.Intent
 import android.os.Bundle
@@ -7,6 +7,9 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import androidx.appcompat.app.AppCompatActivity
+import com.example.umc_6th.activity.LoginActivity
+import com.example.umc_6th.activity.MainActivity
+import com.example.umc_6th.adapter.LockerVPAdapter
 import com.example.umc_6th.databinding.FragmentLockerBinding
 import com.google.android.material.tabs.TabLayoutMediator
 
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LookFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LookFragment.kt
new file mode 100644
index 0000000..7534b5d
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/LookFragment.kt
@@ -0,0 +1,63 @@
+package com.example.umc_6th.fragment
+
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.umc_6th.model.FloChartResult
+import com.example.umc_6th.view.LookView
+import com.example.umc_6th.adapter.SongRVAdapter
+import com.example.umc_6th.service.SongService
+import com.example.umc_6th.databinding.FragmentLookBinding
+
+class LookFragment : Fragment(), LookView {
+
+    lateinit var binding: FragmentLookBinding
+    private lateinit var floCharAdapter: SongRVAdapter
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentLookBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onStart() {
+        super.onStart()
+        getSongs()
+    }
+
+    private fun initRecyclerView(result: FloChartResult){
+        floCharAdapter = SongRVAdapter(requireContext(), result)
+
+        binding.lookFloChartRv.adapter = floCharAdapter
+    }
+    private fun getSongs() {
+        val songService = SongService()
+        songService.setLookView(this)
+
+        songService.getSongs()
+
+    }
+
+    override fun onGetSongLoading() {
+        binding.lookLoadingPb.visibility = View.VISIBLE
+    }
+
+    override fun onGetSongSuccess(code: Int, result: FloChartResult) {
+        binding.lookLoadingPb.visibility = View.GONE
+        initRecyclerView(result)
+    }
+
+    override fun onGetSongFailure(code: Int, message: String) {
+        binding.lookLoadingPb.visibility = View.GONE
+        Log.d("LOOK-FRAG/SONG-RESPONSE", message)
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/MusicFileFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/MusicFileFragment.kt
similarity index 94%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/MusicFileFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/MusicFileFragment.kt
index 7815787..9724ed4 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/MusicFileFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/MusicFileFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/PannelFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/PannelFragment.kt
similarity index 95%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/PannelFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/PannelFragment.kt
index 67f144e..97f3f4a 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/PannelFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/PannelFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import androidx.fragment.app.Fragment
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedAlbumFragment.kt
similarity index 92%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedAlbumFragment.kt
index 2edf4af..2294e67 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedAlbumFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedAlbumFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.util.Log
@@ -8,6 +8,8 @@ import android.view.ViewGroup
 import androidx.appcompat.app.AppCompatActivity
 import androidx.fragment.app.Fragment
 import androidx.recyclerview.widget.LinearLayoutManager
+import com.example.umc_6th.database.SongDatabase
+import com.example.umc_6th.adapter.SavedAlbumRVAdapter
 import com.example.umc_6th.databinding.FragmentLockerSavedalbumBinding
 
 class SavedAlbumFragment : Fragment() {
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedSongFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedSongFragment.kt
similarity index 89%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SavedSongFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedSongFragment.kt
index b279623..b27c0da 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SavedSongFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SavedSongFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
@@ -6,8 +6,10 @@ import android.view.View
 import android.view.ViewGroup
 import androidx.fragment.app.Fragment
 import androidx.recyclerview.widget.LinearLayoutManager
+import com.example.umc_6th.model.Song
+import com.example.umc_6th.database.SongDatabase
+import com.example.umc_6th.adapter.LockerAlbumRVAdapter
 import com.example.umc_6th.databinding.FragmentLockerSavedsongBinding
-import com.google.gson.Gson
 
 class SavedSongFragment : Fragment() {
 
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SearchFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SearchFragment.kt
similarity index 89%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SearchFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SearchFragment.kt
index da55302..5c727ee 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SearchFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SearchFragment.kt
@@ -1,10 +1,11 @@
-package com.example.umc_6th
+package com.example.umc_6th.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.umc_6th.R
 
 class SearchFragment : Fragment() {
 
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/SongFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SongFragment.kt
similarity index 94%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/SongFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SongFragment.kt
index 19ed101..7c5ad9c 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/SongFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/SongFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/VideoFragment.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/VideoFragment.kt
similarity index 94%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/VideoFragment.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/fragment/VideoFragment.kt
index 6bd8148..24b481b 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/VideoFragment.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/fragment/VideoFragment.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.fragment
 
 import android.os.Bundle
 import android.view.LayoutInflater
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/Album.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Album.kt
similarity index 89%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/Album.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/model/Album.kt
index 3533e69..6b0a482 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/Album.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Album.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.model
 
 import androidx.room.Entity
 import androidx.room.PrimaryKey
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/model/BaseResponse.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/BaseResponse.kt
new file mode 100644
index 0000000..276f036
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/BaseResponse.kt
@@ -0,0 +1,15 @@
+package com.example.umc_6th.model
+
+import com.google.gson.annotations.SerializedName
+
+data class BaseResponse(
+    @SerializedName("isSuccess") val isSuccess: Boolean,
+    @SerializedName("code") val code: Int,
+    @SerializedName("message") val message: String,
+    @SerializedName("result") val result: Result?
+)
+
+data class Result (
+    @SerializedName("userIdx") var userIdx : Int,
+    @SerializedName("jwt") var jwt : String
+)
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/Constant.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Constant.kt
similarity index 74%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/Constant.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/model/Constant.kt
index e163275..8e11609 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/Constant.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Constant.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.model
 
 object Constant {
     const val CHANNEL_ID = "ch123"
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/Song.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Song.kt
similarity index 92%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/Song.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/model/Song.kt
index 5b05991..8402270 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/Song.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/Song.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.model
 
 import androidx.room.Entity
 import androidx.room.PrimaryKey
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/model/SongResponse.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/SongResponse.kt
new file mode 100644
index 0000000..c393abb
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/SongResponse.kt
@@ -0,0 +1,22 @@
+package com.example.umc_6th.model
+
+import com.google.gson.annotations.SerializedName
+
+data class SongResponse(
+    @SerializedName("isSuccess") val isSuccess: Boolean,
+    @SerializedName("code") val code: Int,
+    @SerializedName("message") val message: String,
+    @SerializedName("result") val result: FloChartResult
+)
+
+data class FloChartResult(
+    @SerializedName("songs") val songs: List<FloChartSongs>
+)
+
+data class FloChartSongs(
+    @SerializedName("songIdx") val songIdx: Int,
+    @SerializedName("albumIdx") val albumIdx: Int,
+    @SerializedName("singer") val singer: String,
+    @SerializedName("title") val title:String,
+    @SerializedName("coverImgUrl") val coverImgUrl : String
+)
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/model/User.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/model/User.kt
new file mode 100644
index 0000000..fdcef17
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/model/User.kt
@@ -0,0 +1,20 @@
+package com.example.umc_6th.model
+
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+import com.google.gson.annotations.SerializedName
+import java.io.Serial
+
+@Entity(tableName = "UserTable")
+data class User(
+    @SerializedName("email")
+    var email : String,
+
+    @SerializedName("password")
+    var password : String,
+
+    @SerializedName("name")
+    var name : String
+){
+    @PrimaryKey(autoGenerate = true) var id : Int = 0
+}
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/network/ApiRepository.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/network/ApiRepository.kt
new file mode 100644
index 0000000..e560ef7
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/network/ApiRepository.kt
@@ -0,0 +1,7 @@
+package com.example.umc_6th.network
+
+class ApiRepository {
+    companion object{
+        const val BASE_URL = "https://edu-api-test.softsquared.com"
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthApi.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthApi.kt
new file mode 100644
index 0000000..c3b4783
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthApi.kt
@@ -0,0 +1,15 @@
+package com.example.umc_6th.network
+
+import com.example.umc_6th.model.BaseResponse
+import com.example.umc_6th.model.User
+import retrofit2.Call
+import retrofit2.http.Body
+import retrofit2.http.POST
+
+interface AuthApi {
+    @POST("/users")
+    fun signUp(@Body user : User) : Call<BaseResponse>
+
+    @POST("/users/login")
+    fun login(@Body user : User) : Call<BaseResponse>
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthService.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthService.kt
new file mode 100644
index 0000000..10c85dd
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/network/AuthService.kt
@@ -0,0 +1,57 @@
+package com.example.umc_6th.network
+
+import android.util.Log
+import com.example.umc_6th.view.LoginView
+import com.example.umc_6th.view.SignUpView
+import com.example.umc_6th.model.BaseResponse
+import com.example.umc_6th.model.User
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+
+class AuthService {
+    private lateinit var signUpView: SignUpView
+    private lateinit var loginView : LoginView
+
+    fun setSignUpView(signUpView: SignUpView) {
+        this.signUpView = signUpView
+    }
+
+    fun setLoginView(loginView: LoginView) {
+        this.loginView = loginView
+    }
+
+
+    fun signUp(user : User) {
+        RetrofitInstance.authApi.signUp(user).enqueue(object: Callback<BaseResponse> {
+            override fun onResponse(call: Call<BaseResponse>, response: Response<BaseResponse>) {
+                Log.d("SignUp-Success", response.toString())
+                val response : BaseResponse = response.body()!!
+                when(response.code) {
+                    1000 -> signUpView.onSignUpSuccess()
+                    else -> signUpView.onSignUpFailure(response.message)
+                }
+            }
+            override fun onFailure(call: Call<BaseResponse>, t: Throwable) {
+                Log.d("SignUp-Failure", t.message.toString())
+            }
+        })
+        Log.d("SignUpActivity", "All Finished")
+    }
+    fun login(user : User) {
+        RetrofitInstance.authApi.login(user).enqueue(object: Callback<BaseResponse> {
+            override fun onResponse(call: Call<BaseResponse>, response: Response<BaseResponse>) {
+                Log.d("Login-Success", response.toString())
+                val response : BaseResponse = response.body()!!
+                when(val code = response.code) {
+                    1000 -> loginView.onLoginSuccess(code, response.result!!)
+                    else -> loginView.onLoginFailure(response.message)
+                }
+            }
+            override fun onFailure(call: Call<BaseResponse>, t: Throwable) {
+                Log.d("Login-Failure", t.message.toString())
+            }
+        })
+        Log.d("LoginActivity", "All Finished")
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/network/RetrofitInstance.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/network/RetrofitInstance.kt
new file mode 100644
index 0000000..225fbda
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/network/RetrofitInstance.kt
@@ -0,0 +1,17 @@
+package com.example.umc_6th.network
+
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+
+class RetrofitInstance {
+    companion object{
+        private val retrofit by lazy{
+            Retrofit.Builder()
+                .baseUrl(ApiRepository.BASE_URL)
+                .addConverterFactory(GsonConverterFactory.create())
+                .build()
+        }
+        val authApi = retrofit.create(AuthApi::class.java)
+        val songApi = retrofit.create(SongApi::class.java)
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/network/SongApi.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/network/SongApi.kt
new file mode 100644
index 0000000..13077cb
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/network/SongApi.kt
@@ -0,0 +1,10 @@
+package com.example.umc_6th.network
+
+import com.example.umc_6th.model.SongResponse
+import retrofit2.Call
+import retrofit2.http.GET
+
+interface SongApi {
+    @GET("/songs")
+    fun getSongs(): Call<SongResponse>
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/ForegroundService.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/service/ForegroundService.kt
similarity index 88%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/ForegroundService.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/service/ForegroundService.kt
index b97e721..4289a57 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/ForegroundService.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/service/ForegroundService.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.service
 
 import android.annotation.SuppressLint
 import android.app.Notification
@@ -10,6 +10,9 @@ import android.content.Intent
 import android.os.Build
 import android.os.IBinder
 import androidx.annotation.RequiresApi
+import com.example.umc_6th.R
+import com.example.umc_6th.activity.SongActivity
+import com.example.umc_6th.model.Constant
 
 class ForegroundService : Service() {
 
@@ -32,7 +35,7 @@ class ForegroundService : Service() {
     @SuppressLint("ForegroundServiceType")
     @RequiresApi(Build.VERSION_CODES.O)
     private fun showNotification() {
-        val notificationIntent = Intent(this,SongActivity::class.java)
+        val notificationIntent = Intent(this, SongActivity::class.java)
         val pendingIntent = PendingIntent.getActivity(
             this,0,notificationIntent,PendingIntent.FLAG_IMMUTABLE
         )
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/service/SongService.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/service/SongService.kt
new file mode 100644
index 0000000..db32dbd
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/service/SongService.kt
@@ -0,0 +1,43 @@
+package com.example.umc_6th.service
+
+import android.util.Log
+import com.example.umc_6th.view.LookView
+import com.example.umc_6th.model.SongResponse
+import com.example.umc_6th.network.RetrofitInstance
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+
+class SongService {
+    private lateinit var lookView: LookView
+
+    fun setLookView(lookView: LookView) {
+        this.lookView = lookView
+    }
+
+    fun getSongs() {
+        lookView.onGetSongLoading()
+
+        RetrofitInstance.songApi.getSongs().enqueue(object : Callback<SongResponse> {
+            override fun onResponse(call: Call<SongResponse>, response: Response<SongResponse>) {
+                if (response.isSuccessful && response.code() == 200) {
+                    val songResponse: SongResponse = response.body()!!
+
+                    Log.d("SONG-RESPONSE", songResponse.toString())
+
+                    when (val code = songResponse.code) {
+                        1000 -> {
+                            lookView.onGetSongSuccess(code, songResponse.result!!)
+                        }
+
+                        else -> lookView.onGetSongFailure(code, songResponse.message)
+                    }
+                }
+            }
+
+            override fun onFailure(call: Call<SongResponse>, t: Throwable) {
+                lookView.onGetSongFailure(400, "네트워크 오류가 발생했습니다.")
+            }
+        })
+    }
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/CustomSnackbar.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/utils/CustomSnackbar.kt
similarity index 91%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/CustomSnackbar.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/utils/CustomSnackbar.kt
index 6a9962b..4de9c54 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/CustomSnackbar.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/utils/CustomSnackbar.kt
@@ -1,10 +1,11 @@
-package com.example.umc_6th
+package com.example.umc_6th.utils
 
 import android.annotation.SuppressLint
 import android.view.LayoutInflater
 import android.view.View
 import androidx.core.content.ContextCompat
 import androidx.databinding.DataBindingUtil
+import com.example.umc_6th.R
 import com.example.umc_6th.databinding.CustomSnackbarBinding
 import com.google.android.material.snackbar.Snackbar
 
@@ -20,7 +21,8 @@ class CustomSnackbar(view: View, private val message: String) {
 
 
     private val inflater = LayoutInflater.from(context)
-    private val snackbarBinding: CustomSnackbarBinding = DataBindingUtil.inflate(inflater,R.layout.custom_snackbar, null, false)
+    private val snackbarBinding: CustomSnackbarBinding = DataBindingUtil.inflate(inflater,
+        R.layout.custom_snackbar, null, false)
 
     init {
         initView()
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/Like.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/utils/Like.kt
similarity index 86%
rename from UMC_6th/app/src/main/java/com/example/umc_6th/Like.kt
rename to UMC_6th/app/src/main/java/com/example/umc_6th/utils/Like.kt
index 3d48b17..a876eaf 100644
--- a/UMC_6th/app/src/main/java/com/example/umc_6th/Like.kt
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/utils/Like.kt
@@ -1,4 +1,4 @@
-package com.example.umc_6th
+package com.example.umc_6th.utils
 
 import androidx.room.Entity
 import androidx.room.PrimaryKey
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/view/LoginView.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/view/LoginView.kt
new file mode 100644
index 0000000..59c6934
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/view/LoginView.kt
@@ -0,0 +1,8 @@
+package com.example.umc_6th.view
+
+import com.example.umc_6th.model.Result
+
+interface LoginView {
+    fun onLoginSuccess(code : Int, result : Result)
+    fun onLoginFailure(message : String)
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/view/LookView.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/view/LookView.kt
new file mode 100644
index 0000000..6ff332a
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/view/LookView.kt
@@ -0,0 +1,9 @@
+package com.example.umc_6th.view
+
+import com.example.umc_6th.model.FloChartResult
+
+interface LookView {
+    fun onGetSongLoading()
+    fun onGetSongSuccess(code: Int, result: FloChartResult)
+    fun onGetSongFailure(code: Int, message: String)
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/java/com/example/umc_6th/view/SignUpView.kt b/UMC_6th/app/src/main/java/com/example/umc_6th/view/SignUpView.kt
new file mode 100644
index 0000000..81bdcc6
--- /dev/null
+++ b/UMC_6th/app/src/main/java/com/example/umc_6th/view/SignUpView.kt
@@ -0,0 +1,6 @@
+package com.example.umc_6th.view
+
+interface SignUpView {
+    fun onSignUpSuccess()
+    fun onSignUpFailure(message : String)
+}
\ No newline at end of file
diff --git a/UMC_6th/app/src/main/res/drawable/kakao_login.png b/UMC_6th/app/src/main/res/drawable/kakao_login.png
new file mode 100644
index 0000000..09bb358
Binary files /dev/null and b/UMC_6th/app/src/main/res/drawable/kakao_login.png differ
diff --git a/UMC_6th/app/src/main/res/layout/activity_login.xml b/UMC_6th/app/src/main/res/layout/activity_login.xml
index 5dbeaa3..564622b 100644
--- a/UMC_6th/app/src/main/res/layout/activity_login.xml
+++ b/UMC_6th/app/src/main/res/layout/activity_login.xml
@@ -307,6 +307,7 @@
             android:layout_height="45dp"
             android:layout_marginStart="15dp"
             android:layout_marginEnd="15dp"
+            android:onClick="loginKakao"
             android:src="@drawable/kakako_44" />
 
         <ImageView
diff --git a/UMC_6th/app/src/main/res/layout/activity_main.xml b/UMC_6th/app/src/main/res/layout/activity_main.xml
index 91a395f..489f2bc 100644
--- a/UMC_6th/app/src/main/res/layout/activity_main.xml
+++ b/UMC_6th/app/src/main/res/layout/activity_main.xml
@@ -4,7 +4,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".MainActivity">
+    tools:context=".activity.MainActivity">
     
     <FrameLayout
         android:id="@+id/main_frm"
diff --git a/UMC_6th/app/src/main/res/layout/fragment_bottom_sheet.xml b/UMC_6th/app/src/main/res/layout/fragment_bottom_sheet.xml
index 13f815d..c623027 100644
--- a/UMC_6th/app/src/main/res/layout/fragment_bottom_sheet.xml
+++ b/UMC_6th/app/src/main/res/layout/fragment_bottom_sheet.xml
@@ -6,7 +6,7 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:gravity="center_horizontal"
-    tools:context=".BottomSheetFragment"
+    tools:context=".fragment.BottomSheetFragment"
     android:background="@color/flo">
 
     <TextView
diff --git a/UMC_6th/app/src/main/res/layout/fragment_home.xml b/UMC_6th/app/src/main/res/layout/fragment_home.xml
index 66ec714..3bb82a4 100644
--- a/UMC_6th/app/src/main/res/layout/fragment_home.xml
+++ b/UMC_6th/app/src/main/res/layout/fragment_home.xml
@@ -4,7 +4,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".HomeFragment">
+    tools:context=".fragment.HomeFragment">
 
     <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
diff --git a/UMC_6th/app/src/main/res/layout/fragment_look.xml b/UMC_6th/app/src/main/res/layout/fragment_look.xml
index 4cc8cf8..31b020c 100644
--- a/UMC_6th/app/src/main/res/layout/fragment_look.xml
+++ b/UMC_6th/app/src/main/res/layout/fragment_look.xml
@@ -1,294 +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"
-    tools:context=".LookFragment">
-
-    <TextView
-        android:id="@+id/textView2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="20dp"
-        android:layout_marginTop="20dp"
-        android:gravity="center"
-        android:text="둘러보기"
-        android:textColor="@color/black"
-        android:textSize="25sp"
-        android:textStyle="bold"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <HorizontalScrollView
-        android:id="@+id/horizontalScrollView"
+    android:layout_height="match_parent">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:paddingVertical="20dp"
-        android:scrollbars="none"
-        app:layout_constraintTop_toBottomOf="@+id/textView2">
+        android:layout_height="wrap_content">
 
-        <LinearLayout
+        <TextView
+            android:id="@+id/look_big_title_tv"
             android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:orientation="horizontal">
-
-            <android.widget.Button
-                android:id="@+id/look_chart_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginLeft="25dp"
-                android:background="@drawable/selected_button"
-                android:text="차트"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-
-            <android.widget.Button
-                android:id="@+id/look_video_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginLeft="10dp"
-                android:background="@drawable/not_selected_button"
-                android:text="비디오"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-
-            <android.widget.Button
-                android:id="@+id/look_genre_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginLeft="10dp"
-                android:background="@drawable/not_selected_button"
-                android:text="장르"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-
-            <android.widget.Button
-                android:id="@+id/look_situation_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginLeft="10dp"
-                android:background="@drawable/not_selected_button"
-                android:text="상황"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-
-            <android.widget.Button
-                android:id="@+id/look_audio_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginLeft="10dp"
-                android:background="@drawable/not_selected_button"
-                android:text="오디오"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-
-            <android.widget.Button
-                android:id="@+id/look_atmostphere_btn"
-                android:layout_width="wrap_content"
-                android:layout_height="40dp"
-                android:layout_marginRight="20dp"
-                android:layout_marginLeft="10dp"
-                android:background="@drawable/not_selected_button"
-                android:text="분위기"
-                android:textColor="@color/white"
-                android:textSize="15sp"
-                android:textStyle="bold" />
-        </LinearLayout>
-    </HorizontalScrollView>
-
-    <ScrollView
-        android:id="@+id/look_sv"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/horizontalScrollView">
+            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" />
 
-        <LinearLayout
+        <HorizontalScrollView
+            android:id="@+id/look_chip_scroll_hs"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="vertical">
+            android:paddingStart="20dp"
+            android:scrollbars="none"
+            android:layout_marginTop="30dp"
+            app:layout_constraintTop_toBottomOf="@id/look_big_title_tv">
 
-            <TextView
-                android:id="@+id/look_chart_tv"
+            <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="20dp"
-                android:layout_marginTop="30dp"
-                android:text="차트"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold" />
-
-            <androidx.cardview.widget.CardView
-                android:id="@+id/cardView"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="20dp"
-                android:layout_marginTop="20dp"
-                app:cardCornerRadius="8dp"
-                app:cardElevation="4dp"
-                app:layout_constraintTop_toBottomOf="@+id/look_chart_tv"
-                tools:layout_editor_absoluteX="20dp">
-
-                <androidx.recyclerview.widget.RecyclerView
-                    android:id="@+id/look_chart_song_rv"
-                    android:layout_width="match_parent"
-                    android:layout_height="match_parent"
-                    android:layout_marginTop="10dp"
-                    android:orientation="vertical"
-                    android:overScrollMode="never"
-                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-                    app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintTop_toTopOf="parent"
-                    tools:listitem="@layout/item_locker_album" />
-
-            </androidx.cardview.widget.CardView>
+                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_video_tv"
+                android:id="@+id/look_chart_title_tv"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="20dp"
-                android:layout_marginTop="20dp"
-                android:text="비디오"
-                android:textColor="@color/black"
-                android:textSize="25sp"
+                android:text="FLO 차트"
+                android:textColor="#000000"
                 android:textStyle="bold"
+                android:textSize="18sp"
+                android:layout_marginStart="15dp"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/cardView" />
+                app:layout_constraintTop_toTopOf="parent"/>
 
             <TextView
-                android:id="@+id/look_video_contents_tv"
-                android:layout_width="match_parent"
-                android:layout_height="500dp"
-                android:layout_marginStart="20dp"
-                android:layout_marginVertical="20dp"
-                android:text="비디오 섹션"
-                android:gravity="center"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/cardView" />
-
-            <TextView
-                android:id="@+id/look_genre_tv"
+                android:id="@+id/look_chart_title_time_tv"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="20dp"
-                android:layout_marginTop="20dp"
-                android:text="장르"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_video_contents_tv" />
-
+                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_genre_contents_tv"
-                android:layout_width="match_parent"
-                android:layout_height="500dp"
-                android:layout_marginStart="20dp"
-                android:layout_marginVertical="20dp"
-                android:text="장르 섹션"
-                android:gravity="center"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_video_contents_tv" />
+                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_situation_tv"
+                android:id="@+id/look_chart_listen_all_tv"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="20dp"
-                android:layout_marginTop="20dp"
-                android:text="상황"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                android:text="전체듣기"
+                android:textSize="13sp"
+                android:textColor="#000000"
+                android:layout_marginEnd="15dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
 
-            <TextView
-                android:id="@+id/look_situation_contents_tv"
+            <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="500dp"
-                android:layout_marginStart="20dp"
-                android:layout_marginVertical="20dp"
-                android:text="상황 섹션"
-                android:gravity="center"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
+                android:layout_height="300dp"
+                android:layout_marginTop="10dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                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_audio_tv"
+        <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:layout_marginStart="20dp"
-                android:layout_marginTop="20dp"
-                android:text="오디오"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                android:orientation="horizontal">
 
-            <TextView
-                android:id="@+id/look_audio_contents_tv"
+
+                <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="500dp"
-                android:layout_marginStart="20dp"
-                android:layout_marginVertical="20dp"
-                android:text="오디오 섹션"
-                android:gravity="center"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
 
-            <TextView
-                android:id="@+id/look_atmostphere_tv"
-                android:layout_width="wrap_content"
+                <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:layout_marginStart="20dp"
-                android:layout_marginTop="20dp"
-                android:text="분위기"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                android:orientation="horizontal"
+                android:layout_marginBottom="5dp">
 
-            <TextView
-                android:id="@+id/look_atmostphere_contents_tv"
+                <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="500dp"
-                android:layout_marginStart="20dp"
-                android:layout_marginVertical="20dp"
-                android:text="분위기 섹션"
-                android:gravity="center"
-                android:textColor="@color/black"
-                android:textSize="25sp"
-                android:textStyle="bold"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@+id/look_genre_contents_tv" />
+                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" />
 
-        </LinearLayout>
+                <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" />
 
-    </ScrollView>
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+            </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/UMC_6th/app/src/main/res/layout/fragment_search.xml b/UMC_6th/app/src/main/res/layout/fragment_search.xml
index b6198d4..1b8204f 100644
--- a/UMC_6th/app/src/main/res/layout/fragment_search.xml
+++ b/UMC_6th/app/src/main/res/layout/fragment_search.xml
@@ -3,7 +3,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".SearchFragment">
+    tools:context=".fragment.SearchFragment">
 
     <!-- TODO: Update blank fragment layout -->
     <TextView
diff --git a/UMC_6th/app/src/main/res/layout/item_song.xml b/UMC_6th/app/src/main/res/layout/item_song.xml
new file mode 100644
index 0000000..5a494ba
--- /dev/null
+++ b/UMC_6th/app/src/main/res/layout/item_song.xml
@@ -0,0 +1,71 @@
+<?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="wrap_content"
+    android:paddingLeft="18dp"
+    android:paddingVertical="10dp">
+
+    <androidx.cardview.widget.CardView
+        android:id="@+id/item_song_img_cardView"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        app:cardCornerRadius="7dp"
+        app:cardElevation="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent">
+        <ImageView
+            android:id="@+id/item_song_img_iv"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scaleType="fitCenter"
+            android:src="@drawable/img_album_exp2"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.cardview.widget.CardView>
+
+    <TextView
+        android:id="@+id/item_song_title_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Lilac"
+        android:textSize="16dp"
+        android:textColor="@color/black"
+        android:layout_marginLeft="10dp"
+        app:layout_constraintTop_toTopOf="@id/item_song_img_cardView"
+        app:layout_constraintBottom_toTopOf="@id/item_song_singer_tv"
+        app:layout_constraintStart_toEndOf="@id/item_song_img_cardView"/>
+
+    <TextView
+        android:id="@+id/item_song_singer_tv"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="아이유 (IU)"
+        android:textSize="13dp"
+        android:layout_marginLeft="10dp"
+        app:layout_constraintTop_toBottomOf="@+id/item_song_title_tv"
+        app:layout_constraintBottom_toBottomOf="@id/item_song_img_cardView"
+        app:layout_constraintStart_toEndOf="@id/item_song_img_cardView"/>
+
+    <ImageView
+        android:id="@+id/item_song_play_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:src="@drawable/btn_player_play"
+        android:layout_marginRight="5dp"
+        app:layout_constraintEnd_toStartOf="@id/item_song_more_iv"
+        app:layout_constraintTop_toTopOf="@id/item_song_more_iv"
+        app:layout_constraintBottom_toBottomOf="@id/item_song_more_iv"/>
+
+    <ImageView
+        android:id="@+id/item_song_more_iv"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:src="@drawable/btn_player_more"
+        android:layout_marginRight="5dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/UMC_6th/settings.gradle.kts b/UMC_6th/settings.gradle.kts
index c68b8ae..f35da6c 100644
--- a/UMC_6th/settings.gradle.kts
+++ b/UMC_6th/settings.gradle.kts
@@ -10,6 +10,7 @@ dependencyResolutionManagement {
     repositories {
         google()
         mavenCentral()
+        maven { url = uri("https://devrepo.kakao.com/nexus/content/groups/public/") }
     }
 }