<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

Size: px
Start display at page:

Download "<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>"

Transcription

1 HTML/XML 인터넷보충학습자료 HTML 표를만들기위해서는 <TABLE> 태그를사용한다. - <TABLE> - 테이블에서행과열을나눠주기위한태그는따로지정해야해며나눌개수만큼반복해서작성해야한다. <TABLE> <--테이블시작행 : <--1행열 : <TD> </TD> <TD> 1행1열 </TD> <-1행의1열 - 2행 3열표만들기의예 ( 표의테두리가 <TD> 1행2열 </TD> <-1행의2열 <TD> 1행3열 </TD> <-1행의3열지정되지않은경우 ) <--2행 <TD> 2행1열 </TD> <-2행의1열 <TD> 2행2열 </TD> <-2행의2열 <TD> 2행3열 </TD> <-2행의3열 - <TABLE> 태그의속성 속성 WIDTH=" 수치 " HEIGHT=" 수치 " BORDER=" 수치 " ALIGN=" 정렬 " CELLSPACING=" 수치 " CELLPADDING=" 수치 " 설명표의너비지정표의높이지정표의테두리두께지정정렬지정표에서각셀간의간격지정표에서셀안의내용간의간격지정 - 테두리를표시하는태그속성은 BORDER이며, 이속성을지정하지않으면선없는표가생성된다. -

2 HTML/XML 인터넷보충학습자료 제목에해당하는셀에 <TD> 대신 <TH> 태그를사용하면 <B> 태그를사용한것같이글자가두껍게표시된다. <TABLE BORDER="2"> <TH> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH> <TH> 수학 </TH> <TD> 95 </TD> <TD> 90 </TD> <TD> A </TD> <TH> 영어 </TH> <TD> 87 </TD> <TD> 92 </TD> <TD> B </TD> - 태그의속성 속성 ALIGN=" 정렬 " VALIGN=" 정렬 " BGCOLOR=" 색상 " 설명수평정렬방식지정수직정렬방식지정셀의배경색지정 -<TD>, <TH> 태그의속성 속성 WIDTH=" 수치 " HEIGHT=" 수치 " ALIGN=" 정렬 " VALIGN=" 정렬 " ROWSPAN=" 수치 " COLSPAN=" 수치 " BGCOLOR=" 색상 " 설명셀의너비지정셀의높이지정수평정렬방식지정수직정렬방식지정세로방향으로셀을합칠때사용가로방향으로셀을합칠때사용셀의배경색지정 - <TABLE> 태그의 CELLPADDING 속성은표의테두리와셀안에나타나는데이터와의여백크기를지정하는것이고, CELLSPACING 속성은셀과셀사이의간격 ( 선굵기 ) 을지정하는것이다.

3 HTML/XML 인터넷보충학습자료 <TABLE> 태그의 WIDTH, HEIGHT 속성을사용하여가로와세로크기를지정하고, ALIGN, VALIGN 속성을사용하여셀안에서의수직, 수평정렬을지정한다. - 예 1 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR VALIGN="top"> <TH> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH> TABLE 기본속성으로 WIDTH, HEIGHT, ALIGN를사용하였다. 셀의가로, 세로의크기지정시 % 를사용하면상대적크기는나타내는것으로웹브라우저크기에따라상대적으로변하여표가잘려보일염려가없다. ALIGN( 수평정렬 ) 은가운데정렬이며, 1행의 VALIGN( 수직정렬 ) 의기본값은위쪽정렬로지정된것을알수있다. - 예 2 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="left" VALIGN="top"> <TH WIDTH="200" HEIGHT="50"> </TH> <TH> 중간 </TH> <TH> 기말 </TH> <TH> 성적 </TH>

4 HTML/XML 인터넷보충학습자료 TABLE 기본속성이정해진가운데 1열의가로길이만다시지정할수있다. WIDTH를상대값이아닌절대값으로 200으로지정하고높이를 50으로재지정하였더니 1열의너비가원래셀보다길어졌고, 1행의높이가 2행과 3행보다작아진것을확인할수있다. - 예 3 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="center" VALIGN="middle"> <TH> 수학 </TH> <TD> 95 </TD> <TD ALIGN="right" VALIGN="bottom"> 90 </TD> <TD> A </TD> 2행의속성이상하모두가운데정렬이되도록지정되었으나, 3열 ( 90 ) 만 ALIGN="right" VALIGN="bottom" 로재지정되었다. - 예 4 <TABLE BORDER="2" WIDTH="80%" HEIGHT="200" ALIGN="center"> <TR ALIGN="right" VALIGN="bottom"> <TH> 영어 </TH> <TD> 87 </TD> <TD ALIGN="left" VALIGN="top"> 92 </TD> <TD> B </TD> 3행의속성이가로오른쪽정렬, 수직으로아래에정렬되게지정되었으나, 3열 ( 92 ) 만 ALIGN="left" VALIGN="top" 로재지정되었다.

5 HTML/XML 인터넷보충학습자료 셀합치기의속성 세로셀합치기 : ROWSPAN=" 수치 " 가로셀합치기 : COLSPAN=" 수치 " -> 여기서 수치 는합치고싶은셀의개수 <TABLE BORDER="1"> <TD ROWSPAN="3"> 1 행 1 열 </TD> <TD COLSPAN="2"> 1 행 2 열 </TD> <TD> 2 행 2 열 </TD> <TD> 2 행 3 열 </TD> <TD COLSPAN="2"> 3 행 2 열 </TD> (1) 테두리선색지정속성 테두리선색 : BORDERCOLOR= 색상 셀배경색 : BGCOLOR= 색상 <TABLE BORDER="4" BORDERCOLOR="red"> <TR BGCOLOR="red"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> <TD> 수학 </TD> <TD BGCOLOR="green"> 95 </TD> <TD> 90 </TD> <TD> A </TD> <TD> 영어 </TD> <TD> 87 </TD> <TD BGCOLOR="green"> 92 </TD> <TD> B </TD>

6 HTML/XML 인터넷보충학습자료 (2) 표를입체적으로보일수있도록하는속성 BORDERCOLORDARK : 테두리아래와오른쪽부분의색을따로지정 ( 보통은입체효과에서어두운부분에해당된다.) <TABLE BORDER="4" BORDERCOLORDARK="blue"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> BORDERCOLORLIGHT : 테두리위와왼쪽부분의색을따로지정 ( 보통은입체효과에서밝은색부분에해당된다.) <TABLE BORDER="4" BORDERCOLORLIGHT="red"> <TD> </TD> <TD> 중간 </TD> <TD> 기말 </TD> <TD> 성적 </TD> - 줄바꿈제한하기테이블의셀은가로길이를늘이지않아도자동으로줄바꿈이되도록기본설정되어있다. NOWRAP 속성을사용하면이를금지할수있다. <BODY> <TABLE BORDER="1"> <TD NOWRAP> 셀안의글자는기본적으로자동으로줄바꿈이된다.</TD> <TD> 셀안의글자는기본적으로자동으로줄바꿈이된다.</TD> </BODY>

7 HTML/XML 인터넷보충학습자료 캡션삽입 <CAPTION> 태그를이용하여표에캡션 ( 첨부설명 ) 을붙일수있다. ALIGN속성을이용하면표의위 (top) 또는아래 (bottom) 어느부분에표시되게할것인지도지정할수있다. <BODY> <TABLE BORDER="1"> <CAPTION ALIGN="bottom"> 캡션삽입하기 </CAPTION> <TD> 1 행 1 열 </TD> <TD> 1 행 2 열 </TD> <TD> 2 행 1 열 </TD> <TD> 2 행 2 열 </TD> / - 표없는기본항목을나열한다. - 표없는기본 <BODY BGCOLOR="#DDAD00"> <P ALIGN="center ><FONT SIZE="4" COLOR="blue"> <B> 회원정보입력 </B></FONT></P> <HR>

8 HTML/XML 인터넷보충학습자료 <TABLE WIDTH="600" HEIGHT="350" BORDER="1" CELLPADDING="5" ALIGN="center"> <TD> 아이디 </TD> <TD> 입력부분 </TD> 비밀번호, 이름,, 취미, 자기소개하는글 <TD COLSPAN="2" ALIGN="center"> 버튼삽입부분 </TD> </BODY>

