Cloud 기반 웹 DevOps 프로젝트 개발자 과정

문이빈·2023년 6월 12일
0

Cloud기반 웹 DevOps 프로젝트 개발자 과정

목록 보기
4/87

태그 선택자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>태그 선택자</title>
<style>
h2 {
    color:#ff0000;
    font-family:"맑은 고딕";
    font-size:20px;
}
h3 {
    color:#0000ff;
    font-size:16px;
    font-style:italic;
    text-decoration:underline;
}
p  {
    color:#444444;
    font-family:"돋움";
    font-size:14px;
    line-height:150%;     
}
</style>
</head>
<body>
<h2>소나무</h2>

<h3>1. 특징</h3>

<p>
솔·솔나무·소오리나무라고도 한다. 한자어로 송(松)·적송(赤松)·송목·송수·청송이라 한다. <br>
줄기는 높이 35m, 지름 1.8m 정도이며 수피는 붉은빛을 띤 갈색이나 밑부분은 검은 갈색이다. <br>
바늘잎은 2개씩 뭉쳐나고 길이 8∼9cm, 너비 1.5mm이다. 2년이 지나면 밑부분의 바늘잎이 떨어진다.</p>

<h3>2. 쓰임</h3>
<p>
잎은 각기·소화불량 또는 강장제로, 꽃은 이질에, 송진은 고약의 원료 등에 약용으로 쓴다.<br> 
화분은 송홧가루로 다식을 만들며 껍질은 송기떡을 만들어 식용한다.<br>
건축재·펄프용재로 이용되고 테레핀유는 페인트·니스용재·합성장뇌의 원료로 쓰인다.</p>
</body>
</html>

😃 위와 같은 결과로 나오게 된다.

아이디 선택자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>아이디 선택자</title>
<style>
p {
   color:#444444;
   line-height:150%;
}
#position {
   color:#ff0000;
   line-weight:bold;
}
#weather {
   color:#0000ff;
   line-weight:bold;
}
#kind {
   color:#00ff00;
   font-style:italic;
   text-decoration:underline;
}
</style>
</head>
<body>
<h3>다육식물이란?</h3>
  <p>다육식물은 <span id="position">사막</span>과
     같이 수분이 적고 <span id="weather">건조한 기후</span>에서
     살아남기 위해 줄기나 잎에 많은 수분을 저장하는 식물이다.</p>
  <p>다육실물은 일반적으로 <span id="kind">잎이 다육</span>이지만
     죽기가 다육인 것도 있다.</p>
</body>
</html>

😃 위와 같은 결과로 나오게 된다.
▶아이디가 두개 이상 사용 x 프로그램에서 찾지 못해 불러오기 어렵기 때문이다.

클래스 선택자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>클래스 선택자2</title>
<style>
h1.orange {          /*h1 태그이면서 orange 라는 클라스를 갖고 있는 경우*/
     color:#fe4a19;
     font-size:30px;
}
h2.orange {          /*h2 태그이면서 orange 라는 클라스를 갖고 있는 경우*/
     color:#db7958;
}
p.blue {             /* p 태그이면서 blue 라는 클라스를 갖고 있는 경우*/
     color:#0000ff;
     font-style:italic;
}
span.blue {          /* span 태그이면서 blue 라는 클라스를 갖고 있는 경우*/
     color:#0000ff;
     font-weight:bold;
}
</style>
</head>
<body>
<h1 class="orange">제1회 봄빛 수목원 여름꽃 축제</h1>
<h2 class="orange">수련•수국•무궁화•원추리</h2>

<p class="blue">아름다운 여름꽃과 시원한 바다를 경험할 수 있는 좋은 기회입니다.</p>

<ul>
    <li>일시 : <span class="blue">6월 15일붜 8월 15일까지</span></li>
    <li>장소 : 봄빛 수목원 일원</li>
</ul> 
</body>
</html>

😃 위와 같은 결과로 나오게 된다.
※주석 단축키 = Ctrl + Shift + c

자손 선택자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>봄빛 수목원 직원 채용</title>
<style>
#document span {
     color:#ff0000;
}
#method span {
     color:#0000ff;
     font-weight:bold;
}
</style>
</head>
<body>
<h1>봄빛 수목원 직원 채용 안내</h1>

<h3>- 제출 서류</h3>
<ul id="document">
   <li><span>이력서</span>(첨부 양식을 다운로드하여 작성)</li>
   <li><span>자기소개서</span>(자유 양식으로 경력을 위주로 작성)</li>
   <li><span>주민등록등본</span>(주소 이동 내역 포함)</li>
</ul>
<p> 여기는 테스트 <span>색이 변하지 않음</span> </p>
<h3>- 제출 방법</h3>
<ul id="method">
   <li> 위 서류를 봄빛 수목원 인사 담장자에게 이메일로 제출</li>
   <li> 이메일 주소 : <span>master@bombit.net</span></li>
</ul>
</body>
</html>

😃 위와 같은 결과로 나오게 된다.

Java

제어문
프로그램을 구성하는 코드가 실행될 때 코드의 처리 순서를 변경할 수 있는 문장

package ex4;

