웹 표준 사이트 완성 : 스크립트 version - 전체 메뉴, 배너, 탭 메뉴, 갤러리, 레이어 팝업, 윈도우 팝업, 라이트박스

 

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 81

---

Review

 오늘 드디어 웹스토리보이님의 웹 표준 사이트 만들기 강의를 완강했다.

아직 모르는 게 더 많은 코린이지만, 정말 무릎을 탁치며 깨달음을 얻게 된 명강의였다.

앞으로도 '반응형 웹 페이지' 강의와 '메가박스 사이트 만들기' 강의도 들어보려고 한다.

 

VSCode에 주석을 달면서 공부하니 집중이 엄청 잘되는 것 같다.

웹스토리보이님께서 헷갈리지 않게 깔끔하게 주석을 다는 법을 알려주셔서 앞으로는

주석을 다는 습관을 들이려고 한다 !

 

유튜브에 너무 잘 알려주시는 분들이 많이 계셔서 국비과정이 끝나면 유튜브로 더 많이

공부할 예정이다.

 

파이팅 !!!

 

 

---

 

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 81

 

<슬라이드 플러그인 사용하기>

 

http://kenwheeler.github.io/slick/

slick - the last carousel you'll ever need

 

slick plugin을 이용해 슬라이드를 완성했다.

 

 

https://github.com/kenwheeler/slick/

GitHub - kenwheeler/slick: the last carousel you'll ever need

 

위의 링크에 접속해 다운 받을 수 있다.

 

 

 

 

---

 

<라이트박스 플러그인 사용하기>

 

 

https://www.lightgalleryjs.com/

lightGallery

 

 

갤러리 탭을 완성했다. 썸네일을 보여주기도 하고 유용한 플러그인이었다 !

 

 

 

https://github.com/sachinchoolur/lightGallery

GitHub - sachinchoolur/lightGallery: A customizable, modular, responsive, lightbox gallery plugin.

 

이곳에서 다운 받을 수 있다.

 

 

site > v1 > lightgallery 폴더 안에 css 폴더의 'lightgallery.css' 와 js 폴더의 'lightgallery.js' 두 파일을 

VSCode에서 연동해주면 된다.

 

 

 

https://poseybutter.github.io/web-standard/

WEBSTANDARD SITE

 

웹 표준 사이트 진짜 완성 완성 !