[Project] 서버 프로그램 구현 : 3일차 [index.jsp 레이아웃 작업 완료, 게시판 레이아웃 수정 중]
·
◈ Human Project/서버 프로그램 구현🦁
- 서버 프로그램 구현 : 3일차 index.jsp : 레이아웃 작업 완료 게시판(list.jsp) : 행 너비 조정, 테이블에 hover 적용 1. 캐릭터 영역 레이아웃 수정 2. 캐릭터 영역 텍스트 상하 정렬 3. 게시판 행 너비 조정, hover 적용
[Project] 서버 프로그램 구현 : 2일차 [Bootstrap5 적용, index.jsp 수정 중]
·
◈ Human Project/서버 프로그램 구현🦁
- 서버 프로그램 구현 : 2일차 프레임워크 Bootstrap5 적용 → 기존 CSS 파일 깨짐 발생! index.jsp : Boostrap5 적용 및 CSS 수정(~ing) 1. 프레임워크 Bootstrap5 적용 2. index.jsp : CSS 수정(~ing)
[Project] 서버 프로그램 구현 : 1일차 [HTML 파일 → JSP 파일로 변환]
·
◈ Human Project/서버 프로그램 구현🦁
- 서버 프로그램 구현 : 1일차 화면구현 시, 작성한 HTML 파일 이클립스(Eclipse)로 이전 HTML 파일 JSP로 변환 및 CSS, 이미지 파일 폴더 경로 재지정 Controller 생성 및 공통 영역 분리(head.jsp, nav.jsp, footer.jsp) Const 클래스 생성 및 적용(Controller에서 경로 지정 시 사용) 1. 이클립스로 HTML 파일 이전 2-1. HTML 파일 JSP로 변환 2-2. CSS, 이미지 파일 폴더 경로 재지정 - css 파일이 적용되지 않았던 이유 3. Controller 생성 및 공통 영역 분리 4. Const 클래스 생성 및 적용
[Project] 화면구현 테스트 케이스(Test Case)
·
◈ Human Project/화면 설계 [HTML]🐯
- 화면구현 테스트 케이스(Test Case)
[Project] 회원가입 약관 : contract.html
·
◈ Human Project/화면 설계 [HTML]🐯
- CSS : 회원가입 약관(contract.html) /* 회원가입 약관 */ .contract { width: 700px; margin: 50px auto 80px; padding: 30px 40px 50px; border-radius: 30px; background-color: rgb(167, 193, 204); } .contract h1 {text-align: center;} .contract .text { height: 230px; border: 1px solid black; background-color: white; white-space: pre-line; overflow-y: scroll; margin: 0 auto 20px; } .contract p {text-align: right;} ..