공지사항
concept : 사용자의 취향 중심의 도서 추천 웹 사이트
web site type : Spring5 (model 2)
recommend book web site project (5차) 2019.03.11-22(금) - 2주
-----------------------------------------------------------------------------
1. 목표
1.1 단순 CSS만으로 개발한 프로젝트를 bootstrap template으로 리팩토링
2. SKILL
2.1 language
2.1.1 front-end : HTML5, CSS3, javascript (Vanilla JS), jQuery,
2.1.2 back-end : JSP (java), MySQL
2.2 tool / Framework
2.2.1 IDE : eclipse (STS)
2.2.2 DB : MySQL workbench
2.2.3 Framework : Spring 5
2.3 개발환경
2.3.1 web-hosting : AWS-EC2, RDS
2.3.2 OS : linux (ubuntu)
2.3.3 DB : MySQL
2.3.4 JVM : 1.8v
3.4.5 Server : apache tomcat 8
3. 참고
이번 프로젝트는 기존에 진행하였던 웹사이트의 서툰 UI를 보완하기위해서 bootstrap을 학습하면서 template으로 리팩토링 하려고 합니다.
여태까지는 아주 올드한 디자인을 가진 웹사이트였지만 template을 적용함으로 인해 조금이나마 세련된 느낌을 연출 할 수 있기를 기대하고 있습니다.
앞으로도 많은 관심부탁드립니다. 감사합니다.
-------------------------------------------------------------------------------
4. 완료보고
이번 프로젝트는 생각보다 빠르게 진행되어 예정일보다 하루 일찍 종료되었습니다.
처음 접해본 bootstrap template는 작업 할 수록 디자인 효과와 생산성이 극적으로 향상 되는것을 느꼈습니다.
또한 CSS만으로 반응형으로 작업하려면 요소를 하나씩 배치를 해줘야하는 어려움이 존재했는데 bootstrap template은 반응형을 기본으로 제공하기 때문에 별도의 코딩없이 수훨하게 개발 할 수 있었습니다.
초반에는 다운받은 bootstrap의 각 설정이 정의된 위치를 찾느라 삽질을 했는데, chrom 개발자 툴의 'select an element' 기능을 활용하면 편리하게 위치를 확인하고 테스트를 할 수 있는것을 깨달았습니다.
이번 프로젝트에서 다양한 CSS를 적용해보다보니 점점 익숙해지고 자신감이 생기게되어 UI 개발 역량을 한단계 향상킬 수 있는 계기가 되었던것같습니다.
앞으로도 많은 관심부탁드립니다.
http://54.180.119.106:8080/RecommendBook_B/
