웹2 수업페이지

수업 시작 시 기본 세팅!

숙제 제출 : 구글 시트

 

 

 

 

 

💎1일차   vs code 설치 및 세팅 + 파일과 폴더, 확장자 + flex-froggy를 통한 단계별 문제풀이1

                🐸Flex-Froggy

 

 

---

 

 

 

💎2일차   flex-froggy를 통한 단계별 문제풀이2 + flex-grow

                🐸Flex-Froggy

     

     👕코드펜 flex-grow

 

 

 

---

 

 

 

💎3일차   vs-code로 마켓컬리 코딩, 폰트어썸 아이콘 사용하는 방법

               ㄴ 핵심 css: flex-grow

 

    👕코드펜 마켓컬리

     

    📗숙제: 마켓컬리, 삼성  

 

 

 

---

 

 

 

💎4일차   목록과 리스트(ul, li), h태그

 

    👕코드펜 ul, li

                     h태그   

 

    📗숙제: 마켓컬리 nav - ul과 li 사용하여 만들기

 

 

 

---

 

 

 

💎5일차   sgv파일이란? 그리고 응용. ul과 li를 생성할 때에 유의할 것

 

    📗숙제: (자유)새미네 부엌

 

 

 

---

 

 

 

💎6일차   폴더에 파일 정리하기  +  혼자 gmarket 짜보기

 

    📗숙제: 디자인 삼성 1차 탑바 만들기 ,  (자유)지마켓 1차 탑바

 

 

 

---

 

 

 

💎7일차  absolute, hover  {삼성디자인 1차 바}

 

 

 

---

 

 

 

💎8일차  가상요소(::before, ::after)  

 

    👕코드펜  가상요소 

                      삼성디자인 하단 바(+hover 추가)