19일

교육계획 OJT

개발환경 구성

 다이나믹 웹 프로젝트 생성 

 서버 확인 (1) 

 JSP 페이지 생성 

 서블릿 생성 (패키지, 클래스)

 서블릿 컨테이너 설정 (web.xml) 

 서비스 확인 (2)


[Servlet/JavaScript] 설문지 20-21일


20일

설문지 서블릿 

 서버와 웹페이지 통신 구현 (HttpRquest)

 자바 Map, 배열 활용

 EL(Expression Language), JSTL(Jsp Standard Tag Library) 활용

 자바스크립트 활용 (정규식, jQuery 활용)

 Byte 개념 이해

 유효성 검증

작업내용

Array Sort기능



21일

작업내용

입력 배열 - 순서유지

반환 배열 - 글자수 오름차순 정렬

질문 정규식 체크



[Servlet/jQuery] 설문지 22-23일


22일

작업내용

퍼블리싱(디자인 적용)

심화 - 오류 입력칸 포커싱



23일

작업내용

DB연동

심화 - 초기화 or 갯수수정기능

질문 - 로거는 다음주에





20일 화요일

1주차에는 별다른 세팅을 하지 않고 dynamic web project로만 진행합니다.

라이브러리는 직접 추가해도 되지만 maven으로 등록했습니다.


목표 - Ajax를 사용하지 않고 Servlet만을 통한 서버 통신원리를 이해


[Servlet/JavaScript] 설문지 20-21일







22일 목요일

데이터 가공 서블릿에 대한 이해를 기반으로 퍼블리싱 작업을 진행합니다.

이후 설문지와 응답이 입력될 데이터베이스를 계획합니다.


목표 - 퍼블리셔를 통해 전달받은 html과 css를 적용하기, DB 세팅하고 table 계획하기

[Servlet/jQuery] 설문지 22-23일


'자기소개서' 카테고리의 다른 글

제너레임  (0) 2018.02.19
포트폴리오 작성 청사진  (61) 2016.09.05

제너레임

2018. 2. 19. 12:44

'자기소개서' 카테고리의 다른 글

2018 자기소개서  (0) 2018.02.23
포트폴리오 작성 청사진  (61) 2016.09.05

test

2017. 8. 17. 18:36

public class TotalTest {

   public static void main(String[] args) {

      

      TvMaker.color = "Blue"; //

      TvMaker tm = new TvMaker();

      tm.age = 30; //

      //3. 메서드 호출

      // 3.1 

      System.out.println(TvControll.channel);

      TvControll.volumeDown();

      System.out.println(TvControll.channel);

      

      // 3.2

      TvControll tc; //

      tc = new TvControll(); //

      System.out.println(tc.volume);

      tc.volumeUp();

      System.out.println(tc.volume);

      tc.volumeUp();

      System.out.println(tc.volume);

      

      //

      Calc cc = new Calc();

      System.out.println(cc.add(Integer.MAX_VALUE, 4));

      System.out.println(cc.add(3L, Integer.MAX_VALUE));

      

   }

}

   class TvMaker{

      //1.

      //  1.1 

      static String color; 

      static int inch; 

      //  1.2 

      String name = "";

      int age;

      //2.

      //  2.1 

      TvMaker(){ 

         this("man",25);

      }

      //  2.2 

      TvMaker(String name, int age){

         this.name = name;

         this.age = age;

      }

   }

      

   class TvControll{

      final int MAX_VOLUME = 100;

      final int MIN_VOLUME = 0;

      static final int MAX_CHANNEL= 50;

      static final int MIN_CHANNEL= 1;

      

      static int channel = 15;

      int volume = 99;


      //4. return문

      int volumeUp(){

         if(volume == MAX_VOLUME){

            volume = MIN_VOLUME;

         }else{

            volume++;

         }

         

         return volume;

      }

      

      static int volumeDown(){

         if(channel == MAX_CHANNEL){

            channel = MIN_CHANNEL;

         }else{

            channel++;

         }

         return channel;

      }

   }

   

   class Calc{

      //5.

      int add(int a, int b){

         return a+b;

      }

      long add(long a, int b){

         return a+b;

      }

      

      

      int minus(int a, int b){

         return a+b;

      }

   }


 


