KOSTA 교육 36일차(jQuery UI, Plug-in, Project)

18.12.18(화)

 

배운 내용

 

1. jQuery UI
2. jQuery Plug-in
3. Project

---

1. jQuery UI

임팩트 있는 화면을 보여주기 위해 화면을 구성할 수 있는 방법

• jQuery 공식 홈페이지에서 jQuery가 제공하는 소스들이 있음
• 자바 스크립트와 css를 이용하여 구현 할 수 있는 UI를 손쉽게 구현 할 수 있도록 제작된 라이브러리이다.

 

• Drag에 관한 UI이고 각 선택지의 특성처럼 드래그를 하는 기능을 만들 때 사용한다.
• Executed command에서 원하는 기능을 Apply하면 해당 코드가 작성되어 바로 사용할 수 있도록 했다.

 

2. jQuery Plug-in

jQuery의 다양한 기능을 쉽게 사용할 수 있도록 제공해주는 라이브러리이다.

 

플러그인 사용 방법

• 여기서 this는 객체 자신을 가르킨다.
• $(“a”).greenify();로 사용 가능하다.

 

Plug-in 종류

• 이미지 슬라이더(image slider), 캐러셀(Carousel) : 이미지 등이 버튼 클릭 또는 시간에 따라 변경되는 플러그인
• 비디오 백그라운드(video Background) : 간단하게 동영상을 배경으로 사용할 때 사용하는 플러그인
• 이미지 로드 확인(image Loaded) : 이미지가 모두 읽어 들여지는 시점에서 이벤트 처리를 해주는 플러그인
• 웨이포인트(Waypoint), 스크롤 스파이(Scroll Spy) : 스크롤이 특정 지점에 왔을 때 이벤트를 발생시켜주는 플러그인

 

3. Project

2018. 12. 18(화) 부터 Web 미니 프로젝트를 진행한다.
오늘은 주제선정과 페이지를 리뉴얼 하는 과정을 진행했다.

http://www.guidecrops.com/index.html(농산물 직거래 장터)라는 홈페이지인데 오래 전 제작되어 리뉴얼이 필요해 보여 선택하였다.
현재의 과정은 메인페이지와 서브페이지 2개를 함께 진행 중인데 현재 CSS능력이 많이 부족하여 BootStrap을 이용하여 꾸며보고 싶지만 생각보다 이용하는게 쉽지 않았다.

그래서 사실 HTML, JavaScript, jQuery, Ajax를 사용해야 하는 프로젝트지만 논제를 많이 벗어나게 되어 사실 많이 걱정이 된다.

아직 진행상황이 많지 않아 정리할 순 없지만 내일 인성교육을 듣고 목요일에 마무리가 된다면 정리와 코드 분석이 가능하지 않을까 생각한다.

 

오늘 교육 간 느낀점

사실 오늘 교육은 특별한 것이 없었다. UI의 사용법 그리고 Plug-in에 대해서 아주 잠깐 배웠는데 플러그인 같은 경우 생각보다 중요한 부분이지만 아주 짧은 시간에 구두로만 배워서 사실 감을 잡지 못하겠다. 기본 개념만 숙지하고 있고 구글링을 통해서 잠깐 익혔는데 프로젝트가 끝나면 공부해서 따로 사용해봐야겠다.

 

내일은 인성교육 이어서 교육은 없지만 쉬어가고 나중 직장생활에 도움이 되도록 열심히 들어야겠다.