public class Example01 {

public static void main(String[] args) {
	int num = 10;
	
	if(num > 15) {
		System.out.println("숫자가 15보다 큽니다.");
	}
	    System.out.println("이 문장은 if문 외부에 있습니다.");
}

}
만약 여기서 num을 16으로 바꾼다면?
위와 같이 숫자가 15보다 큽니다 라는 글이 튀어 나온다.

  • 조건문 - if문 = if(조건식){ -> 조건식이 참이면 진행함

package ex4;

import java.util.Scanner;

public class If01 {

public static void main(String[] args) {
	System.out.println("당신의 나이를 입력하세요.");
	
	Scanner s = new Scanner(System.in);
	int age = s.nextInt();
	
	if (age >= 18) {
		System.out.println("당신의 나이는 18세 이상입니다.");
		System.out.println("당신은 투표할 자격이 있습니다.");
	}
	    System.out.println("이 문장은 if문 외부에 있습니다.");
}

}
😃 위와 같은 결과로 나오게 된다.
나이를 18보다 작게 입력을 한다면 '이 문장은 if문 외부에 있습니다' 문장만 나오게 된다.

조건문

if~else문

package ex4;

import java.util.Scanner;

public class Example02 {

public static void main(String[] args) {
	int num = 120;
	
	if(num < 50) {
		System.out.println("숫자가 50보다 작습니다.");
	}
	else {
	    System.out.println("숫자가 50보다 큽니다.");
	}
	System.out.println("done");
}

}
😃 위와 같은 결과로 나오게 된다.

package ex4;

import java.util.Scanner;

public class If02 {

public static void main(String[] args) {
	System.out.println("숫자를 입력하세요.");
	
	Scanner s = new Scanner(System.in);
	int num = s.nextInt();
	
	if(num % 2 == 0) {
		System.out.println(num+"은 짝수입니다.");
	}
	else {
		System.out.println(num+"은 홀수입니다.");
	}
    System.out.println("이 문장은 if문 외부에 있습니다.");
}

}
😃 위와 같은 결과로 나오게 된다.

위와 같은 형식을 내 스스로 만들어 보기
package ex4;
import java.util.Scanner;
public class If02_1 {

public static void main(String[] args) {
	System.out.println("숫자를 입력하세요.");
	
	Scanner s = new Scanner(System.in);
	int num = s.nextInt();
	
	if (num % 3 == 0) {
		System.out.println(num+"는 3의 배수입니다.");
	}
	else {
		System.out.println(num+"는 3의 배수가 아닙니다.");
	}
}

}
😃😃

if~else if문

package ex4;

public class Example03 {

public static void main(String[] args) {
	int num = 20;
	
	if(num==10) {
		System.out.println("숫자가 10입니다.");
	}
	else if(num == 15) {
		System.out.println("숫자가 15입니다.");
	}
	else if(num == 20) {
		System.out.println("숫자가 20입니다.");
    }
	else {
		System.out.println("숫자가 존재하지 않습니다.");
	}
}

}
😃 위와 같은 결과로 나오게 된다.

package ex4;

import java.util.Scanner;

public class If03 {

public static void main(String[] args) {
	System.out.println("점수를 입력하세요.");
	
	 Scanner s = new Scanner(System.in);
	 int grade = s.nextInt();
	 
	 if (grade >= 90) {
		 System.out.println("A 학점");
	 }
	 else if (grade >= 80) {
		 System.out.println("B 학점");
	 }
	 else if (grade >= 70) {
		 System.out.println("C 학점");
	 }
	 else if (grade >= 60) {
		 System.out.println("D 학점");
	 }
	 else {
		 System.out.println("F 학점");
    }
}

}
😃 입력 점수에 따라 다른 결과로 나오게 된다.

중첩 if~else문
if문 안에 if문이 들어가는 문장 -> 너무 많이 들어가면 유지 보수가 너무 힘들다 3개 이상은 no!

package ex4;

public class Example04 {

public static void main(String[] args) {
	int num = 70;
	if(num<100) {
		System.out.println("숫자가 100보다 작습니다.");
		if(num>50) {
			System.out.println("숫자가 50보다 큽니다.");
		}
	}
}

}
😃 위와 같은 결과로 나오게 된다.

package ex4;
import java.util.Scanner;
public class Example04_1 {

public static void main(String[] args) {
	System.out.println("성별을 입력하세요");
	Scanner s1 = new Scanner(System.in);
	String in = s1.nextLine();
	
	System.out.println("생년을 입력하세요");
	Scanner s2 = new Scanner(System.in);
	int age = s2.nextInt();
	
	//남성이냐, 여성
	//중첩으로 2000년 이전 출생, 2000년 이후 출생
	
	if(in.equals("남성")) {
		if(age < 2000) {
			System.out.println("2000년 이전 출생 남성입니다.");
		}
        else {
			System.out.println("2000년 이후 출생 남성입니다.");
		}
	}
    
    else if(in.equals("여성")) {
		if(age < 2000) {
			System.out.println("2000년 이전 출생 여성입니다.");
		}
        else {
			System.out.println("2000년 이후 출생 여성입니다.");
		}
	}
    
    else {
		System.out.println("성별 입력 오류");
	}
}

}
😃 위와 같은 결과로 나오게 된다.

package ex4;
import java.util.Scanner;
public class If04 {

public static void main(String[] args) {
	System.out.println("3개의 숫자를 입력하세요");
	Scanner s = new Scanner(System.in);
	int x = s.nextInt();
	int y = s.nextInt();
	int z = s.nextInt();
	
	if (x > y) {
		if (x >z) {
			System.out.println(x+"는 가장 큰 정수입니다.");
		}
		else {
			System.out.println(x+"는 가장 큰 정수가 아닙니다.");
		}
	}
	else {
		System.out.println(x+"는 가장 큰 정수가 아닙니다.");
	}
}

}
😃 위와 같은 결과로 나오게 된다.

profile
문이빈
이전 포스트

Java의 연산자와 JSP

다음 포스트

Cloud 기반 웹 DevOps 프로젝트 개발자 과정

0개의 댓글