요릭이 재밌어서 아무라인이나 다녔는데 AD carry가 어떻게 되냐며 거품무는 어린친구들

 

 

 

 

     >     

서포터 소나(PD kusiro)부패물약 스타트로 라인전에서는 아무것도 안하더니

라인을 버리고 자리를 비움 - 덕분에 혼자서 묵묵히 라인을 지키다 0/5/1 

 

 

 

 

 

 

 

게임끝나고 요릭원딜 영상 보여줬더니

https://youtu.be/kablBTN2o5s

 

 

 



https://www.op.gg/summoner/userName=순보각주면사망

자기 친구(PD kusiro)의 트롤링에도 뜬금없이 일반게임에서 비주류 챔프 하는 것에 대해 나를 욕하더니 영상을 보고도 다음판에 적팀으로 만나자 전채채팅으로 욕설도배 ㅎㅎ




-전채채팅으로 걸레물던 시비르 라인전 솔킬-



영상에 적혀있던 본명부르면서 도발하던 녀석, 입털더니 허무하게 죽음


실력으로 지고도 정신 못차림. 죽자마자 이번엔 친구 탓하려고 핑도배 하는게 리플레이에 잡혔다, 입에 걸레를 물더니 팀원탓이 생활화 되었구나


[4-1] 다음의 문장들을 조건식으로 표현하라.

1. int 형 변수 x 가 10 보다 크고 20 보다 작을 때 true인 조건식

10 < x && x < 20

2. char 형 변수 ch 가 공백이나 탭이 아닐 때 true인 조건식

ch != ' ' || ch != "\t"

3. char 형 변수 ch 가 ‘x' 또는 ’X' 일 때 true인 조건식

ch == 'x' || ch == 'X'

4. char 형 변수 ch가 숫자(‘0’~‘9’)일 때 인 조건식 true

'0' <= ch && ch <='9'

5. char 형 변수 ch 가 영문자 (대문자 또는 소문자 일 때) true인 조건식

('a' <= ch && ch <= 'z') || ('A' <= ch && ch <= 'Z')

6. int  형 변수 year 가 400 으로 나눠떨어지거나  또는 4로 나눠떨어지고 100으로 나눠떨어지지

않을 때 true인 조건식

year%400 == 0 || year%4 == 0 || year%100 != 0 

7. boolean  형 변수 powerOn 가 false 일 때 true인 조건식

powerOn == false

8.  문자열 참조변수 str이 “yes”일 때 true인 조건식

str.equals("yes")



[4-2] 1부터 20 까지의 정수 중에서 2 또는 3의 배수가 아닌 수의 총합을 구하시오


class Exercise4_2 {

	public static void main(String[] args) {

		int sum = 0;

		for(int i=1; i <=20; i++) {

			if(i%2!=0 && i%3!=0) //i 2 3 sum i . 가 또는 의 배수가 아닐 때만 에 를 더한다

				sum +=i;

		}

		System.out.println("sum="+sum);

	} // main

}


[4-3] 1+(1+2)+(1+2+3)+(1+2+3+4)+...+(1+2+3+...+10) . 의 결과를 계산하시오


class Exercise4_3 {

	public static void main(String[] args) {

		int sum = 0;

		int total = 0;

		for(int i=1; i <=10; i++) {

			sum +=i;

			total += sum;

		}

		System.out.println("total="+total);

	} // main

}


[4-4] 1+(-2)+3+(-4)+...과 같은 식으로 계속 더해나갔을 때 몇까지 더해야 총합이 100 이상이 되는지 구하시오


class Exercise4_4 {



	public static void main(String[] args) {

		int op = 1;

		int i=0;

		for(int sum=0; sum<100;) {

			++i;

			sum +=i*op;

			op = -op;

			System.out.println("i="+i);

			System.out.println("Sum="+sum);

		}

		System.out.println("최종 i="+i);

		

		int sum = 0;

		i = 0;

		op = 1;

		while (sum<100) {

			++i;

			sum += i*op;

			op = -op;

		}

		System.out.println("최종 i="+i);

	} // main

}


