Project Lab 17. 기타 페이지 개발 - 1

• Bootstrap을 사용하여 UI 변경(Front-end), 설계 변경에 따른 코드 리펙토링한 내용을 소개한다.

• github: https://github.com/scribnote5/lab
• github commit: https://github.com/scribnote5/lab/commit/b145d6864452592f86448ba92d54ddaaf0d0867a

소스 코드 변경 및 버그 수정 사항

• 에러가 발생할 때 대응하는 에러 페이지인 500.html를 500번 대 에러 페이지에 매핑되도록 5xx.html로 변경하였다.
• HTML icon관련 img 태그에 적용되던 inline style을 class style에 적용하도록 변경하였다.
• 자바스크립트 공백 및 공란 검사 과정을 변경하였다. 기존 소스 코드에서는 “안녕 하세요?” 문자열이 들어오는 경우 유효성 검사에 성공해야 하지만 유효성 검사에 실패하는 버그를 수정하였다.

기타 페이지 개발

Introduction

• 연구실을 소개하는 페이지를 개발하였다.

Learn More

• 연구실을 소개하는 pdf 파일 또는 비디오 파일을 업로드하고 다운로드하는 페이지를 개발하였다.

Research Field

• 연구실의 연구 분야를 소개하는 페이지를 개발하였다.

Category

• 연구실 세미나 페이지를 등록할 때 연동되는 카테고리 페이지를 개발하였다.

Seminars

• 연구실에서 진행하는 세미나를 소개하는 페이지를 개발하였다.
• Category의 PK인 categoryIdx를 참조하여, Category에 따라 세미나를 등록할 수 있다.

Projects

• 연구실에서 수행하는 프로젝트를 소개하는 페이지를 개발하였다.
• Research Field의 PK인 researcFieldIdx를 참조하여, Research Field에 따라 프로젝트를 등록할 수 있다.

Album

• 연구실에서 찍은 사진을 관리하는 페이지를 개발하였다.
• 해시 태그 기능을 개발하였다.
• 사용자 페이지의 main 화면에 우선순위에 따라 사진을 보여주는 mainPagePriority 기능을 개발하였다.

Alumni Association

• 연구실에서 찍은 사진을 관리하는 페이지를 개발하였다.
• 사용자 페이지의 Alumni Association 화면에 우선순위에 따라 게시글을 보여주는 mainPagePriority 기능을 개발하였다.