9 HTML/XML 인터넷보충학습자료 <INPUT> 태그를사용하면텍스트박스, 체크박스, 버튼과같은사용자가직접입력할수있도록하는기능을삽입할수있다. - 종료태그 </INPUT> 없음 - 입력양식의종류 : text, password, radio, checkbox, submit, reset 등 - 형식 <INPUT TYPE= 입력양식의종류 > text, password radio, checkbox submit, reset -<INPUT> 태그의속성 속성 TYPE=" 타입 " NAME=" 이름 " VALUE=" 값 " SIZE=" 수치 " MAXLENGTH=" 수치 " CHECKED 설명입력양식의타입지정입력값에대한이름지정입력양식의기본값지정입력양식의크기지정입력양식에입력할수있는문자의최대값지정 TYPE 속성값이 checkbox, radio 일때초기값으로선택할상자나버튼지정 (1) 한줄로된텍스트박스 텍스트박스 : <INPUT TYPE= text > 비밀번호입력박스 : <INPUT TYPE= password > (2) 여러줄로된텍스트박스 <TEXTAREA> ~ </TEXTAREA> - <TEXTAREA> 의경우 <INPUT> 태그를사용하지않고속성값에따라서박스의크기나이름지정등을설정할수있다. - <TEXTAREA> 태그의속성

10 HTML/XML 인터넷보충학습자료 속성 ROWS=" 수치 " COLS=" 수치 " NAME=" 이름 " READONLY WRAP 설명텍스트박스의세로줄수지정텍스트박스의가로문자수지정이름지정값을수정할수없도록지정 <TEXTAREA> 는 Enter" 키를누르기전까지줄바꿈없이입력되도록기본설정외어있으나, WRAP속성을이용해자동줄바꿈을할수있다. 설정값 : off, virtual, physical - 예 텍스트박스 1 : <INPUT TYPE="text" NAME="TBox1"><BR><BR> 텍스트박스 2 : <INPUT TYPE="text" NAME="TBox2" SIZE="40"><BR><BR> 텍스트박스 3 : <INPUT TYPE="text" NAME="TBox3" MAXLENGTH="5"><BR><BR> 텍스트박스 4 : <INPUT TYPE="text" NAME="TBox4" VALUE=" 텍스트박스 "><BR><BR> 비밀번호박스 : <INPUT TYPE="password" NAME="password"><BR><BR> 텍스트에어리어 1 <BR> <TEXTAREA NAME="TArea1" WRAP="off"></TEXTAREA><BR><BR> 텍스트에어리어 2 <BR> <TEXTAREA NAME="TArea2" ROWS="7" COLS="40" WRAP="virtual"> 텍스트에어리어입니다.</TEXTAREA>

11 HTML/XML 인터넷보충학습자료 (1) 체크박스 - 항목들앞에사각형모양의박스가있고항목들중에서한꺼번에여러개선택할수있는것. 형식 : <INPUT TYPE= checkbox NAME= VALUE= > (2) 라디오버튼 - 항목들앞에원모양의체크버튼이있고항목들중에서오로지한가지항목만선택할수있는것. 형식 : <INPUT TYPE= radio NAME= VALUE= > - 체크박스와라디오버튼의속성 속성 NAME=" 이름 " VALUE CHECKED 설명입력할필드의이름지정. ( 일반적으로같은주제에대해서같은이름으로짖는다.) 사용자가선택한항목이어떤것인지알수있도록하는속성초기화면에서기본적으로어떤항목이선택되어표시 -예라디오버튼 <BR><P> <INPUT TYPE="radio" NAME="radio" VALUE="radio1"> 버튼1 <INPUT TYPE="radio" NAME="radio" VALUE="radio2"> 버튼2 <INPUT TYPE="radio" NAME="radio" VALUE="radio3" CHECKED> 버튼3</P><BR> 체크박스 <BR><P> <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox1 " CHECKED > 박스1 <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox2" CHECKED> 박스2 <INPUT TYPE="checkbox" NAME="checkbox" VALUE="checkbox3"> 박스3</P>

12 HTML/XML 인터넷보충학습자료 (1) 콤보박스 - 콤보박스는여러개의항목이아래로늘어져나타나고그중에한가지만선택할수있게하는양식이다. - 형식 : - 예 1 <SELECT> <OPTION> 선택 1 </OPTION> <OPTION> 선택 2 </OPTION> </SELECT> <SELECT NAME="PL"> <OPTION VALUE="select1"> C++ </OPTION> <OPTION VALUE="select2"> Java </OPTION> <OPTION VALUE="select3"> C# </OPTION> <OPTION VALUE="select4"> HTML </OPTION> <OPTION VALUE="select5"> COBOL </OPTION> <OPTION VALUE="select6"> Pascal </OPTION> </SELECT> - <SELECT> 태그의속성 속성 SIZE=" 수치 " NAME=" 이름 " MULTIPLE 설명메뉴의높이지정텍스트박스의가로문자수지정여러개의항목선택할수있도록지정 - <OPTION> 태그의속성 - 예 2 속성 VALUE=" 값 " SELECTED DISABLED 항목의값지정기본값지정항목비활성화 설명

13 HTML/XML 인터넷보충학습자료 <SELECT NAME="PL" SIZE="6" MULTIPLE> <OPTION VALUE="select1"> C++ </OPTION> <OPTION VALUE="select2"> Java </OPTION> <OPTION VALUE="select3"> C# </OPTION> <OPTION VALUE="select4" SELECTED> HTML </OPTION> <OPTION VALUE="select5"> COBOL </OPTION> <OPTION VALUE="select6"> Pascal </OPTION> </SELECT> (1) 전송버튼 - 입력한내용을전송하기위한버튼 - 형식 <INPUT TYPE= submit VALUE= 버튼이름 > - TYPE 속성 속성 설명 submit 기본적으로버튼에 쿼리전송 이라는글 자가표시 VALUE=" 이름 " 버튼에다른이름을붙일수있다. reset 취소버튼 (2) 취소버튼 - 입력한내용을취소하기위해모두지우는버튼 - 형식 - 예 <INPUT TYPE= reset VALUE= 버튼이름 >

14 HTML/XML 인터넷보충학습자료 <BODY> 취소버튼 <BR><BR> <INPUT TYPE="reset"><BR><BR> <INPUT TYPE="reset" VALUE=" 취소버튼 "><BR><BR> 전송버튼 <BR><BR> <INPUT TYPE="submit"><BR><BR> <INPUT TYPE="submit" VALUE=" 전송버튼 "> </BODY> - <FORM> 태그는사용자가입력한데이터들을특정한위치로전송하는역할을한다. 예 ) 전송버튼을눌러데이터들을전송할때전송할위치를지정을 <FORM> 태그에서한다. - <FORM> 태그를사용하여 <INPUT> 태그나 <SELECT> 태그로만들수있는기능들은입력양식으로 <FORM> 태그안에들어가며, 결과화면상의차이는발생하지않음 - <FORM> 태그의속성속성설명 ACTION="URL" 값을전송할주소지정 METHOD=" 전송방식 " 전송방식지정 - 전송방식 post 방식 HTTP 헤더속에감춰서전송되므로보안이필요한로그인정보나, 회원정보등의개인정보전송에많이사용된다 get 방식이름과값형태로 URL로그대로전송되므로다른사용자에게그대로노출된다는단점이있다. 그리고전체길이가거의무한적인 post 방식과는다르게 4,096 바이트까지전송이가능하다. get 방식은주로포털사이트에서검색어전달등의보안에신경쓰지않아도되는곳에서많이사용한다. - 형식 - ACTION 속성의값으로데이터를전송할 URL 을입력하거나 mailto: 이메일주소 를

15 HTML/XML 인터넷보충학습자료 입력하면해당주소로데이터를전송한다. - METHOD 속성을 post 방식과 get 방식을설정한다. (1) 회원정보입력양식만들기 - <INPUT>,<SELECT> 태그를사용하여아래와같은회원정보입력양식을만들다. (2) <FORM> 태그넣기