[4-5] 다음의 for문을 while문으로 변경하시오

[연습문제]  /ch4/Exercise4_5.java


class Exercise4_5 {

	public static void main(String[] args) {

		for(int i=0; i<=10; i++) {

			for(int j=0; j<=i; j++)

				System.out.print("*");

			System.out.println();

		}

		

		int i = 0;

		while (i<=10) {

			++i;

			int j = 0;

			System.out.println();

			while (j<i) {

			j++;

			system.out.print("*");

		}

		System.out.println("최종 i="+i);

	} // main

}


[4-6] 두 개의 주사위를 던졌을 때, 눈의 합이 6이 되는 모든 경우의 수를 출력하는 프로그램을 작성하시오.

<pre class="brush: java">

class Exercise4_6 {

public static void main(String[] args) {

/* int ir = (int)(Math.random()*6+1);

int jr = (int)(Math.random()*6+1);*/

for (int i = 0; i < 7; i++) {

for (int j = 0; j < 6; j++) {

if (i+j==6) {

System.out.println(i+"+"+j+"=6");

}

}

}

}

}

</pre>



[4-7] Math.random() 1 6 value 을 이용해서 부터 사이의 임의의 정수를 변수 에 저장하는

코드를 완성하라 에 알맞은 코드를 넣으시오 . (1) .

[연습문제]  /ch4/Exercise4_7.java

<pre class="brush: java">

class Exercise4_7 {

public static void main(String[] args) {

int value = (int)(Math.random()*7);

System.out.println("value:"+value);

}

}

</pre>




[4-8] 방정식 2x+4y=10의 모든 해를 구하시오 단 x와 y는 정수이고 각각의 범위는 0<=x<=10, 0<=y<=10이다

<pre class="brush: java">

class Exercise4_8 {

public static void main(String[] args) {

for (int x = 0; x < 11; x++) {

for (int y = 0; y < 11; y++) {

if (2*x+4*y==10) {

System.out.println("x="+x+", y="+y);

System.out.println("2*"+x+" + 4*"+y+" = 10");

}

}

}

}

}

//[실행결과] 

//x=1, y=2

//x=3, y=1

//x=5, y=0

</pre>



[4-9] 숫자로 이루어진 문자열 str이 있을 때 각 자리의 합을 더한 결과를 출력하는 코드를 완성하라

만일 문자열이 "12345"라면 ‘1+2+3+4+5’의 결과인 15를 출력이 출력되어야 한다 에 알맞은 코드를 넣으시오

[Hint] String 클래스의 charAt(int i)을 사용

[연습문제]  /ch4/Exercise4_9.java


<pre class="brush: java">

class Exercise4_9 {

public static void main(String[] args) {

String str = "12345";

int sum = 0;

for(int i=0; i < str.length(); i++) {

sum += (int)str.charAt(i)-48;

System.out.println((int)str.charAt(i)-48);

System.out.println(sum);

}

System.out.println("sum="+sum);

}

}

//[실행결과] 15

</pre>


[4-10] int 타입의 변수 num이 있을 때 각 자리의 합을 더한 결과를 출력하는 코드를 완성하라 만일 변수 num의 값이

12345라면 1+2+3+4+5’의 결과인 15를 출력하라

[주의]  문자열로 변환하지 말고 숫자로만 처리해야 한다.

[연습문제] /ch4/Exercise4_10.java


<pre class="brush: java">

class Exercise4_10 {

public static void main(String[] args) {

int num = 12345;

int sum = 0;

/*

(1) . 알맞은 코드를 넣어 완성하시오

*/

while (num>0) {

sum += num%10;

System.out.println(sum);

num /= 10;

System.out.println(num);

}

System.out.println("sum="+sum);

}

}

//[실행결과] 15

</pre>


[4-11] 피보나치(Fibonnaci) 수열 (數列)은 앞을 두 수를 더해서 다음 수를 만들어 나가는 수열이다

예를 들어 앞의 두 수가 1과 1이라면 그 다음 수는 2가 되고 그 다음 수는 1과 2를 더해서 3이 되어서 

1,1,2,3,5,8,13,21,...과 같은 식으로 진행된다

1과 1부터 시작하는 피보나치수열의 10번째 수는 무엇인지 계산하는 프로그램을 완성하시오

[연습문제]  /ch4/Exercise4_11.java

<pre class="brush: java">

class Exercise4_11 {

public static void main(String[] args) {

// Fibonnaci 1, 1 . 수열의 시작의 첫 두 숫자를 로 한다

int num1 = 1;

int num2 = 1;

int num3 = 0; // 세번째 값

System.out.print(num1+","+num2);

for (int i = 3 ; i < 11 ; i++ ) {

num3 = num1+num2;

System.out.print(","+num3);

num1 = num2;

num2 = num3;

}

} // end of main

} // end of class

//[실행결과]

//1,1,2,3,5,8,13,21,34,55

</pre>



[4-12] 구구단의 일부분을 다음과 같이 출력하시오.

*/



//[실행결과] 

//2*1=2 3*1=3 4*1=4

//2*2=4 3*2=6 4*2=8

//2*3=6 3*3=9 4*3=12

//5*1=5 6*1=6 7*1=7

//5*2=10 6*2=12 7*2=14

//5*3=15 6*3=18 7*3=21

//8*1=8 9*1=9

//8*2=16 9*2=18

//8*3=24 9*3=27


/*

[4-13] 다음은 주어진 문자열 이 숫자인지를 판별하는 프로그램이다 에 알맞 (value) . (1)

은 코드를 넣어서 프로그램을 완성하시오.

[연습문제]  /ch4/Exercise4_13.java


class Exercise4_13{

	public static void main(String[] args){

		String value = "12o34";

		char ch = ' ';

		boolean isNumber = true;

		// charAt(int i) 반복문과 를 이용해서 문자열의 문자를

		// . 하나씩 읽어서 검사한다

		for(int i=0; i < value.length() ;i++) {

			ch = value.charAt(i);

			System.out.println(ch);

			if(!('0'<=ch && ch<='9')) {

			isNumber = false;

			break;

			}

		}

		if (isNumber) {

			System.out.println(value+" 는 숫자입니다."); 

		} else {

			System.out.println(value+" 는 숫자가 아닙니다."); 

		}

	} // end of main

} // end of class

//[실행결과] 

//12o34 . 는 숫자가 아닙니다


[4-14] 다음은 숫자맞추기 게임을 작성한 것이다 과 사이의 값을 반복적으로 입력 . 1 100

해서 컴퓨터가 생각한 값을 맞추면 게임이 끝난다 사용자가 값을 입력하면 컴퓨터는 자 . ,

신이 생각한 값과 비교해서 결과를 알려준다 사용자가 컴퓨터가 생각한 숫자를 맞추면 .

게임이 끝나고 몇 번 만에 숫자를 맞췄는지 알려준다 에 알맞은 코드를 넣어 프 . (1)~(2)

로그램을 완성하시오.

[연습문제]  /ch4/Exercise4_14.java


class Exercise4_14{

	public static void main(String[] args){

		// 1~100 answer . 사이의 임의의 값을 얻어서 에 저장한다

		int answer = (int)(Math.random()*100+1);

		int input = 0; // 사용자입력을 저장할 공간

		int count = 0; // 시도횟수를 세기위한 변수

		// Scanner 화면으로 부터 사용자입력을 받기 위해서 클래스 사용

		java.util.Scanner s = new java.util.Scanner(System.in);

		do {

			count++;

			System.out.print("1 과 100 사이의 값을 입력하세요 :"); 

			input = s.nextInt(); // input . 입력받은 값을 변수 에 저장한다

			if (inputanswer){

				System.out.println(count+"번째, 입력값이 답보다 큽니다");

			}else {

				System.out.println(count+"번째, 정답입니다");

				break;

			}

		} while(true); // 무한반복문

	} // end of main

} // end of class HighLow

//[실행결과] 

//1 100 :50 과 사이의 값을 입력하세요

//더 큰 수를 입력하세요.

//1 100 :75 과 사이의 값을 입력하세요

//더 큰 수를 입력하세요.

//1 100 :87 과 사이의 값을 입력하세요

//더 작은 수를 입력하세요.

//1 100 :80 과 사이의 값을 입력하세요

//더 작은 수를 입력하세요.

//1 100 :77 과 사이의 값을 입력하세요

//더 작은 수를 입력하세요.

//1 100 :76 과 사이의 값을 입력하세요

//맞췄습니다.

//시도횟수는 번입니다 6 .



[4-15] 다음은 회문수를 구하는 프로그램이다 회문수 란 숫자를 거꾸로 읽 . (palindrome) ,

어도 앞으로 읽는 것과 같은 수를 말한다 예를 들면 이나 같은 수를 말한 . ‘12321’ ‘13531’

다 에 알맞은 코드를 넣어서 프로그램을 완성하시오 . (1) .

[Hint] 나머지 연산자를 이용하시오.

[연습문제]  /ch4/Exercise4_15.java


class Exercise4_15{

	public static void main(String[] args){

		int number = 12321;

		int tmp = number;	// 거꾸로 변환하기 위해 정의한 함수 tmp를 10으로 나눠

		int result =0;		// number 변수 를 거꾸로 변환해서 담을 변수

		while(tmp !=0) {

			result = result*10 + tmp % 10; //거꾸로 변환된 수는 10씩 키우고 뒤에 가져온 수 붙임

			System.out.println("result"+result);

			tmp /= 10;

			System.out.println("tmp"+tmp);

		}

		if(number == result)

			System.out.println( number + " 는 회문수 입니다."); 

		else

			System.out.println( number + " 는 회문수가 아닙니다."); 

	} // main

}

//[실행결과] 

//12321



font-family:가장선호, 2순위, "공백이 있는 폰트이름";

font-style: italic;

font관련 스타일에서
글자의 색color
글자의 크기font-size
글자체font-family
글자의 기울임 설정font-style
글자의 볼드체 여부font-weight



text-decoration: overline; /* 윗줄 */ 

text-align: right; /* 오른쪽정렬 */

text-decoration: line-through; /* 취소선 */

text-align: center; /* 가운데정렬 */

text-decoration: underline; /* 밑줄 */

text-align: left /* 왼쪽정렬 */

text-transform: uppercase; /* 대문자로 변환 */

letter-spacing: 5px; /* 자간 */

text-transform: lowercase; /* 소문자로 변환 */

line-height: 50pt; /* 줄간격 */

text-transform: capitalize; /* 첫글자 대문자화 */

text-indent: 40pt; /* 들여쓰기 */

font-size: 30px;

text-shadow: 15px 15px 5px red;





box모델에 margin값과 padding이 적용되는 순서

margin : 값1 값2 값3 값4; ==>위, 오른쪽, 아래, 왼쪽

margin : 값1 값2 값3; ==>위, 좌우, 아래

margin : 값1 값2; ==>상하, 좌우

margin : 값1; ==>4방향 모두

인접한 객체들의 margin값은 대체로 교집합 형태로 적용된다.

박스모델(블록요소) 자체를 가운데 정렬하려면 margin의 좌우값을 auto로

margin: 0px auto;

margin-left:auto; margin-right:auto;


border: 5px solid blue;

border-radius:25px; /* 둥근 테두리선 */

text-align: center; /* 가로정렬 */

vertical-align: middle; /* 세로정렬 */

display: table-cell; /* 박스모델의 성질을 변경한다. */

box-shadow:10px 15px 5px gray;




배경(Background)

배경이미지의 상대경로는 내부 css나 inline CSS같은 경우는 html문서를 기준으로 기술

외부css의 경우  css파일이 저장된 위치를 기준으로 경로를 지정하면 된다

-배경이미지의 반복 여부 :

background-repeat속성에 repeat(상하좌우반복, 기본값)

norepeat(반복하지않음)

repeat-x, repeat-y(x축 또는 y축 방향으로만 반복)

-background-position

=> top, center, bottom(상하)

=> left, center, right(좌우)

=> 숫자값

-background-attachment

=> scroll (배경과 내용이 같이 스크롤 된다.)

=> fixed (배경은 스크롤 되지않고 내용만 스크롤 된다.)


fieldset ==> 입력요소들을 그룹으로 묶어서 표현할 때 사용

legend ==> fieldset의 제목을 지정할 때 사용

입력요소의 새로운 속성

placeholder ==> 입력 힌트를 희미하게 표시

autofocus ==> 페이지가 로딩되면 자동으로 해당 입력폼을 활성화시킨다


checkbox나 radio객체와 '문자열'과 연결하려면 문자열을

label태그로 감싸고, checkbox나 radio객체에는 id속성을 설정한다.

그리고 label태그에 for속성과 연결하려는 id속성값을 대입한다.



내부 CSS의 기본 형식

셀렉터 { 스타일 속성:값; 스타일 속성2:값2;}

-셀렉터 ==> 문서에서 스타일을 적용할 대상을 선택하는 명령

셀렉터의 종류

1. * : 모든 엘리먼트에 스타일을 적용한다.

* { font-size:15pt; color:green;}

2. 태그명 { 스타일 정의 }

==>지정한 태그명이 해당되는 곳에 스타일을 적용한다.

p { font-size:18pt; color:green;}

div { color:red; font-size:12pt; font-family:궁서체;}

3. 태그명.class속성값 {스타일 정의}

==>지정한 태그명에 해당하는 것들 중 class속성값이 일치하는 곳에 스타일을 적용한다.

p.test { font-size:18pt; color:green; }

4. .class속성값 {스타일 정의}

==> 모든 태그들 중에서 class의 속성값이 일치하는 곳에 스타일을 적용한다.

.test { font-size:18pt; color:green; }

5.태그명#id속성값 {스타일정의}

==>지정한 태그명들 중에서 id속성값이 일치하는 곳에 스타일을 적용한다.

p#myid { font-size:18pt; color:green; text-decoration: underline;}

6.#id속성값{스타일 정의}

==>모든 태그들 중에서 id속성값이 일치하는 곳에 적용한다. 

#identify { color:red; font-size:12pt; font-family:궁서체; }

7.셀렉터1, 셀렉터2, 셀렉터3{스타일정의}

==> 각각의 셀렉터에 해당하는 모든 곳에 스타일을 적용한다.

8.셀렉터1 셀렉터2 {스타일정의}

==>셀렉터1의 자손 중에서 셀렉터2에 해당하는 모든 곳에 스타일을 적용한다.

div span { font-size:18pt; color:green; text-decoration: underline;}

9.셀렉터1>셀렉터 {스타일 정의}

==>셀렉터1의 자식들 중에서 셀렉터2에 해당하는 모든 곳에 스타일을 적용한다.

10.셀렉터1 + 셀렉터2 {스타일정의}

==>셀렉터1의 바로 다음에 오는 형제중 셀렉터2에 해당되는 곳에 스타일을 적용한다.

11.셀렉터1 ~ 셀렉터2{스타일정의}

==>셀렉터1의 뒤에 오는 형제들 중에서 셀렉터2에 해당되는 모든 곳에 스타일을 적용한다.    



-의사클래스 ==> 클래스 정의된 것처럼 간주되어 처리되는 것

형식) 셀렉터:의사클래스명{스타일 정의}

