From 5a4ffe0b7b1c16dcbb471fc9f0df0518d78368ca Mon Sep 17 00:00:00 2001
From: Hyewon-5 <belle7891@naver.com>
Date: Mon, 15 Jul 2024 01:39:10 +0900
Subject: [PATCH] =?UTF-8?q?Create=20[=203=EC=A3=BC=EC=B0=A8=20=EA=B3=BC?=
 =?UTF-8?q?=EC=A0=9C=20]=20=EC=9D=8C=EC=95=85=ED=94=8C=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=96=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

3주차 과제
---
 ...4\214\353\240\210\354\235\264\354\226\264" | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 ".github/[ 3\354\243\274\354\260\250 \352\263\274\354\240\234 ] \354\235\214\354\225\205\355\224\214\353\240\210\354\235\264\354\226\264"

diff --git "a/.github/[ 3\354\243\274\354\260\250 \352\263\274\354\240\234 ] \354\235\214\354\225\205\355\224\214\353\240\210\354\235\264\354\226\264" "b/.github/[ 3\354\243\274\354\260\250 \352\263\274\354\240\234 ] \354\235\214\354\225\205\355\224\214\353\240\210\354\235\264\354\226\264"
new file mode 100644
index 0000000..4a77b75
--- /dev/null
+++ "b/.github/[ 3\354\243\274\354\260\250 \352\263\274\354\240\234 ] \354\235\214\354\225\205\355\224\214\353\240\210\354\235\264\354\226\264"	
@@ -0,0 +1,29 @@
+<!-- PR의 제목은 "[ n주차 과제 ] 과제명" 으로 작성해주시면 되겠습니다 -->
+
+## ✨ 구현 기능 명세
+
+- CSS 레이아웃에 대해 배웠다. 
+Position 속성과 Flexbox의 개념등을 배워서 음악 플레이어 웹사이트를 구현하는 것을 3주차에서 배웠다.
+
+<br />
+
+##  📌 내가 새로 알게 된 부분
+
+.sidebar와 .player가 항상 고정된 상태로 떠 있도록 배치하려면  fixed 포지션을 사용하면 된다는 것을 알았다.
+
+
+<br />
+
+## 💎 구현과정에서의 고민과정(어려웠던 부분) 공유!
+- fixed 포지션은 자리를 차지하지 않기 때문에 페이지를 맨 아래까지 완전히 스크롤했을 때 본문과 플레이어가 겹치지 않도록, <main> 태그에 여백(margin-bottom)을 추가해 주는 것을 잊어서 구현하는데에 애를 먹었다.
+
+<br />
+
+## 🥺 소요 시간
+- `3`
+
+<br />
+
+## 🌈 구현 결과물
+
+https://bakey-api.codeit.kr/web/enrollments/66791ff7e58ff7774633d1f1/lessons/5801/index.html