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 @@ + + +## ✨ 구현 기능 명세 + +- CSS 레이아웃에 대해 배웠다. +Position 속성과 Flexbox의 개념등을 배워서 음악 플레이어 웹사이트를 구현하는 것을 3주차에서 배웠다. + +
+ +## 📌 내가 새로 알게 된 부분 + +.sidebar와 .player가 항상 고정된 상태로 떠 있도록 배치하려면 fixed 포지션을 사용하면 된다는 것을 알았다. + + +
+ +## 💎 구현과정에서의 고민과정(어려웠던 부분) 공유! +- fixed 포지션은 자리를 차지하지 않기 때문에 페이지를 맨 아래까지 완전히 스크롤했을 때 본문과 플레이어가 겹치지 않도록,
태그에 여백(margin-bottom)을 추가해 주는 것을 잊어서 구현하는데에 애를 먹었다. + +
+ +## 🥺 소요 시간 +- `3` + +
+ +## 🌈 구현 결과물 + +https://bakey-api.codeit.kr/web/enrollments/66791ff7e58ff7774633d1f1/lessons/5801/index.html