a:link

==>방문한 내역이 없는 링크걸린 글자에 스타일 적용

a:visited

==>방문한 내역이 있는 링크걸린 글자에 스타일 적용

셀렉터:hover

==>셀렉터에 해당하는 곳에 마우스 커서가 놓였을 때에 스타일을 적용한다

셀렉터:active

==>셀렉터에 해당하는 곳에서 클릭이 발생하는 순간에 스타일을 적용한다.

a { border:1px solid gray;}

a:link { font-size:20pt; color:red;}

a:visited { font-size:30pt; color:green;}

a:hover { background-color: cyan}

a:active { background-color: pink}


소리재생 ==> audio태그를 사용한다.

형식) <audio src="경로명/파일명.확장자"></audio>

속성) controls ==> 음악을 재생, 정지, 볼륨 조절 등을 할 수 있는

객체를 나타낸다.

autoplay ==> 자동 재생

loop ==> 반복 재생

muted ==> 무음 처리(볼륨 0)

volume ==> 볼륨값을 조절한다(0~1사이의 값)

preload ==> 오디오 파일을 미리 다운 받아놓는다.

지원파일) mp3, wav, ogg


동영상 재생 ==> video태그를 이용하여 재생한다.

형식) <video src="경로명/파일명.확장자"></video>

