풀스택 프론트 위키

🥰 수업페이지🥰

https://codepen.io/hjyee/full/BaXMvZm

 

---

 

😊 수업 코드펜 & 개념😊

💎  1일차 개념

       📍  메뉴 만들기 : 바로 이동하기

 

🎯  수업 코드펜

      📌  n차 메뉴 만들기

      

---

💎  2일차 개념

       📍  태그의 필요성 : 바로 이동하기

       📍  position : 바로 이동하기

 

🎯  수업 코드펜

      📌  태그의 필요성

      📌  position

      📌  텍스트 생략...

      📌  가상요소

      📌  transition

     

---

💎  3일차 개념

       📍  flex 개구리 & flex-grow : 바로 이동하기

                 flex 디펜스 : 바로 이동하기

       📍  JS란? : 바로 이동하기

 

🎯  수업 코드펜

      📌  box-sizing

      📌  flex

      📌  flex2

      📌  레이아웃 만들기

      📌  CSS cdn 사용하기

      📌  상자 색깔 바꾸기 - VanilaJS.ver

      📌  상자 색깔 바꾸기 - JQuery.ver

      📌  팝업 - JQuery.ver

 

---

💎  4일차 개념

       📍  f

 

🎯  수업 코드펜

      📌  팝업 CSS

      📌  메뉴만들기 with Tailwind cdn

      📌  grid with Tailwind cdn

      📌  사진 hover : object-fit

      📌  사진 hover with Tailwind