웹3 수업페이지

수업 준비

 

과제 제출: 구글 시트

피그마: 링크 바로가기

 

 

 

수업 내용

 - JS 학습

 - j-query 이벤트

 - j-query 함수

 

 

 

---

 

 

 

💎 1일차 : 지마켓 3차 메뉴

 

📘 코드펜 : 지마켓 3차 메뉴

 

📗 숙제 : 지마켓 처음부터 3차 메뉴 수업시간에 했던 것 까지 코딩

 

 

 

 

-------- JS, 자바스트립트 시작 --------

💎 2일차 : JS 출력

 

📘 코드펜 : 콘솔 용도, 문자와 숫자 데이터

 

 

 

 

💎 3일차 : JS 변수명 & 함수    j-query

 

📘 코드펜 : 변수명,  if & 연산자 적응문제,  함수,  j-query

 

 

💎 4일차 : click이벤트 & 팝업 만들기(1)

 

📘 코드펜 : j-query click이벤트

                      if-else  

 

 

💎 5일차 : click이벤트 & 팝업 만들기(2)

 

📘 코드펜 : 토글 형태 구현

 

 

💎 6일차 : click이벤트 & 팝업 만들기(3)    this객체

 

📘 코드펜 : this객체

 

 

💎 7일차 :  jQuery함수:  .hasClass()    .find()    .siblings()    .slideUp()&.slideDown()

 

📘 코드펜 : hasClass

 

📗 숙제 : 수업 예제 2번 코드 짜보기

                 첫번째 구현   두번째 구현

 

 

💎 8일차 : 스와이프 라이브러리 사용하기

 

📘 코드펜 : 스와이프 시작하기,  스와이퍼 구조 활용

 

 

 

💎 9일차 : 스와이프 여러 개 한 번에 보이는 방식, 스와이프 반응형

 

📘 코드펜 : 스와이프 한 번에 4개 보이는 방식,  스와이프 반응형