속성) controls

autoplay

loop

muted

volume

preload

width ==> 재생 화면의 너비

height ==> 재생 화면의 높이

poster ==> 재생하기 전의 재생 화면에 나타날 그림을 설정한다.

지원파일) mp4, ogv, webm


source태그 ==> audio나 video태그를 구성할 때 재생할 파일들을 설정하는 태그로 source태그가

여러개 있으면 위에서부터 차례로 재생할 수 있는지 여부를 검사하여 재생할 수 있는 파일이

있으면 그 파일을 재생한다.

(호환성을 높이기 위해 사용한다.)

(audio태그나 video태그의 하위태그로 사용한다.)

div와 span

1.블록요소

==> 1) 줄바꿈기능이 있다.

2) 영역의 크기를 지정할 수 있다.

3) 영역의 크기를 지정하지 않는 한 줄을 전부 차지한다.

2.인라인요소

==> 1) 줄바꿈기능이 없다.

2) 영역의 크기는 내용(contents)의 크기와 같다.

(즉, 임의로 크기를 지정할 수 없다.)


iframe태그 ==> 한 문서의 본문 영역에 다른 문서를 넣을 수 있는 태그

형식)

속성) width ==> 프레임 영역의 너비

height ==> 프레임 영역

name ==> 프레임의 이름


