2024. 09. 09 UIUX 웹 36일차

## 자바스크립트 21강

→  프론트_수업페이지

→ 자바스크립트 21강_[코드펜](https://www.slog.gg/p/11982#f)
- 실무에서 많이 사용하는 방법 popup-1.active
- 자바스크립트는 디자인 신경x모든 준비는 css에서 완성하고, 
- 자바스크립트에서는 class를 넣었다 뺏다 함
- 수식어(함수)가 간단할수록 더 좋음

---

## 스와이퍼_URL

→  스와이퍼_수업페이지

→  1강_코드펜

Swiper - The Most Modern Mobile Touch Slider

 

 ㄴJava Script(자바스크립트) 선택

 ㄴHTML 소스 코드펜에 Ctrl+c(복사) Ctrl+v(붙여넣기)

 

 ㄴGetting Started 선택

 

 

 ㄴ 왼쪽에 있는 Use Swiper from CDN 클릭

 

  ㄴ스와이퍼 link 코드펜에 Ctrl+c(복사) Ctrl+v(붙여넣기)

 

 ㄴCSS 소스를 코드펜에 Ctrl+c(복사) Ctrl+v(붙여넣기)

 

  ㄴJava Script(자바스크립트) 소스를 코드펜에 Ctrl+c(복사) Ctrl+v(붙여넣기)

---

## 부분모작

NHN Careers사이트_URL

0단계: 연결하기_코드펜

1단계: 상단바 구성하기_코드펜

2단계: 로고 배치하기_코드펜

3단계: 메뉴 배치하기_코드펜

4단계: 사용자메뉴 배치하기_코드펜

5단계: 상단바 최종_코드펜

 

---

## 부족한 부분

 

- relative랑 absolute 다시 공부(영상보고 코드펜에 해보기)

-