16 HTML/XML 인터넷보충학습자료 <BODY BGCOLOR="#DDAD00"> <P ALIGN="center"> <FONT SIZE="4" COLOR="blue"> <B> 회원정보입력 </B></FONT> </P> <HR> <FORM ACTION="OK.html" METHOD="post"> <TABLE WIDTH="600" HEIGHT="350" BORDER="1" CELLPADDING="5" ALIGN="center"> <TD> 아이디 </TD> <TD> <INPUT TYPE="text" NAME="ID" SIZE="10"></TD>... </FORM> </BODY> (3) <INPUT> 태그넣기 - text 박스넣기 <TD> 아이디 </TD> <TD> <INPUT TYPE="text" NAME="ID" SIZE="10"> </TD> <TD> 비밀번호 </TD> <TD> <INPUT TYPE="password" NAME="password" SIZE="10"> </TD> <TD> 이름 </TD> <TD> <INPUT TYPE="text" NAME="name" SIZE="10"> </TD>

17 HTML/XML 인터넷보충학습자료 (4) <INPUT> 태그넣기 - TEXTAREA 박스넣기 <TD> 전화번호 </TD> <TD> <INPUT TYPE="text" NAME="tel1" SIZE="3" VALUE="02"> -<INPUT NAME="tel2" SIZE="4"> -<INPUT NAME="tel3" SIZE="4"></TD> (5) <INPUT> 태그넣기 - 콤보박스넣기

18 HTML/XML 인터넷보충학습자료 <TD> 직업 </TD> <TD> <SELECT SIZE="1" NAME="job"> <OPTION VALUE="job1" SELECTED> 학생 </OPTION> <OPTION VALUE="job2"> 회사원 </OPTION> <OPTION VALUE="job3"> 프로그래머 </OPTION> <OPTION VALUE="job4"> 무직 </OPTION> </SELECT> </TD> (6) <INPUT> 태그넣기 - 라디오버튼삽입 <TD> 성별 </TD> <TD> <INPUT TYPE="radio" NAME="gender" VALUE="male" CHECKED> 남자 &nbsp&nbsp <INPUT TYPE="radio" NAME="gender" VALUE="female"> 여자 </TD> (7) <INPUT> 태그넣기 - 체크박스삽입

19 HTML/XML 인터넷보충학습자료 <TD> 취미 </TD> <TD> <INPUT TYPE="checkbox" NAME="hobby" VALUE="reading"> 독서 &nbsp&nbsp <INPUT TYPE="checkbox" NAME="hobby" VALUE="game"> 게임 &nbsp&nbsp <INPUT TYPE="checkbox" NAME="hobby" VALUE="movie"> 영화감상 &nbsp&nbsp <INPUT TYPE="checkbox" NAME="hobby" VALUE="music"> 음악감상 &nbsp&nbsp <INPUT TYPE="checkbox" NAME="hobby" VALUE="soccer"> 축구 </TD> (8) <INPUT> 태그넣기 - TEXTAREA 삽입하기 <TD> 자기소개하는글 </TD> <TD> <TEXTAREA ROWS="7" COLS="60" NAME="Intro"> 자기를소개하는글을쓰세요 </TEXTAREA> </TD> <TD COLSPAN="2" ALIGN="center"> <INPUT TYPE="submit" VALUE=" 등록하기 ">&nbsp&nbsp <INPUT TYPE="reset" VALUE=" 취소하기 "> </TD>

20 HTML/XML 인터넷보충학습자료 (9) 등록완료페이지 <HTML> <HEAD> <TITLE> 등록페이지 </TITLE> </HEAD> <BODY> <FONT SIZE="4" ALIGN="center"> <B> 등록이완료되었습니다.</B></FONT> </BODY> </HTML>

21 HTML/XML 인터넷보충학습자료 연습문제 1. 다음과같이테이블이구성되도록 HTML 코드를작성하시오. <BODY> <TABLE BORDER="1"> <TD COLSPAN="3"> 내용 </TD> <TD ROWSPAN="2"> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> <TD> 내용 </TD> </BODY> 2. <SELECT> 태그를사용하여다음에서설명하는것과같은입력양식을만드시오. - 높이 8의콤보박스를만든다. - 여러개의항목을동시에선택할수있도록한다. - 선택항목은프로야구 8개구단으로정한다. <HTML> <BODY> <SELECT NAME="BASEBALL" SIZE="8"> <OPTION> SK 와이번스 </OPTION> <OPTION> 두산베어스 </OPTION> <OPTION> 삼성라이온즈 </OPTION> <OPTION> 롯데자이언츠 </OPTION> <OPTION> 한화이글스 </OPTION> <OPTION> 기아타이거즈 </OPTION> <OPTION> 넥센히어로즈 </OPTION> <OPTION> LG 트윈스 </OPTION> </SELECT> </BODY> </HTML> 3. post 방식과 get 방식의차이점에대하여설명하시오. post 방식은 HTTP 헤더속에감춰서전송되므로보안이필요한로그인정보나, 회원정보등의개인정보전송에많이사용된다. 하지만 get 방식은이름과값형태로 URL로그대

22 HTML/XML 인터넷보충학습자료 로전송되므로다른사용자에게그대로노출된다는단점이있다. 그리고 URL 주소로전송하기때문에전체길이가거의무한적인 post 방식과는다르게 4,096 바이트까지전송이가능하다. 그러므로 get 방식은주로포털사이트에서검색어전달등의보안에신경쓰지않아도되는곳에서많이사용한다. 확인문제 다음의빈칸에알맞은단어를작성하시오. 1. 제목으로지정하고싶은셀을해당셀에해당하는 <TD> 태그대신에 ( ) 를사용한다. 2. 표에캡션을붙일경우 <CAPTION> 태그의 ALIGN 속성을사용하여표의 ( ),( ) 에위치시킬수있다. 3. 콤보박스를만들기위해서는 <SELECT> 태그와 ( ) 태그를사용해야한다. 4. 체크박스에초기값을지정하기위해서는 <INPUT> 태그의 ( ) 속성을사용한다. 5. 입력양식폼을지정해야할경우 METHOD 속성의값으로 ( ), ( ) 2가지전송방식을지정할수있다. 다음문장의참거짓여부를판별하시오. 6. 2행 2열의표를만들기위해서는 2개의 태그와 2개의 <TD> 태그를사용한다. ( ) 7. <TABLE> 태그의 WIDTH, HEIGHT 속성을사용하여크기를지정할경우웹브라우저창너비의상대적인크기로지정하려면퍼센트 (%) 로형식으로지정한다. ( ) 8. <INPUT> 태그의 TYPE 속성을 text 로지정함으로써여러줄의텍스트박스를만들수있다. ( ) 9. 여러개의항목을한꺼번에선택할수있는버튼을체크박스라고한다. ( ) 10. 콤보박스는화면에하나의항목만이보여지며화살표를클릭하여여러항목가운데원하는항목을선택할수있다. ( ) 다음의문제에해당되는보기를고르시오. 11. 다음과같이테이블을구성하기위하여빈칸에들어갈태그는? ( ) 1 행 1 열 1행 2열 2행 2열

23 HTML/XML 인터넷보충학습자료 <TABLE BORDER="1"> <TD> 1행 2열 </TD> <TD> 2행 2열 </TD> 1 행 1 열 </TD> 1) <TD COLSPAN="1"> 2) <TD ROWSPAN="1"> 3) <TD COLSPAN="2"> 4) <TD ROWSPAN="2"> 12. 표안의셀간의구분선두께를지정하기위해서사용하는속성은? (2) 1) BORDER 2) CELLSPACING 3) CELLPADDING 4) ALIGN 13. 다음중 <INPUT> 태그의 TYPE 속성의값을 text 로지정하여만든텍스트박스에대한설명을잘못된것은? ( ) 1) SIZE 속성을사용하여여러줄을입력할수있는텍스트박스를만들수있다. 2) MAXLENGTH 속성을사용하여최대글자수를미리지정할수있다. 3) VALUE 속성의값을입력하여텍스트박스에표시될글자를미리지정할수있다. 4) NAME 속성으로텍스트박스의이름을지정할수있다. 14. 입력내용을전송하기위한 TYPE 속성의값은? ( ) 1) text 2) password 3) reset 4) submit 15. 콤보박스를생성할때여러개의항목을선택할수있도록지정하는속성은? (4) 1) CHECKED 2) SELECTED 3) DISABLED 4) MULTIPLE

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

