Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 정보처리기사실기
- 중학1-1
- 자바스크립트
- 머신러닝
- ChatGPT
- html/css
- 자바
- SQL
- 순환신경망
- 연습문제
- JSP
- JDBC
- 상속
- CSS
- 자바스크립트심화
- 컴퓨터구조
- 개발일기
- 정보처리기사필기
- 파이썬
- 컴퓨터비전
- 데이터분석
- 딥러닝
- c언어
- 중학수학
- 혼공머신
- 자바 실습
- JSP/Servlet
- 디버깅
- rnn
- 데이터베이스
Archives
- Today
- Total
클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지
[Spring반] 중간시험 29 - Web 실기 시험 및 문제 풀이 1 : 문제 1~2번 <HTML과 JSP> 본문
개발 포트폴리오/수료증 및 시험
[Spring반] 중간시험 29 - Web 실기 시험 및 문제 풀이 1 : 문제 1~2번 <HTML과 JSP>
huenuri 2024. 12. 10. 21:31웹 실기 문제를 풀어보려고 한다. 1번 문제는 전에 내가 풀었던 문제와 같아서 다른 비슷한 문제를 내서 그 문제를 풀어보려고 한다.
Web 실기 시험 첫 번째
문제 1번
다음과 같이 웹 페이지를 구현하시오.
이 문제 그대로 풀지 않고 조금 변경해서 코드를 작성해 보았다.
완성된 폼
이런 식으로 회원가입 폼을 작성해 볼 수 있다.
문제 2번
아래 조건에 맞게 프로그램을 작성하시오.
googoo.jsp에서 반복문과 table 태그를 활용하여 위와 같이 화면이 나오게 프로그램을 작성하시오.
구구단도 표를 좀 더 예쁘게 꾸며서 작성해 보았다.
설명
- for 반복문 사용
- 첫 번째 반복문 : i는 단(2단~9단)을 의미
- 두 번째 반복문 : j는 각 단의 곱(1~9)을의미.
- 테이블 구조
- table 태그를 사용해 각 구구단의 결과를 테이블 형태로 배치
- <tr> : 각 단의 행
- <td> : 각 곱셈 결과를 테이블 셀에 표시
- JSP 표현식 <%= %>
- 곱셈 결과를 바로 출력하기 위해 사용
- 스타일링
- 테이블에 border-collapse: collapse;로 테두리를 단순화
- 셀에 테두리와 중앙 정렬 추가
학습을 마치고
저녁식사 전 이 문제를 모두 풀었는데 올리는 건 조금 후에 해보았다. 어쨌거나 문제를 모두 잘 풀어서 정말 뿌듯했다. 자세한 설명은 하지 않고 그냥 문제만 풀었다. 이제 딱 두 문제만 풀면 웹 시험 문제 풀이도 끝이 난다. 빨리 끝났으면 좋겠다.