• 티스토리 홈
  • 프로필사진
    Song hyun
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
Song hyun
  • 프로필사진
    Song hyun
    • 분류 전체보기 (780)
      • 백준 (0)
      • 영어 (2)
        • Diary (0)
        • Toast Masters (2)
      • 메모 (13)
      • 설치 메뉴얼 (30)
      • Java (178)
      • MySQL (60)
      • JSP (67)
      • Springboot (46)
      • HTML,CSS, JS (71)
        • HTML (8)
        • CSS (12)
        • JavaScript (37)
        • HTML&CSS 스터디 (13)
      • C++ (7)
      • Linux (7)
      • JPA (34)
      • Kotlin (2)
      • Flutter (42)
      • Error Note (39)
      • 디자인 패턴 (12)
      • 디지털논리회로 (4)
      • 데이터베이스 시스템 (8)
      • 알고리즘 (7)
      • 운영체제 (3)
      • 이산수학 (3)
      • 인공지능 (1)
      • 자료 구조 (14)
        • 기본 개념 (14)
        • 자료구조 스터디 (0)
      • 💡My project (76)
        • 팩맨 : Java Swing 게임 제작 프로젝트 (6)
        • 네이트톡 : Java 소켓 통신 프로젝트 (4)
        • 포켓옥션 : HikariCP&JDBC CRUD 프.. (3)
        • 이지 부산 : BDIA-Devton 2024 프로.. (20)
        • 그린 유니버시티 : JSP를 사용한 학사관리 프로.. (1)
        • 애드 포커 : 웹 소켓과 Spring을 사용한 카.. (1)
        • 셸위 : 게임 친구 매칭 사이트 (21)
        • 다모아 : 개발자 중개 플랫폼 (20)
      • 📗스터디 (13)
        • CNN : 웹개발 스터디 (10)
        • Node&React로 유튜브 사이트 만들기 (3)
      • 📙독서 및 강연 기록 (36)
        • 강연 (14)
        • 독서 (22)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [JSP] 27. 센치미터-인치 변환 페이지 만들어보기
        2024년 07월 04일
        • Song hyun
        • 작성자
        • 2024.07.04.:48
        728x90
        반응형

        [JSP] 27. 센치미터-인치 변환 페이지 만들어보기

        <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
        
        	    <footer class="footer">
            		<p>푸터푸터 얍 &copy; 2024</p>
            	</footer>
        
        	</body>
        </html>
        <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
        
        <!DOCTYPE html>
        <html>
        <head>
        	<link rel="stylesheet" type="text/css" href="styles.css">
        </head>
        <body>
        <div>
        	<%@ include file="header.jsp"%>
        		<div class="main">
        			<h3 class="title">cm를 인치로 변환</h3>
        			<form action="result.jsp" method="POST">
        				<input type="text" id="cm" required="required" name="cm">
        				<button class="button" type="submit">변환</button>
        			</form>
        		</div>
        	<%@ include file="footer.jsp"%>
        </div>
        
        </body>
        </html>
        <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
        <!DOCTYPE html>
        <html>
        <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <meta charset="UTF-8">
        <title>결과창</title>
        </head>
        <body>
        	<div>
        		<%@ include file="header.jsp"%>
        		<div class="result">
        			<h3 class="title">변환 결과</h3>
        		<% 
        			java.text.DecimalFormat df=new java.text.DecimalFormat("###,###");
        			String cm=request.getParameter("cm");
        			int intNum=Integer.parseInt(cm);
        			double result=(intNum/2.54);
        			String printNum=df.format(result);
        			if(cm==null || cm.trim().isEmpty()){
        				out.println("<p> 앗, 다시 입력해주세요. </p>");
        			} else {
        				out.println("<p> 결과  : "+result+"</p>");
        			}
        		%>
        		<button class="back"><a href="form_page.jsp">Back</a></button>
        		</div>
        		<%@ include file="footer.jsp"%>
        		
        	</div>
        </body>
        </html>
        @charset "UTF-8";
        body{
        	margin : 0;
        	padding : 0;
        	display: flex-reverse;
        	justify-content: center;
        	font-family: arial;
        	background-color:#F2F2F2;
        }
        .header{
        	display: flex;
        	height:50px;
        	background-color: black;
        	color: white;
        	justify-content: space-between;
        	align-items: center;
        	padding: 0 30px;
        	text-decoration: none;
        	
        }
        .buttons{
        	color:white;
        	display: flex;
        	list-style: none;
            flex-direction: row;
            text-align: right;
            flex-wrap: wrap;
            justify-content: flex-end;
            margin-left: 20px;
        }
        .main{
        	margin-top:100px;
        	justify-content:center;
        	align-items: center;
        	text-align: center;
        	height: 300px;
        }
        .result{
        	margin-top:100px;
        	justify-content:center;
        	align-items: center;
        	text-align: center;
        	height: 300px;
        }
        
        a {
          text-decoration: none;
           color: white;
        }
        <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
        <!DOCTYPE html>
        <html>
        <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <meta charset="UTF-8">
        <title>결과창</title>
        </head>
        <body>
        	<div>
        		<%@ include file="header.jsp"%>
        		<div class="main">
        			<h2> 로그인은 안 만들었습니다... </h2>
        		</div>
        		<%@ include file="footer.jsp"%>
        		
        	</div>
        </body>
        </html>
        728x90
        반응형

        'JSP' 카테고리의 다른 글

        [JSP] 29. JSP 내장 객체  (0) 2024.07.04
        [JSP] 28. JSP 지시자 (Directive)  (0) 2024.07.04
        [JSP] 26. JSP 주석과 지시자  (0) 2024.07.04
        [JSP] 25. JSP와 HTML을 사용해 계산기 만들기  (0) 2024.07.04
        [JSP] 24. JSP와 HTML을 사용해 인사말 생성기 만들기  (0) 2024.07.04
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바