학원 day59. 검색기능

ibatis 동적쿼리 이용하여 검색기능 구현하기

검색기능을 구현하기 위해서 검색어가 있을 때와 없을때 쿼리가 다른데, 이것을 따로 만드는 것이 아니라

ibatis의 동적 쿼리를 이용해서 적을 수 있다.

* 파라미터클래스로 전달받은 map객체에서 "keyword"라는 key로 값을 조회했을 때 값이 조회되면 (null이 아니면, isNotNull) and board_title like '%' || #keyword# || '%' 쿼리가 동적으로 포함된다.

 

 

---

* 부트스트랩 : 웹페이지를 구현할 때 유용한 기능들을 지원해준다.

* 중단점(BreakPoints) : BreakPoints는 Bootstrap의 반응형 레이아웃이 뷰포트 크기 또는 기기에서 어떻게 작동할 지 결정하는 사용자가 정의 가능한 넓이이다.

반응형 레이아웃이란, 지원 장치의 너비에 따라 레이아웃을 조절해주는 것을 말한다.

* 컨테이너 :  지정된 기기 또는 뷰포트 내에서 콘텐츠를 포함하고 채우고 정렬하는 Bootstrap의 기본 컴포넌트이다.

 

container라는 클래스를 추가하면 화면의 가운데에 위치한다.

 

중단점에 따라서 크기를 조절할 수 있다.

그리드 

화면의 레이아웃을 먼저 구성해야 한다.

row는 겹치지 않는다

row와 col이라는 css를 사용하여 화면을 나눌 수 있다.

 

 

 

그리드 작동원리 : 

컨테이너는 콘텐츠를 중앙에 놓고 가로로 채운다.

행은 열을 감싸는 래퍼다. 

열은 유연하다.

 

4개씩 <div> 태그로 감싸주지 않아도 12칸이 차면 줄바꿈이 된다.

mt : margin top으로 위로 여백을 준다.

mb : margin bottom으로 아래로 여백을 준다.

ps : start 왼쪽

pe : end 오른쪽

p : 테두리와의 간격  

mb : 엘리먼트 사이의 간격

my : 위 아래로 여백

 

기본 색상(8가지) 표현

원래 표현해야 되는 글자보다 작게 나오게 하면 된다.

글자 색 표현

백그라운드 색 표현

테이블 표현

 

---

세미프로젝트 준비

실시간 업무 공유 협업 툴 개발 - ex.구글 스프레드 시트, 구글 문서

스마트워크 통합 시스템 개발 

- 일정관리 시스템 개발 - kt 비즈메카 / 네이버웍스 참고

- 사내 커뮤니티 공유 및 자료 공유 시스템 개발 

- 메신저 시스템 개발

- 전자결재 시스템 개발 

- 고객 상담 시스템 개발

- 학원 수강생 관리 시스템 개발

- 교수/학생 수강 신청 시스템 개발

- 프로젝트 관리 시스템 개발