Javascript

Javascript 1. HTML 이란? HTML 은 Hyper Text Mark Up Language 의약자로예약되어있는각종태그라는명령어를이용하여웹페이지를작성할때사용하는언어입니다. 2. HTML 의기본구조 < 태그 > 내용 < 태그속성 = 변수 > 내용

More information

Javascript

Javascript 1. 폼 (Form) 태그란? 일반적으로폼 (Form) 태그는입력양식을만들때사용됩니다. 입력양식이란어떤데이터를받아전송해주는양식을말합니다. 예를들면, 방명록이나게시판, 회원가입등의양식을말합니다. 이러한입력양식의처음과끝에는반드시폼태그가들어가게됩니다. 폼의입력양식에는 Text Box, Input Box, Check Box, Radio Button 등여러가지입력타입들이포함됩니다.

More information

PHP & ASP

PHP & ASP PHP 의시작과끝 echo ; Echo 구문 HTML과 PHP의 echo 비교 HTML과 PHP의 echo를비교해볼까요

More information

SK Telecom Platform NATE

SK Telecom Platform NATE SK Telecom Platform NATE SK TELECOM NATE Browser VER 2.6 This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴

More information

PHP & ASP

PHP & ASP 단어장프로젝트 프로젝트2 단어장 select * from address where address like '% 경기도 %' td,li,input{font-size:9pt}

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 6 장. 다양한입력폼 1 목차 6.1 폼이해하기 6.2 기본형식으로입력하기 6.3 고급형식으로입력하기 2 6.1 폼이해하기 3 요소의사용 폼요소의사용 회원가입, 상품구매, 키워드검색등사용자로부터정보를받을때 사용자와애플리케이션이상호작용 사용자입력 전송버튼 애플리케이션에전달 실행결과반환 요소의역할 사용자가입력하는정보를하나로묶어서애플리케이션에전달

More information

2009년 상반기 사업계획

2009년 상반기 사업계획 웹 (WWW) 쉽게배우는데이터통신과컴퓨터네트워크 학습목표 웹서비스를위한클라이언트 - 서버구조를살펴본다. 웹서비스를지원하는 APM(Apache, PHP, MySQL) 의연동방식을이해한다. HTML 이지원하는기본태그명령어와프레임구조를이해한다. HTTP 의요청 / 응답메시지의구조와동작원리를이해한다. CGI 의원리를이해하고 FORM 태그로사용자입력을처리하는방식을알아본다.

More information

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 PHP 와 MySQL 의연동 Jo, Heeseung Content MySQL을지원하는 PHP API 함수 과변수값전달 DB 테이블생성과데이터읽기성적관리프로그램제작 2 1.2 DB 테이블생성과레코드삽입 데이터베이스테이블구조설계 [ 표 7-1] 명함관리데이터베이스테이블 ( 테이블명 : biz_card) 필드명 타입 추가사항 설명 num int primary

More information

하둡을이용한파일분산시스템 보안관리체제구현

하둡을이용한파일분산시스템 보안관리체제구현 하둡을이용한파일분산시스템 보안관리체제구현 목 차 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - 1. 사용자가웹서버에로그인하여다양한서비스 ( 파일업 / 다운로드, 폴더생성 / 삭제 ) 를활용 2. 웹서버와연동된하둡서버에서업 / 다운로드된파일을분산저장. ( 자료송수신은 SSH 활용 ) - 9 - - 10 - - 11 -

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 3. HTML 멀티미디어와입력요소 웹브라우저와멀티미디어 예전방법 : HTML 안에서는 나 태그를사용하여야했고웹브라우저에는플래시나 ActiveX 를설치 HTML5: 와 태그가추가 오디오 요소의속성 오디오파일형식 MP3 'MPEG-1 Audio Layer-3' 의약자로 MPEG

More information

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

