개요
요구사항을 만족하면서 예시 화면과 동일하게 구현하기
예시화면
메인화면 페이지(index.html)
자기소개 페이지(aboutme.html)
사진 페이지(photo.html)
현재시간 페이지(/aboutme/today)
[구현]
화면
메인화면 페이지(index.html)
자기소개 페이지(aboutme.html)
사진 페이지(photo.html)
현재시간 페이지(/aboutme/today)
요구사항
웹프론트엔드 기술요구사항
- [v] html layout tag를 사용합니다.
- classname은 일정한 컨벤션을 유지합니다.
- [v] 의미에 맞는 tag를 최대한 사용합니다. (div 사용은 최대한 자제)
- position속성과 float를 사용해서 element를 배치합니다.
- [v] 라이브러리를 사용한 레이아웃은 지양합니다. (부트스트랩 등)
- [v] id와 class등의 다양한 selector문법을 잘 활용해야 합니다.
웹백엔드 기술요구사항
- [v] 톰캣서버를 통해서 자기소개 페이지가 동작되야 합니다.
- [v] 서블릿페이지 하나를 생성해서, url을 입력했을 때 시간데이터가 화면에 노출돼야 합니다.
JAVA
- [v] JAVA Naming Conventions 을 지킨다.
- 코드는 빈줄을 이용해 커다란 블록을 논리적인 문단으로 구분하다.
- 코드는 들여쓰기를 잘 지키도록 한다.
- 불필요한 주석문은 사용하지 않는다.- [v] 현재 시간은 java.time.LocalDateTime클래스를 이용해서 구한다.
- [v] 날짜 시간을 화면에 표시하기 위한 형식을 지정하고 Formatter 를 사용한다.
기능
- [v] 페이지 네비게이션 구현 : 모든 페이지에서 정상 작동
- [v] 현재시간노출 구현 : 정상 작동
구조
예시와 비슷한 구조의 semantic web을 찾아보고 이를 기반으로 작성했다.
개선점
- classname 컨벤션 알아보기
- position 속성 사용안함
- 예쁜 폰트 사용하기
- 자기소개 페이지의 나의 포트폴리오 줄 간격 늘리기
- 네비게이션 오른쪽 간격 늘리기
- 홈페이지 소개글 수정하기
- footer 글씨 크기 키우기
점검
- sublet을 잘 다룰 줄 모르는게 가장 부족하게 느껴지는데 이 부분은 다음 챕터에서 자세히 다룰 것 같으니 일단 패스하자
메모
- 서버에 올라갈 파일은 src\main\webapp 에 두기