a태그의 target속성에 설정할 수 있는 값

1._self : 기본값으로 현재프레임 영역에 결과가 나타난다

2._blank : 새창 또는 새탭에 결과가 나타난다.

3._parent : 부모프레임 영역에 결과가 나타난다.

4._top : 무조건 현재창의 전체영역에 결과가 나타난다.

5.프레임명 : 해당 프레임명에 해당하는 프레임영역이 없으면 _blank기능



form태그 ==> 사용자가 form태그의 하위태그인 입력요소들을

이용하여 작성한 데이터들을 서버로 전송하는 담당하는 태그이다.

형식) <form name="폼이름" action="처리할 문서명" method="전송방식" enctype="인코딩방식">

입력 요소들

</form>

*처리할 문서명 ==> 폼에서 보내온 데이터들을 서버단에서 받아서 처리해 줄 문서를 지정한다.

*전송방식 ==> get 또는 post 방식이 있다.

1.get방식 ==> method속성이 생략되면 기본값이 된다.

==> url주소 뒤에 데이터들을 붙여서 전송하는 방식

(데이터가 노출되고 적은 양의 데이터를 전송할 때 주로 사용된다.)

2.post방식 ==> http프로토콜의 body영역에 데이터를 넣어서 전송하는 방식

(데이터의 양이 많거나 데이터를 감춰서 전송할 때 주로 사용된다.)

*인코딩방식 ==> 보통의 데이터를 전송할 때에는 생략한다.

인코딩방식을 생략하면 기본값으로 application/x-www-form-urlencoded

(데이터를 문자로 전송한다)

==> 파일을 전송할 경우 : 'multipart/form-data'로 설정한다.

=============================================================================

*입력 요소에 사용되는 태그들

input태그, textarea태그, select태그, button태그