var answer = confirm( 확인이나취소를누르세요.); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write( 확인을눌렀습니다.); else { document.write( 취소를눌렀습니다.); 자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트

More information

HTML

HTML Hyper Text Markup Language Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr 1 HTML 문서의특징 HyperText Markup Language WWW 문서제작에쓰임 SpaceBar, Tab, Enter 인식못함 텍스트문서의형태 컴퓨터기종에독립적 확장명 :.html,.htm 태그는대소문자구별안함

More information

네트워크 명령 실습

네트워크 명령 실습 HTML 실습 Contents 1. WWW, HTTP, HTML 개요 2. HTML 기본구조 3. HTML 기본태그 1. 글자관련 2. 서식관련 3. 표관련 4. 하이퍼링크관련 5. 프레임관련 6. 멀티미디어관련 7. 배경등꾸미기관련 8. 아이템화관련 1. HTML 개요 1. HTML(Hyper Text Markup Language) A. 웹문서를표현하는기술

More information

(Microsoft PowerPoint - 9\300\345.ppt [\310\243\310\257 \270\360\265\345])

(Microsoft PowerPoint - 9\300\345.ppt [\310\243\310\257 \270\360\265\345]) 제9장폼객체 객체다루기 학습목표 폼객체에서사용하는속성, 메소드, 이벤트핸들러를이해한다. 목록상자에서사용하는속성, 메소드, 이벤트핸들러를이해한다. 목차 9.1 form 객체 9.2 입력상자, 체크상자, 라디오버튼 9.3 목록상자 2 9.1 form 객체 폼은주로서버에어떤데이터를보내고자하는경우에많이사용한다. 태그를제어하는 form 객체의기본용법은다음과같다

More information

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 개발자에게넘겨주기편한 TABLE&FORM 마크업 김남용 INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 들어가기 이제는 ~ 서로간의이슈웹표준 & 웹접근성왜웹표준으로해야할까요? 모든웹페이지는 ~ 퍼블리싱순서 이제는 ~ 디자이너 디자이너 퍼블리셔 Front-end (UI 개발자 ) 퍼블리셔 Front-end (UI 개발자 ) 서버개발자 서버개발자

More information

슬라이드 1

슬라이드 1 웹프로그래밍 HTML, 자바스크립트, ASP 를중심으로 제 2 장 HTML 문법 목차 제 2 장 HTML 문법 2.1 기본태그 2.2 LINK 태그 2.3 Image 2.4 TABLE 2.5 FRAME 2.6 INPUT 양식 2 2.1 기본태크 구조태그 문자서식태그 문단서식태그 3 2.1.1 구조태그 HTML 태그들중가장기본이되는태그 : HTML

More information

[ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하

[ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하 [ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하여팝업에서코드수정 1) 장바구니페이지디자인수정위치 디자인관리 > HTML 디자인설정 > 장바구니이동

More information

<3036B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

<3036B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770> HTML/XML 인터넷보충학습자료 - 1 - (1) 글자색상 : color 속성사용 - 태그의 color 속성과같은역할을한다. (2) 배경지정 : background-color 속성사용. - HTML의 bgcolor 속성과같은역할. bgcolor 속성은일정한태그에만한정되어있지만 background-color 속성은어떤태그에서도모두적용된다.

More information

컴퓨터프로그래밍 - HTML

컴퓨터프로그래밍 - HTML 컴퓨터프로그래밍 - HTML HTML 이란? v Hyper Text Markup Language v 웹문서제작에사용되는표준언어 v 문서타입 : 텍스트파일형식 HTML 문서의특징 v 공백, 줄바꿈인식못함 v 텍스트문서의형태 - 확장명 :.html,.htm v 인터넷문서로사용하기에적합 - 컴퓨터기종에무관 - 파일크기작음 v 대소문자를구분하지않음 HTML 문서의작동원리

More information

PowerPoint Presentation

PowerPoint Presentation 웹과인터넷활용및실습 (Web & Internet) Suan Lee - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 1 04. CSS3 스타일속성 04. CSS3 Style Properties - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 2 CSS3 단위 1 CSS 는각각의스타일속성에다양한값을입력

More information

Microsoft PowerPoint HTML기초(2).pptx

Microsoft PowerPoint HTML기초(2).pptx 웹과인터넷활용및실습 () (Part II) 문양세강원대학교 IT 대학컴퓨터과학전공 강의내용 HTML의개요 HTML 문서의기본구조 HTML의구성요소 HTML 편집기기본적인 HTML 태그컬러와그래픽이미지하이퍼텍스트링크테이블프레임사운드 ( 오디오 ) 및동영상 Page 2 1 컬러코드와 RGB (1/4) 컬러 ( 색깔 ) 를지정하는두가지방법 컬러의이름을직접지정 (

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style

More information

미쓰리 파워포인트

미쓰리 파워포인트 computer & internet 07. FRAME TAG FRAME? 프레임이란? : 웹페이지를수직이나수평으로여러개영역으로나누어다른웹문서가들어갈수있도록구성할수있음. 이때나누어진각각의창을프레임이라고함. 2 FRAME 문서의구조 HTML 문서에서 태그기능을 프레임문서구조에서는 이대신함 일반웹페이지구조 ..

More information

HTML5

HTML5 주사위게임 류관희 충북대학교 주사위게임규칙 플레이어 두개의주사위를던졌을때두주사위윗면숫자의합 The First Throw( 두주사위의합 ) 합 : 7 혹은 11 => Win 합 : 2, 3, 혹은 12 => Lost 합 : 4, 5, 6, 8, 9, 10 => rethrow The Second Throw 합 : 첫번째던진주사위합과같은면 => Win 합 : 그렇지않으면

More information

Microsoft PowerPoint Python-WebDB

Microsoft PowerPoint Python-WebDB 8. 웹과데이터베이스연결응용 순천향대학교컴퓨터공학과이상정 순천향대학교컴퓨터공학과 1 학습내용 파이썬과데이터베이스연결 웹과데이터베이스연결 로그인페이지예 순천향서핑대회예 순천향대학교컴퓨터공학과 2 파이썬과 SQLite3 연결 sqlite3 모듈을사용하여파이썬과 SQLite3 데이테베이스연동프로그램작성 데이터베이스연결을오픈, 종료및내보내기 sqlite3.connect(filename)

More information

I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r

I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r Jakarta is a Project of the Apache

More information

e-비즈니스 전략 수립

e-비즈니스 전략 수립 CSS3 속성 HTML5 웹프로그래밍입문 ( 개정판 ) Contents 학습목표 CSS3가지원하는스타일속성과스타일값을활용할수있습니다. CSS3를사용해레이아웃을잡을수있습니다. 내용 CSS3 단위 박스속성 display 속성 배경속성 글자속성 위치속성 float 속성 그림자속성 그레이디언트 2/85 1. CSS3 단위 키워드단위 W3C에서미리정의한단어 키워드를입력하면키워드에해당하는스타일이자동으로적용

More information

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher( 실행할페이지.jsp); 다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp"); dispatcher.forward(request, response); - 위의예에서와같이 RequestDispatcher

More information

Data Provisioning Services for mobile clients

Data Provisioning Services for mobile clients 7 장. Form 처리와파일업로드 제 7 장 HTML 태그 1. 폼 (Form) 태그소개 사용자에게정보를요청하고적당한대답을얻어낼수있는텍스트박스나체크박스등을제공한다. 사용자로부터의정보를서버에게전달할수있는 submit( 전달 ) 버튼을제공한다. submit 버튼은새페이지 (JSP 에의해생성되는동적페이지 ) 를열기위해사용된다. 2/33 제 1 장

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

Javascript

Javascript 1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.

More information

Cookie Spoofing.hwp

Cookie Spoofing.hwp Cookie Spoofing&Sniffing By Maxoverpro[max]( 장상근) maxoverpro@empal.com http://www.maxoverpro.org 1. 서론 이문서는 Cookie Spoofing 과 Sniffing 에대해정석적인방법을이야기하도록하며또 한어느특정곳의취약점을설명하지않고직접제작한예제를가지고 Cookie Spoofing 과

More information

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc NTAS and FRAME BUILDER Install Guide NTAS and FRAME BUILDER Version 2.5 Copyright 2003 Ari System, Inc. All Rights reserved. NTAS and FRAME BUILDER are trademarks or registered trademarks of Ari System,

More information

Microsoft PowerPoint - aj-lecture4.ppt [호환 모드]

Microsoft PowerPoint - aj-lecture4.ppt [호환 모드] JSP 와자바빈즈 524730-1 2019 년봄학기 4/1/2019 박경신 자바빈즈 자바로작성된소프트웨어컴포넌트 Sun Microsystems 에서 " 자바빈즈는빌더형식의개발도구에서가시적으로조작이가능하고또한재사용이가능한소프트웨어컴포넌트이다. 로정의 대부분자바통합개발환경 (IDE) 에서사용 자바빈즈는많은유사성이있으나엔터프라이즈자바빈즈 (EJB) 와혼동하지말아야함

More information

웹의 뼈대 HTML의 이해 개요 및 텍스트 태그

웹의 뼈대 HTML의 이해 개요 및 텍스트 태그 HTML 의이해 - 개요및텍스트태그 최현종 ( 서원대학교 ) HTML 의개요 웹문서란무엇인가? 인터넷에올려진문서 HTML : 다양한멀티미디어요소까지다룰수있는인터넷표준웹문서 웹브라우저란무엇인가? 웹문서를보기위한프로그램 대표적인웹브라우저 - 인터넷익스플로러 - 넷스케이프내비게이터 - 오페라 그림 1. 인터넷익스플로러 HTML 의정의 - Hyper Text Markup

More information

½½¶óÀ̵å 1

½½¶óÀ̵å 1 Chapter 15. 표다듬기 1 1. 표안의내용을보기좋게정렬할수있습니다. 2. 셀배경색을지정하여꾸밀수있습니다. 3. 셀간격과셀안쪽여백을조절하여표를꾸밀수있습니다. 1. 표내의내용정렬하기 표의내용을정렬하는방법에대해알아보겠습니다. 그러기전에일단표를만듭니다. 2 표의아래경계선을마우스포인터로드래그하여늘리기 1 줄 3 칸짜리표가만들어졌습니다. 표가만들어졌으면, 각셀을왼쪽부터순서대로수평방향왼쪽수직방향위,

More information

게임 기획서 표준양식 연구보고서

게임 기획서 표준양식 연구보고서 ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ

More information

웹 개발자를 위한 서블릿/JSP

웹 개발자를 위한 서블릿/JSP 2. HTTP 와서블릿 2.1 HTTP 이해하기 2.1.1 HTTP 동작방식 HTTP(Hypertext Transfer Protocol) 는웹서버와웹클라이언트웹브라우저간에통신하 ( ) 기위한프로토콜( 약속) 이다. CGI나서블릿프로그래밍을하기위해서는 HTTP 프로토콜을어느정도이해할필요성이있다. 이곳에서는간단하게 HTTP 프로토콜에대해알아보자. 웹브라우저는 HTTP

More information

윈도우즈프로그래밍(1)

윈도우즈프로그래밍(1) 제어문 (2) For~Next 문 윈도우즈프로그래밍 (1) ( 신흥대학교컴퓨터정보계열 ) 2/17 Contents 학습목표 프로그램에서주어진특정문장을부분을일정횟수만큼반복해서실행하는문장으로 For~Next 문등의구조를이해하고활용할수있다. 내용 For~Next 문 다중 For 문 3/17 제어문 - FOR 문 반복문 : 프로그램에서주어진특정문장들을일정한횟수만큼반복해서실행하는문장

More information

<3035B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

<3035B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770> HTML/XML 인터넷보충학습자료 - 1 - - Cascading Style Sheets - HTML의단점을보완하기위해사용하는것으로, 웹문서에스타일 ( 예 ; 글꼴, 색상, 여백등 ) 을추가하는간단한메카니즘 1 다양한기능의확장 : HTML의단순한기능을확장 ( 추가, 변경 ) 시킴 2 통일된문서양식제공 : 한번의속성정의로여러문서에동시에적용가능 3 독립적인문서제작환경가능

More information

C스토어 사용자 매뉴얼

C스토어 사용자 매뉴얼 쪽지 APP 디자인적용가이드 I. 쪽지 APP 소개 2 I. 쪽지 APP 소개 쪽지 APP 을통해쇼핑몰의특정회원또는특정등급의회원그룹에게 알림메시지나마케팅을위한쪽지를발송하실수있습니다. 쪽지 APP의주요기능 1. 전체회원, 특정ID, 특정회원그룹별로쪽지발송가능 2. 발송예약기능 3. 발송한쪽지에대해수신및열람내역조회가능 4. 쇼핑몰페이지에서쪽지함과쪽지알림창제공 3

More information

PART 1 CHAPTER 1 Chapter 1 Note 4 Part 1 5 Chapter 1 AcctNum = Table ("Customer").Cells("AccountNumber") AcctNum = Customer.AccountNumber Note 6 RecordSet RecordSet Part 1 Note 7 Chapter 1 01:

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 부록. 웹서버구축하기 1 목차 A.1 웹서버시스템 A.2 PHP 사용하기 A.3 데이터베이스연결하기 2 A.1 웹서버시스템 3 웹서버의구축 웹서버컴퓨터구축 웹서버소프트웨어설치및실행 아파치 (Apache) 웹서버가대표적 서버실행프로그램 HTML5 폼을전달받아처리 PHP, JSP, Python 등 데이터베이스시스템 서버측에데이터를저장및효율적관리

More information

PowerPoint Template

PowerPoint Template 설치및실행방법 Jaewoo Shim Jun. 4. 2018 Contents SQL 인젝션이란 WebGoat 설치방법 실습 과제 2 SQL 인젝션이란 데이터베이스와연동된웹서버에입력값을전달시악의적동작을수행하는쿼리문을삽입하여공격을수행 SELECT * FROM users WHERE id= $_POST[ id ] AND pw= $_POST[ pw ] Internet

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to produce table XHTML 임정희 M2community 1 Table of Contents 1. XHTML - XHTML 과 HTML 2. Table XHTML - Table의이해 - Table 링크연결 - Table 작성 2 15 th KCSE Editor s Workshop, Seoul 2015 XHTML XHTML 기존에사용되던 HTML

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습문제 Chapter 05 데이터베이스시스템... 오라클로배우는데이터베이스개론과실습 1. 실습문제 1 (5 장심화문제 : 각 3 점 ) 6. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (2) 7. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (5)

More information

2_안드로이드UI

2_안드로이드UI 03 Layouts 레이아웃 (Layout) u ViewGroup의파생클래스로서, 포함된 View를정렬하는기능 u 종류 LinearLayout 컨테이너에포함된뷰들을수평또는수직으로일렬배치하는레이아웃 RelativeLayout 뷰를서로간의위치관계나컨테이너와의위치관계를지정하여배치하는레이아웃 TableLayout 표형식으로차일드를배치하는레이아웃 FrameLayout

More information

Visual Basic 기본컨트롤

Visual Basic 기본컨트롤 학습목표 폼 ( Form) 폼의속성, 컨트롤이름, 컨트롤메서드 기본컨트롤 레이블, 텍스트박스, 버튼, 리스트박스 이벤트 버튼 기본컨트롤실습 2 2.1 폼 (Form) 2.2 기본컨트롤 2.3 기본컨트롤실습 3 폼 - 속성 속성 (Name) AutoSize BackColor Font ForeColor Icon StartPosition Transparency WindowState

More information

02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자.

02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자. 02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자. 이장에서다룰내용 1 2 3 4 5 글꼴꾸밈관련스타일시트텍스트관련스타일시트배경관련스타일시트목록관련스타일시트하이퍼링크관련스타일시트 2 01. 글꼴꾸밈관련스타일시트 v 글자에관련된스타일시트는크기, 스타일, 모양등에관련된 font 속성이가장많이사용 속성값설명 color

More information

Microsoft PowerPoint HTML.ppt

Microsoft PowerPoint HTML.ppt 웹프로그래밍 () HTML () 2006 년봄학기 문양세강원대학교컴퓨터과학과 웹페이지제작단계및환경 주제와주제와내용선정 어떤어떤내용을내용을담을담을것인지것인지,, 어떤어떤단계로단계로제작할제작할것인지것인지결정결정 디자인디자인 웹페이지페이지구조구조 저작권저작권확인확인 로고로고, 아이콘, 아이콘또는또는멀티미디어멀티미디어등다양한다양한소재를소재를어떻게어떻게꾸밀꾸밀것인지것인지구성구성

More information

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 Eclipse (IDE) JDK Android SDK with ADT IDE: Integrated Development Environment JDK: Java Development Kit (Java SDK) ADT: Android Development Tools 2 JDK 설치 Eclipse

More information

Visual Basic 반복문

Visual Basic 반복문 학습목표 반복문 For Next문, For Each Next문 Do Loop문, While End While문 구구단작성기로익히는반복문 2 5.1 반복문 5.2 구구단작성기로익히는반복문 3 반복문 주어진조건이만족하는동안또는주어진조건이만족할때까지일정구간의실행문을반복하기위해사용 For Next For Each Next Do Loop While Wend 4 For

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Web server porting 2 Jo, Heeseung Web 을이용한 LED 제어 Web 을이용한 LED 제어프로그램 web 에서데이터를전송받아타겟보드의 LED 를조작하는프로그램을작성하기위해다음과같은소스파일을생성 2 Web 을이용한 LED 제어 LED 제어프로그램작성 8bitled.html 파일을작성 root@ubuntu:/working/web# vi

More information

<4D F736F F F696E74202D203130C0E52EBFA1B7AF20C3B3B8AE205BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D203130C0E52EBFA1B7AF20C3B3B8AE205BC8A3C8AF20B8F0B5E55D> 10 장. 에러처리 1. page 지시문을활용한에러처리 page 지시문의 errorpage 와 iserrorpage 속성 errorpage 속성 이속성이지정된 JSP 페이지내에서 Exception이발생하는경우새롭게실행할페이지를지정하기위하여사용 iserrorpage 속성 iserrorpage 는위와같은방법으로새롭게실행되는페이지에지정할속성으로현재페이지가 Exception

More information

Data Provisioning Services for mobile clients

Data Provisioning Services for mobile clients 9 장. 요청흐름제어와모듈화 1. 액션태그를이용한흐름제어 액션태그 하나의 JSP 페이지에서다른 JSP 페이지로요청처리를전달할때사용 중요사항 from.jsp 가아닌 to.jsp 가생성한응답결과가웹브라우저에전달된다. from.jsp 에서사용한 request, response 기본객체가 to.jsp 에그대로전달된다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 : 학습내용 기본구조와태그다양한태그다루기 태그다루기프레임나누기폼양식및재미있게활용할수있는태그 : 03 장. 기본구조와태그 학습내용 기본구조에디트플러스에서 문서제작해보기 에서태그사용법 기본구조와태그 기본구조 [ 기본구조 ]

More information

q 학습목표 l 표삽입 l 표 / 셀크기조절및이동 l 셀블록설정및셀나누기 / 합치기 l 셀속성및셀테두리 / 배경설정 l 차트생성및서식변경 l 글상자생성및속성변경 l 머리말 / 꼬리말, 쪽번호넣기 l 주석다루기 - 2 -

q 학습목표 l 표삽입 l 표 / 셀크기조절및이동 l 셀블록설정및셀나누기 / 합치기 l 셀속성및셀테두리 / 배경설정 l 차트생성및서식변경 l 글상자생성및속성변경 l 머리말 / 꼬리말, 쪽번호넣기 l 주석다루기 - 2 - 한글 2005 - 활용 Company Logo @ 서울대학교통계학과 2009년 2학기컴퓨터의개념및실습 (http://dcom09.ez.ro) q 학습목표 l 표삽입 l 표 / 셀크기조절및이동 l 셀블록설정및셀나누기 / 합치기 l 셀속성및셀테두리 / 배경설정 l 차트생성및서식변경 l 글상자생성및속성변경 l 머리말 / 꼬리말, 쪽번호넣기 l 주석다루기 - 2 -

More information

Microsoft PowerPoint 세션.ppt

Microsoft PowerPoint 세션.ppt 웹프로그래밍 () 2006 년봄학기 문양세강원대학교컴퓨터과학과 세션변수 (Session Variable) (1/2) 쇼핑몰장바구니 장바구니에서는사용자가페이지를이동하더라도장바구니의구매물품리스트의내용을유지하고있어야함 PHP 에서사용하는일반적인변수는스크립트의수행이끝나면모두없어지기때문에페이지이동시변수의값을유지할수없음 이러한문제점을해결하기위해서 PHP 에서는세션 (session)

More information

PowerPoint Presentation

PowerPoint Presentation WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용

More information

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 개발환경구조및설치순서 JDK 설치 Eclipse 설치 안드로이드 SDK 설치 ADT(Androd Development Tools) 설치 AVD(Android Virtual Device) 생성 Hello Android! 2 Eclipse (IDE) JDK Android SDK with

More information

SAP Tech를 통해 SAP의 Web Application Server와 그것을 근간으로 서비스되는 BSP Application에 대한 소개를 하게 되어 기쁘다

SAP Tech를 통해 SAP의 Web Application Server와 그것을 근간으로 서비스되는 BSP Application에 대한 소개를 하게 되어 기쁘다 BSP Extension 의소개 - HTMLB 목 록 1. BSP Extension의소개..3 2. BSP Extensions and BSP Elements.4 3. BSP Extension Framework 5 4. Example: Using Extensions in BSP Pages.7 5. 자주사용하는 HTMLB Element.9 5.1 button..9

More information

슬라이드 1

슬라이드 1 웹프로그래밍 HTML, 자바스크립트, ASP 를중심으로 제 3 장고급 HTML 작성 목차 제 3 장고급 HTML 작성 2.1 기본태그 2.2 LINK 태그 2.3 Image 2.4 TABLE 2.5 FRAME 2.6 INPUT 양식 2 3 장고급 HTML 작성 멀티미디어파일다루기 스타일시트 레이어 3 3.1 멀티미디어 최근인터넷사용자가급증하면서기업 / 개인용홈페이지가급증하였고다양한홈페이지를만들기위해많은기술들이생겨나고있음

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습 1 배효철 th1g@nate.com 1 목차 조건문 반복문 System.out 구구단 모양만들기 Up & Down 2 조건문 조건문의종류 If, switch If 문 조건식결과따라중괄호 { 블록을실행할지여부결정할때사용 조건식 true 또는 false값을산출할수있는연산식 boolean 변수 조건식이 true이면블록실행하고 false 이면블록실행하지않음 3

More information

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우. 소프트웨어매뉴얼 윈도우드라이버 Rev. 3.03 SLP-TX220 / TX223 SLP-TX420 / TX423 SLP-TX400 / TX403 SLP-DX220 / DX223 SLP-DX420 / DX423 SLP-DL410 / DL413 SLP-T400 / T403 SLP-T400R / T403R SLP-D220 / D223 SLP-D420 / D423

More information

1

1 1 2 3 4 5 6 b b t P A S M T U s 7 m P P 8 t P A S M T U s 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 Chapter 1 29 1 2 3 4 18 17 16 15 5 6 7 8 9 14 13 12 11 10 1 2 3 4 5 9 10 11 12 13 14 15

More information

MF3010 MF Driver Installation Guide

MF3010 MF Driver Installation Guide 한국어 MF 드라이버설치설명서 사용자소프트웨어 CD-ROM................................................ 1.................................................................... 1..............................................................................

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 휴대폰인증서비스 사용자매뉴얼 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 System Software Experiment 1 Lecture 5 - Array Spring 2019 Hwansoo Han (hhan@skku.edu) Advanced Research on Compilers and Systems, ARCS LAB Sungkyunkwan University http://arcs.skku.edu/ 1 배열 (Array) 동일한타입의데이터가여러개저장되어있는저장장소

More information

Microsoft PowerPoint - e pptx

Microsoft PowerPoint - e pptx Import/Export Data Using VBA Objectives Referencing Excel Cells in VBA Importing Data from Excel to VBA Using VBA to Modify Contents of Cells 새서브프로시저작성하기 프로시저실행하고결과확인하기 VBA 코드이해하기 Referencing Excel Cells

More information

<4D F736F F F696E74202D203236C2F7BDC3C7D0BDC0B3BBBFEB28B1E2C3E2B9AEC1A632C8B82D32B0FAB8F1292E BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D203236C2F7BDC3C7D0BDC0B3BBBFEB28B1E2C3E2B9AEC1A632C8B82D32B0FAB8F1292E BC8A3C8AF20B8F0B5E55D> 컴퓨터활용능력 2 급 ( 필기 ) 2 회 2 과목. 21. 아래시트에서중간고사와기말고사점수를이용하여기말고사가큰경우에만증가된점수의 20% 를가산점으로주려고한다. 다음중 [D2] 셀의가산점계산에대한수식으로옳지않은것은? 1 =IF(C2>B2,(C2-B2)*20%,0) 2 =IF(B2-C2>0,(C2-B2)*20%,0) 3 =IF(C2-B2>0,(C2-B2)*0.2,0)

More information

슬라이드 1

슬라이드 1 학습목표 제 10 장 ASP 와데이터베이스활용 10.1 RUNNING 데이터베이스 HEADER, 14 PT., ALL CAPS, Line Spacing=1 line 데이터베이스띾 데이터를다루는방법으로데이터를논리적으로구조화하여모아놓은것 각각의데이터는컴퓨터가처리핛수있는일관성있게저장 방대핚데이터의검색과수정이용이 10.2 RUNNING 데이터베이스 HEADER, 14

More information

EDB 분석보고서 (04.03) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. ** 5개이상발생한주요소프트웨어별상세 EDB 번호 종류 공격난이도 공격위험도 이름 소프트웨어이름 3037 SQL Inj

EDB 분석보고서 (04.03) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. ** 5개이상발생한주요소프트웨어별상세 EDB 번호 종류 공격난이도 공격위험도 이름 소프트웨어이름 3037 SQL Inj EDB 분석보고서 (04.03) 04.03.0~04.03.3 Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. 분석내용정리 ( 작성 : 펜타시큐리티시스템보안성평가팀 ) 04년 03월에공개된 Exploit-DB의분석결과, 해커들이가장많이시도하는공격으로알려져있는 SQL Injection 공격에대한보고개수가가장많았습니다. 무엇보다주의가필요한부분은

More information

System Recovery 사용자 매뉴얼

System Recovery 사용자 매뉴얼 Samsung OS Recovery Solution 을이용하여간편하게 MagicInfo 의네트워크를설정하고시스템을백업및복원할수있습니다. 시스템시작시리모컨의 - 버튼이나키보드의 F3 키를연속해서누르면복구모드로진입한후 Samsung OS Recovery Solution 이실행됩니다. Samsung OS Recovery Solution 은키보드와리모컨을사용하여조작할수있습니다.

More information

HTML Basic & Advanced

HTML Basic & Advanced HTML Basic & Advanced Agenda - Markup에대한기본개념이해 - (X)HTML의구조및문법습득 - 실습예제및과제수행을통해실무에필요한스킬향상 Contents I. Markup의기본개념 II. HTML 구조및문법 III. 시멘틱마크업 IV. Tool 소개 V. 실습과제 2 Markup 의기본개념 HTML BASIC 3 Markup 이란? 문서의일부를

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 5. CSS 박스모델과응용 박스모델 HTML 요소들을박스 ( 사각형 ) 형태로그리는것 박스는배치, 색상, 경계등의속성을가진다. 박스모델의속성 배경색과배경이미지 HTML 요소에배경색과배경이미지가설정되어있는경우에, 패딩은투명하므로배경이미지와배경색이보이게된다 ( 그림출처 : Jon Hicks) 경계선스타일

More information

EDB 분석보고서 (04.06) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. Directory Traversal users-x.php 4.0 -support-x.php 4.0 time-

EDB 분석보고서 (04.06) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. Directory Traversal users-x.php 4.0 -support-x.php 4.0 time- EDB 분석보고서 (04.06) 04.06.0~04.06.0 Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. 분석내용정리 ( 작성 : 펜타시큐리티시스템보안성평가팀 ) 04년 06월에공개된 Exploit-DB의분석결과, SQL 공격에대한보고개수가가장많았습니다. 이와같은결과로부터여전히 SQL 이웹에서가장많이사용되는임을확인할수있습니다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 휴대폰인증서비스 사용자매뉴얼 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써,

More information

JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른

JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른 JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른 URL로바꿀수있다. 예 ) response.sendredirect("http://www.paran.com");

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

- 이벤트의처리 <input type= button id= button1 value= 확인 /> <input type= button id= button2 value= 확인 /> 자바스크립트인경우 : document.getelementbyid( button1 ).oncl

- 이벤트의처리 <input type= button id= button1 value= 확인 /> <input type= button id= button2 value= 확인 /> 자바스크립트인경우 : document.getelementbyid( button1 ).oncl 제이쿼리 (JQuery) - 제이쿼리는자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리이다. - 따라서, 제이쿼리를사용하기위해서는자바스크립트라이브러리를사용해야한다. - 제이쿼리사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) - 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호를말함. - 사용예 )

More information

Data Provisioning Services for mobile clients

Data Provisioning Services for mobile clients 12 장. JSP 에서자바빈활용 자바빈 (JavaBean) 1. 자바빈 (JavaBean) 객체단위의관련데이터를저장및관리하는목적을지닌 Java 객체 데이터베이스와 JSP의중간에서데이터관리의매개체역할을한다. 자바빈활용의장점 데이터를객체단위로한데묶어서관리하는데에많은편리성이있다. 전체적으로 JSP 소스가깔끔해지는효과 자바빈구성요소 생성자 값을저장하는프로퍼티 (Property)

More information

캘크 시작하기

캘크 시작하기 저작권 이 문서의 저작권은 본 페이지의 저자 단락에 나열된 기고자들에게 있습니다(Copyright 2005 2008). GNU General Public License 버전 3 이후 버전, 또는 Creative Commons Attribution License 버전 3 이후 버전에 근거하여 배포 및 변경할 수 있습니다. 이 문서에 있는 모든 상표권은 법적 소유자가

More information

Microsoft PowerPoint - chap04-연산자.pptx

Microsoft PowerPoint - chap04-연산자.pptx int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); } 1 학습목표 수식의 개념과 연산자, 피연산자에 대해서 알아본다. C의 를 알아본다. 연산자의 우선 순위와 결합 방향에

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 바로가기마케팅서비스 사용자매뉴얼 최종업데이트 2013-08-02 문서버전 1.2 목차 1. 서비스소개및신청 1) 바로가기마케팅서비스란? 2) 서비스신청및적용 3) 서비스활용 2. 디자인설정 ( 구 ) 디자인 1) 바로가기아이콘소개페이지적용 2) 바로가기접속상태아이콘노출 3) 바로가기접속주문혜택노출 3. 디자인설정 - 스마트디자인 1) 바로가기아이콘서비스소개페이지적용

More information

뇌를 자극하는 JSP & Servlet 슬라이드

뇌를 자극하는 JSP & Servlet 슬라이드 서블릿의기초 Servlet & JSP 2/70 Contents 학습목표 서블릿클래스는자바클래스형태로구현되는웹애플리케이션프로그램이며, 일반적인자바클래스를작성할때보다지켜야할규칙이많다. 이장에서는그규칙들을배워보자. 내용 서블릿이란? 웹컨테이너란? 서블릿클래스의작성, 컴파일, 설치, 등록 톰캣관리자프로그램사용하기 웹브라우저로부터데이터입력받기 3/70 1. 서블릿이란?

More information

Microsoft PowerPoint Python-Web.pptx

Microsoft PowerPoint Python-Web.pptx 순천향대학교컴퓨터공학과이상정 순천향대학교컴퓨터공학과 1 학습내용 WWW, HTTP, HTML 아파치웹서버 HTML 문서 CGI 프로그래밍 순천향대학교컴퓨터공학과 2 World Wide Web WWW HTTP 프로토콜을이용하여 HTML 문서를전달 웹서버 (Web Server) : Apache, IIS, Nginx, Lighttpd 등 웹브라우저 (Web Browser

More information

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 (   ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각 JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( http://java.sun.com/javase/6/docs/api ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각선의길이를계산하는메소드들을작성하라. 직사각형의가로와세로의길이는주어진다. 대각선의길이는 Math클래스의적절한메소드를이용하여구하라.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 10. DOM 과이벤트처리, 입력검 증 문서객체모델 (DOM) DOM 은 HTML 문서의계층적인구조를트리 (tree) 로표현 DOM 과 BOM HTML 문서를객체로표현한것을 DOM 웹브라우저를객체로표현한것을 BOM(Browser Object Model) HTML 요소찾기 동적인웹페이지를작성하려면원하는요소를찾아야한다. id 로찾기 태그이름으로찾기

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 4 장. CSS3 스타일시트기초 1 목차 4.1 CSS3 시작하기 4.2 CSS 기본사용법 4.3 문자와색상지정하기 4.4 목록과표장식하기 2 4.1 CSS3 시작하기 4.1.1 스타일시트와 CSS3 기본개념 4.1.2 CSS 속성선언 4.1.3 문서일부분에 CSS 속성설정 3 스타일시트와 CSS3 기본개념 스타일시트란? 웹문서의출력될외형스타일

More information

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp 1 0 1.7 6 5 'A ' '/ u 4 4 2 2 ' " JS P 프로그래밍 " A ', 'b ', ' 한 ', 9, \ u d 6 5 4 ' c h a r a = 'A '; 0 1 0 2 0 3 0 4 0 5 0 6 0 7 0 8 0 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 < % @ p a g e c o n te n

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 2 장.HTML5 문서의기본 목차 2.1 기본문서만들기 2.2 단락과텍스트꾸미기 2.3 목록및표작성하기 2.4 문서구조화하기 소스코드실행사이트 주소 : http://webclass.me/html5_2e 폴더 ch02/ ~ ch13/ 에각장의예제가있어서실행결과확인및소스보기가가능합니다. 2 HTML5 문서의기본 2.1 기본문서만들기 2.1.1

More information

제 1 절 복습 \usepackage{ g r a p h i c x }... \ i n c l u d e g r a p h i c s [ width =0.9\ textwidth ] { b e a r. j p g } (a) includegraphics 사용의일반적인유형

제 1 절 복습 \usepackage{ g r a p h i c x }... \ i n c l u d e g r a p h i c s [ width =0.9\ textwidth ] { b e a r. j p g } (a) includegraphics 사용의일반적인유형 그림배치 이주용 jlee@formal.korea.ac.kr 2011 년 9 월 28 일 제 1 절 복습 \usepackage{ g r a p h i c x }... \ i n c l u d e g r a p h i c s [ width =0.9\ textwidth ] { b e a r. j p g } (a) includegraphics 사용의일반적인유형 (b)

More information

최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 강연준 조응철담당교수 : 양환석교수님

최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 강연준 조응철담당교수 : 양환석교수님 최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 90816542 강연준 90710000 조응철담당교수 : 양환석교수님 목 차 1. 서론 1.1. 연구의필요성 1.1.1 데이터베이스보안의개념 1.1.2 데이터베이스보안의필요성 1.2. 팀구성원 1.2.1 구성원 1.3. 주간활동보고서

More information

Microsoft PowerPoint - HTML-CSS3.pptx

Microsoft PowerPoint - HTML-CSS3.pptx HTML & CSS3 고덕한 1 과정개요 HTML 에대한기초지식습득 HTML 구성요소파악 CSS 이해및활용 JavaScript 개요및사용법파악 DHTML을적용한페이지구성 2 HTML Structure 1. HTML 이해 2. CSS (Cascading Style Sheet) 3. JavaScript 4. 브라우저내장객체 5. 폼 (FORM) 관련객체 6. 레이어

More information

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드] Web Technology Stack HTML, CSS, JS Basics HTML Tutorial https://www.w3schools.com/html/default.asp CSS Tutorial https://www.w3schools.com/css/default.asp JS Tutorial 524730-1 2019 년봄학기 3/11/2019 박경신 https://www.w3schools.com/html/default.asp

More information

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault 사용자매뉴얼 JetFlash Vault 100 ( 버전 1.0) 1 목차 1. 시스템요구사항... 3 2. 암호및힌트설정 ( 윈도우 )... 3 3. JetFlash Vault 시작하기 ( 윈도우 )... 7 4. JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault 찾아보기... 10 JetFlash

More information

저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할

저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할 저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할수없습니다. 변경금지. 귀하는이저작물을개작, 변형또는가공할수없습니다. 귀하는, 이저작물의재이용이나배포의경우,

More information