반응형
HTML
- Hyper Text Markup Language 웹 페이지를 보여주기 위해 알아야할 모든 걸을 브라우저에게 알려줌.
- 웹 페이지를 구조화 하는데 사용.
- Hyper Text는 사용자가 연상하는 순서에 따라 원하는 정보를 얻을 수 있는 시스템임.
(건너뛰어 읽거나 각주로 옮겨가거나 다른 텍스트를 참고하려고 읽기를 멈추거나 아니면 다른 텍스트가 더 좋을 듯 싶어 읽기를 포기하는 일 등)
- Markup Language는 웹페이지의 구조를 설명함


웹서버(web server)
- 브라우저로부터 요청을 기다리는 인터넷에 연결된 하나의 컴퓨터(웹 페이지, 그림, 음악, 영화 등등의 요청을 기다림)
- 각각의 서버는 HTML파일이나 그림, 음악, 다른 종류의 파일을 저장하고 서비스를 제공함.
- 브라우저는 HTML페이지나 그림과 같은 리소스를 요청 함.
- 서버가 해당 리소스들의 위치를 찾아내면 브라우저에게 응답을 보냄.


웹 브라우저(web browser)
- 웹서버에 해당 HTML 페이지를 요청하고 요청에 대한 응답을 받아 브라우저 화면에 페이지를 보여줌.
- 브라어저가 웹페이지를 보여주는 방법은 HTML에서 브라우저에게 웹페이지의 구조와 내용에 대해 알려줌.


태그(tag)
ex) <h1> 제목을 입력합니다. </h1>
<h1>  : 시작태그
제목을 입력합니다.  : 콘텐츠
</h1>  : 종료 태그
시작태그 + 콘텐츠 + 종료태그 = 엘리먼트
시작태그와 종료 태그 = 매칭 태그

- 시작 태그는 속성을 가질수 있음
- 웹페이지는 항상 <html>과 <head>, <body>엘리먼트를 가져야함
- <head> 엘리먼트는 웹페이지에 대한 정보를 가지고 있음
- <body> 엘리먼트 안에 넣는 내용은 브라우저에서 볼수 있음
- CSS는 <style> 엘리먼트 내부에 위치하고 <style> 엘리먼트는 <head> 엘리먼트 내부에 위치함


상대경로 
- 원점이 되는 파일(현 파일의 위치)과 상대적으로 같은 웹사이트에 있는 다른파일을 가르키는 링크
- 현재의 위치를 아는 것이 중요함
- 한단계 상위 폴더에 있는 파일에 링크를 걸때는 ..을 사용(부모 폴더를 의미)
- 경로의 각각의 부분은 / 문자를 사용 해서 분리


절대 경로
파일의 루트 폴더로부터의 경로


엘리먼트의 종류(element)
- 블록 엘리먼트 : 앞과뒤에 라인 브레이크를 가진것처럼 표시(스스로 자립할 수 있음)
- 인라인 엘리먼트 : 테스트의 흐름 내부에있는 라인 위에 표시(문단안에 흐름을 따라감)
- 빈 엘리먼트 : 아무런 콘텐츠도 가지고 있지 않은 엘리먼트(속성은 가질 수 있으나 콘텐츠와 종료 태그가 없음)


URL
- 웹콘텐츠를 포함해 웹에 있는 어떤 것의 위치를 가르키기위해 사용할 수있는 글로벌 주소
ex) http://www.naver.com/index.html
http 
· 웹을 통해 하이퍼 텍스트 문서를 전송하기위해 합의된 프로토콜(하이퍼텍스트 전송 프로토콜)
· 간단한 요청과 응답 프로토콜
· http 요청 → /index.html파일을 찾아주세요
· http 응답 → 파일을 찾았습니다. 여기 있습니다. / 404에러 해당 페이지를 찾을수가 없어요.

www.naver.com 
웹사이트 이름, 도메인에있는 하나의 웹사이트임(corporate.naver.com으로 웹사이트를 만들수 있음), 외부 사이트와의 연결

naver.com
도메인 이름, 사이트의 위치를 가르키지위해 사용되는 유일한 이름

www
도메인 내부에 있는 특정 서버의 이름

/index.html
루트폴더로 부터 자원들을 지칭하는 절대 경로, 같은 사이트의 다른 페이지와의 연결

ex) file:///Windows/Fonts/SDMiSaeng.ttf
file : 프로토콜의한종류
/Windows/Fonts/SDMiSaeng.ttf : Windows폴더 밑에 Fonts폴더 밑에 SDMiSaeng.ttf파일을 읽으라고 알려줌


<a> 태그
- 인라인 엘리먼트
- href 속성
hypertext reference(인터넷이나 서버에 있는 자원들)
브라우저에게 링크의 목적지를 알려줌
다른 웹페이지와의 연결을 위해 상대경로나 URL을 사용할 수 있음
ex1) <a href= "../index/index.html">
ex2) <a href= "../index/index.html#chai"> : index폴더의 index.html파일의 id가 chai 인 태그로 이동
- title 속성
링크로 연결할 페이지에대한 텍스트의 설명을 나타냄
ex) <a title="툴팁의 기능">
- target 속성
목표윈도우가 무엇인지 알려줌
_blank는 새 윈도우에서 링크를 열게함
ex) <a target="_blank">


<image> 태그
- 인라인 엘리먼트
- src 속성
이미지의 경로를 나타냄 
a 태그의 href 속성과 마찬가지로 상대경로나 URL을 사용할 수 있음
ex) <image src= "http://www.naver.com/images/logo.gif" />
- alt 속성
이미지가 보이지 않을때 alt속성에 설정한 텍스트가 보임
ex) <image alt= "이미지입니다." />
- width, height속성
이미지의 width(너비)와 이미지의 height(높이)를 pixel단위로 제어함
ex) <image width= "48" height= "100" />


이미지(image)
- JPEG와 GIF



thumbnail
- 엄지손톱이란 뜻으로, 미리보는 축소 화상을 말함


문서 타입 정의(doctype, 신뢰성 있는 웹페이지, 표준HTML)
ex) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
!DOCTYPE : 문서타입임을 브라우저에게 알림 
HTML : <html>이 이페이지의 첫번째 엘리먼트라는 의미
PUBLIC : HTML 표준이 공개적으로 사용 가능 함을 의미
"-//W3C//DTD HTML 4.01 Transitional//EN"
· -//W3C//DTD HTML 4.01 : HTML의 버전
·  Transitional : 표준과 예전 HTML의 과도적임을 의미 
"http://www.w3.org/TR/html4/loose.dtd" : 특정한 표준을 식별하는 파일을 가리킴

※ Transitional을 삭제하면 엄격한 HTML 표준을 지킨다는 것을 의미
※ "http://www.w3.org/TR/html4/loose.dtd"의 loose.dtd 를 strict.dtd 로 바꾸면 엄격한 HTML 표준을 지킨다는 것을 의미

W3C : 월드와이드 웹 컨소시엄, 표준 HTML이 무엇인지 정의하는 표준화 기구

브라우저의 HTML을 보여주기 위한 모드
- 쿼크 모드 : HTML의 예전버전의 규칙을 사용하는 모드
- 표준 모드 : W3C에서 정한 표준 HTML 모드

W3C의 유효성 검사기 사이트 : http://validator.w3.org


<meta>  태그(meta)
- 이 페이지에 관한 무엇인가를 브라우저에게 말해주는 태그
ex) <meta http-equiv= "Content-Type" content= "text/html; charset= "UTF-8 " >
http-equiv= "Content-Type" : 컨텐트 타입에 관한 설명임을 명시

content= "text/html; charset= "UTF-8 " : 컨텐트 타입정보를 명시, 인코딩 형식을 명시


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > Front' 카테고리의 다른 글

웹 접근성 점검 규칙(웹 접근성 오류 해결 방안)  (1) 2016.03.22
CSS정리  (0) 2016.02.22
JQuery 선택자의 종류(HTML 태그명, ID명에 접근하는 방법)  (0) 2016.02.01
input 박스 name과 id의 차이  (0) 2016.02.01
JavaScript, jstl Select박스 원하는 값 선택  (0) 2016.02.01
반응형
1. 전체 선택자(wildcard selector) : * 
     <%@ page language ="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
     <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
     <html>
     <head>
     <meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
     <title> Insert title here</title>
     <script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
     <script type= "text/javascript">
          // jQuery의 시작
          $(document).ready( function(){
                 // * : html tag 전부 선택 (문서 전체에서)
                 // css() : 인자 설정
                $( '*').css( 'color', 'red')
          });
     </script>
     </head>
     <body>

     <h1> Hello jQuery</h1>

     </body>
     </html>


2. 태그선택자
     <%@ page language ="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
     <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
     <html>
     <head>
     <meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
     <title> Insert title here</title>
     <script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script>
     <script type= "text/javascript">

          $(document).ready( function(){
     /*              $('h1').css('color', 'red')
                     $('h2').css('color', 'red') 
                     아래와 같이 변경 가능           */
                
                     $( 'h1, h2').css( 'color', 'red')
          });
     
     </script>
     </head>
     <body>

     <h1> Hello jQuery h1</h1>
     <h2> Hello jQuery h2</h2>
     <h3> Hello jQuery h3</h3>

     </body>
     </html>


3. ID 선택자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src = "./js/jquery-2.1.1.js"></script>
<script type="text/javascript">
     // jQuery의 시작
     
     $(document).ready(function(){
           $('#h1').css('color', 'orange');
           // h1 태그, id h3 선택, 의미는 없음 id는 태그별로 부여하기 때문
           $('h1#h3').css('color', 'red');
     });
</script>
</head>
<body>

<h1 id = "h1">Hello jQuery h1</h1>
<h2 id = "h2">Hello jQuery h2</h2>
<h1 id = "h3">Hello jQuery h1</h1>
<h2 id = "h4">Hello jQuery h2</h2>

</body>

</html>

4. 클래스 선택자

<%@ page language = "java" contentType= "text/html; charset=UTF-8"
    pageEncoding= "UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content = "text/html; charset=UTF-8">
<title> Insert title here</title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
<script type= "text/javascript" >
      // jQuery의 시작
     
     $(document).ready( function(){
            // $('.c1').css('color','orange'); // 전체 orange
            // $('h1.c1').css('color','orange'); // h1의 c1만 orange
           $( '.c1.c2').css( 'color', 'orange'); // 클래스 c1, c2인 것만 orange
     });
</script>
</head>
<body>

<h1 class = "c1" >Hello jQuery h1 </h1>
<h2 class = "c1 c2" >Hello jQuery h2 </h2> <!-- 클래스가 2개 -->
<h1 class = "c1" >Hello jQuery h1 </h1>
<h2 class = "c2" >Hello jQuery h2 </h2> <!-- 클래스가 2개 -->

</body>
</html>


5. 자손과 후손 선택자
     자손 : body 태그를 기준으로 할때 그 바로 아래 있는 태그 (1대)
     후손 : body 태그아래 있는 모든 문서 (밑에 전부다)
<%@ page language ="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
<title> Insert title here</ title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
<script type= "text/javascript">
     
     $(document).ready( function(){
// $('body > *').css('color','red'); 
// body밑에 모든 문서 선택 (후손, div태그에 속성이 들어가고 밑으론 상속)
           $( 'body *').css( 'color', 'red'); 
// body 밑에 모든 문서 선택 (모든 태그에 속성이 들어감)
     });
</script>
</head>
<body>

<div>
     <ul>
            <li>사과 </li>
            <li>수박 </li>
            <li>딸기 </li>
            <li>키위 </li>
           
     </ul>
</div>

</body>
</html>



6. 속성 선택자
          요소[속성=값]     속성과 값이 같은 문서 객체를 선택
          요소[속성|=값]    속성 안의 값이 특정 값과 같은 문서 객체 선택
          요소[속성~=값]   속성 안의 값이 특정 값을 단어로 시작하는 문서 객체 선택
          요소[속성^=값]   속성 안의 값이 특정 값으로 시작하는 문서 객체 선택
          요소[속성$=값]    속성 안의 값이 특정 값으로 끝나는 문서 객체 선택
          요소[속성*=값]    속성 안의 값이 특정 값을 포함하는 문서 객체 선택


<%@ page language ="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
<title> Insert title here</title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
<script type= "text/javascript">
     
     $(document).ready( function(){
           $( 'input[type="text"]').val('Hello jQuery' ); 
// input의 타입이 text인 곳에 값을 Hello jQuery를 할당
     });
</script>
</head>
<body>
     <input type = "text"/>
     <input type = "password"/>
     <input type = "radio"/>
     <input type = "checkbox"/>
     <input type = "file"/>
</body>
</html>



7. 입력 양식 필터 선택자
<%@ page language ="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
<title> Insert title here</title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
<script type= "text/javascript">
     
     $(document).ready( function(){
           setTimeout( function(){
                 var value = $( 'select > option:selected').val();
                alert(value)
           }, 5000);
     });
     
</script>
</head>
<body>

     <select >
            <option >사과 </option >
            <option >수박 </option >
            <option selected >딸기 </option >
            <option >키위 </option >
     </select >

</body>
</html>





8. 위치 필터 선택자
<%@ page language ="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
<title> Insert title here</title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script >
<script type= "text/javascript">
     
     $(document).ready( function(){
            // tr:odd tr의 홀수열에         
           $( 'tr:odd').css( 'background', '#F9F9F9');
     
            // tr:even tr의 짝수열에
           $( 'tr:even').css( 'background', '#9F9F9F');
           
            // 메서드 체이닝
           $( 'tr:first').css( 'background', '#000000').css( 'color', '#FFFFFF');
     });
</script>
</head>
<body>
     <table >
            <tr><th>이름 </th><th >혈액형 </th ><th >지역 </th ></tr >
            <tr><td>강민수 </td><td >AB형 </td ><td >서울 송파</td></tr>
            <tr><td>구지연 </td><td >B형 </td ><td >미국 캘리포니아</td></tr>
            <tr><td >김미화 </td><td >AB형 </td ><td >미국 메사추세츠</td></tr>
            <tr><td>김선화 </td><td >O형 </td ><td >서울 강서</td></tr>                              
            <tr><td>남기주 </td><td >A형 </td ><td >서울 노량진</td></tr>                            
            <tr><td>윤하린 </td><td >B형 </td ><td >서울 용산</td></tr>                                                              
     </table >

</body>
</html>





9. 함수 필터 선택자
<%@ page language ="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content ="text/html; charset=UTF-8">
<title> Insert title here</title>
<script type= "text/javascript" src = "./js/jquery-2.1.1.js" ></script>
<script type= "text/javascript">
     
     $(document).ready( function(){
           $( 'tr:eq(0)').css( 'background', '#000000').css( 'color', 'white');
     
           $( 'td:nth-child(3n+1)').css( 'background', 'gray');
           
           $( 'td:nth-child(3n+2)').css( 'background', 'lightgray');
           
           $( 'td:nth-child(3n)').css( 'background', 'white');
     });
</script>
</head>
<body>
    <table >
      <tr>
<th >이름 </th><th>혈액형 </th><th>지역 </th>
  </tr>
      <tr>
<td>강민수 </td><td>AB형 </td><td>서울 송파</td>
  </tr>
      <tr>
        <td>구지연 </td><td>B형 </td><td>미국 캘리포니아</td>
      </tr>
      <tr >
        <td >김선화 </td ><td >O형 </td ><td >서울 강서</td>
      </tr >    
  </table>

</body>
</html>


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > Front' 카테고리의 다른 글

CSS정리  (0) 2016.02.22
HTML정리  (0) 2016.02.22
input 박스 name과 id의 차이  (0) 2016.02.01
JavaScript, jstl Select박스 원하는 값 선택  (0) 2016.02.01
jstl 사용법  (0) 2016.01.22
반응형
input Box 속성 name과 id의 차이

▶ name
(1) document.폼객체명.폼원소명.value
(2) document.getElementsByName("name")

name은 page 안에서 중복되어 사용이 가능하며 action에 해당하는 페이지로 전달하는 파라미터로 사용
GET/POST 방식으로 값을 전달하고 싶은 tag에 사용. Form 객체들(input , radio box ,checkbox )에서 전송되어지는 Parameter의 Key값으로 사용
서버단에서는 request.getParameter(parameterName) 이런 식으로 값을 가져옴


▶ id
(1) document.all.id.value
(2) id.value
(3) document.getElementById("폼 id").value

id는 page 안에서 중복 사용 불가하며 주로 JavaScript에서 다룰려고 지정.
name도 자바스크립트로 속성이나 값을 변경 할 수 있으나 중복값을 갖기 때문에 id로 접근하는 것을 주로 사용.
document.getElementById(id) 를 통해서 해당 엘리먼트Object 를 가져옴.

XML문서(DOM Tree) 내에서 node를 식별하는 용도로 사용되어 페이지 안에 이름이 한개만 존재해야 함.
보통은 특정 tag를 지정하기 위해서 사용. 태그 내용을 바꾸는 dhtml 작업에서 주로 사용.

참고로 id로 설정된 값은 서버쪽으로 파라미터로 넘어가지 않기 때문에 서버쪽에서 접근이 안됨.


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > Front' 카테고리의 다른 글

CSS정리  (0) 2016.02.22
HTML정리  (0) 2016.02.22
JQuery 선택자의 종류(HTML 태그명, ID명에 접근하는 방법)  (0) 2016.02.01
JavaScript, jstl Select박스 원하는 값 선택  (0) 2016.02.01
jstl 사용법  (0) 2016.01.22
반응형
Select 박스 내가 원하는 값 선택하기 1 (스크립트 사용하기)

사용방법 :
HTML
<select id="test">
<option value="값1">선택1</option>
<option value="값2">선택2</option>
<option value="값3">선택3</option>
<option value="값4">선택4</option>
<option value="값5">선택5</option>
</select>

script 
<script>
//id값이 'test' 인 select 박스에서
//option value '값2' 이 선택됩니다
selectedOption('test', '값2', 'value');
//option text "선택4" 값이 선택됩니다.
selectedOption('test', '선택4', 'text');
</script>


<script>
function selectedOption(id, value, type) {
var obj = document.getElementById(id);
   
for(i=0; i<obj.length; i++) {
switch(type) {
case 'value' :
if(obj[i].value == value) {
obj[i].selected = true;
}
break;
           
case 'text' :
if(obj[i].text == value) {
obj[i].selected = true;
}
break;

default :
break;
}
}   
}
</script>


Select 박스 내가 원하는 값 선택하기2 (jstl 사용 하기)
<select name='popUpTerm' id='popUpTerm' data-validate='required' title='팝업노출기간'>
<option value='' >--선택--</option>
<option value='1' <c:if test="${noticeView.POPUP_TERM_DAY eq '1'}">selected="selected"</c:if>> 1일 후까지 노출</option>
<option value='2' <c:if test="${noticeView.POPUP_TERM_DAY eq '2'}">selected="selected"</c:if>> 2일 후까지 노출</option>
<option value='3' <c:if test="${noticeView.POPUP_TERM_DAY eq '3'}">selected="selected"</c:if>> 3일 후까지 노출</option>
<option value='4' <c:if test="${noticeView.POPUP_TERM_DAY eq '4'}">selected="selected"</c:if>> 4일 후까지 노출</option>
</select>


checkbox check되어있는지 확인
$("#id").click(function(){
if ($(this).is(':checked')==true){ //off to on
alert($(this).is(':checked') );
}else{//on to off
alert($(this).is(':checked') );
}
});



반응형
저작자표시 비영리 변경금지

'개발의 흔적 > Front' 카테고리의 다른 글

CSS정리  (0) 2016.02.22
HTML정리  (0) 2016.02.22
JQuery 선택자의 종류(HTML 태그명, ID명에 접근하는 방법)  (0) 2016.02.01
input 박스 name과 id의 차이  (0) 2016.02.01
jstl 사용법  (0) 2016.01.22
반응형
TNS 설정 및 적용(DB접속)
Oracle 접속 TNS 설정 툴
설정 조건
- 서버측에서 port를 열어 둬야함
- SQL Developer와 Oracle Client의 비트수 맞추기
설정 방법
Oracle 클라이언트 설치 → 시작 → Oracle Client 구성 및 이전툴 → Net Configuation Assistant 클릭
→ 리스너 구성 → 추가 → 리스너 명 설정 → TCP 프로토콜 선택 → 표준 포트번호 1521 사용
→ 이름 지정 방법 구성 → 디폴트로 설정
→ 로컬 네트 서비스 이름 구성 → 추가 → 서비스 이름 설정 → TCP → 호스트이름(IP) 설정, 표준 포트 번호 1521 사용
→ 예, 테스트를 수행합니다. → 로그인 변경 → Oracle 접속 사용자 이름과 비밀번호 입력 → 접속중.. 테스트를 성공했습니다.
설정 확인
C:\app64bit\administer\product\11.2.0\client_1\network\admin\tnsnames.ora 파일에서 TNS설정 확인

SQL Developer에서 TNS적용
적용 방법 
+버튼 → 접속이름, Oracle 사용자이름 및 비밀번호, 접속유형 : TNS, 롤 : 기본값, 네트워크 별칭 : TNS 서비스 이름 선택
→ 테스트 → 상태 : 성공 → 저장 클릭

TNS 설정의 이점

서버의 IP가 바뀌거나 개발시 TNS 이름으로 DB를 접속할 때 유용, tnsnames 파일을 바꾸면 간단함.


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > DB' 카테고리의 다른 글

[에러] ORA-31011: XML 구문 분석을 실패함  (0) 2018.05.31
[에러] oracle 패키지(프로시저)에서 유저명.테이블 적용 후 컴파일 에러  (0) 2018.05.31
Oracle 비밀번호 만료(the password will expire within)  (0) 2016.03.21
데이터 베이스 명명 규칙(Database Naming Rule)  (0) 2016.03.18
IE표기법  (0) 2016.03.09
반응형

JSTL(JavaServer Pages Standard Tag Library, 약칭 JSTL)은 

Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음

 

JSP 페이지에 태그라이브러리를 추가한 후 사용해야함

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

문법
1. c:forEach
- 속성
Items : 반복 데이터가 있는 아이템 Collection
begin : 시작번호 기본값 0
end   : 종료번호
step  : 증가분
var   : 현재 아이템의 변수 이름
varStatus : 반복 상태 값을 지닌 변수 
request.setAttribute("AList", list);

- 예제
<c:forEach var= "list" items ="${result}" varStatus="status" >
<tr>
<td> ${list.SEQ}</td>
<td><a href ="/notice/noticeView.do?seq=${list.SEQ} ">${list.TITLE}</a></td>
<td> ${list.W_USR}</td><td> ${list.W_DATE}</td></tr>
</c:forEach>

2. c:if
<c:set var= "변수명" value ="${noticeView.POPUP_TERM_DAY}" />
     <c:if test= "${popup_term_day eq '1'}">
          <option value= '1' > 1일 후까지 노출</option>
     </c:if>

- IF 문장 기본
<c:if test="${pageContext.request.method=='POST'}">
<c:if test="${param.guess=='5'}">
You guessed my number!
</c:if>

<c:if test="${param.guess!='5'}">
You did not guess my number!
</c:if>
</c:if>


- if ~ else 문
<c:if test="${pageContext.request.method=='POST'}">
Ok, we'll send 
<c:out value="${param.enter}" />

<c:choose>
<c:when test="${param.enter=='1'}">
pizza.
</c:when>

<c:otherwise>
pizzas.
</c:otherwise>
</c:choose>
</c:if>


- 논리 연산자 And와 Or을 이용한 if
<c:set var="guess" value="12"/>
<c:out value="${guess}"/>

<c:if test="${(guess >= 10)  && (guess <= 20)}">
<b>You're in range!</b><br/>
</c:if>

<c:if test="${(guess < 10)  || (guess > 20)}">
<b>Try again!</b><br/>
</c:if>


- true 값과 if문의 처리
<c:if test="true">Hello world!</c:if>


- 본문이 없이 if구문 처리하는 예제
<c:if test="${pageContext.request.method=='POST'}">
<c:if test="${param.guess=='5'}" var="result" />
I tested to see if you picked my number, the result was 
<c:out value="${result}" />
</c:if>


- 테스트 결과를 변수에 넣기, 이렇게 해서 결과를 재 사용할 수 있다.
<c:if test="${1==1}" var="theTruth" scope="session"/>

The result of testing for (1==1) is: ${theTruth}
<h3>Conditionally execute the body</h3>

<c:if test="${2>0}">
It's true that (2>0)!
</c:if>


- 널과 Boolean 
<c:set var="StrVar" value="true"/>
<c:if test="${StrVar}">
equal!
</c:if><br/>

null == null
<c:out value="${null == null}"/>



2. c:choose
<c:choose>
<c:when test= "${dept_list.DEPT_SEQ == member.DEPT_SEQ}" >
<option value= '1' > 1일 후까지 노출</option>
</c:when>
<c:otherwise>
<option value= '2' > 2일 후까지 노출</option>
</c:otherwise>

</c:choose>


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > Front' 카테고리의 다른 글

CSS정리  (0) 2016.02.22
HTML정리  (0) 2016.02.22
JQuery 선택자의 종류(HTML 태그명, ID명에 접근하는 방법)  (0) 2016.02.01
input 박스 name과 id의 차이  (0) 2016.02.01
JavaScript, jstl Select박스 원하는 값 선택  (0) 2016.02.01
반응형

1. 자바 프로그램 필요 요소

     ① 소스 코드 에디터
         ─ 텍스트 에디터 : 메모장
         ─ 좀 편한 텍스트 에디터 : 에디트 플러스, 울트라 에디터
         ─ IDE(Intergrated Developmet Environment) 집중 개발자 환경 : eclipse, netbeans, intellij

      ② 컴파일 / 실행 / ... : JDK 
          ─ Java Development Kit : 자바와 관련된 프로그램 + Library 제공


2. JDK 환경 설정
     ① Path 수정
          ─ 내컴퓨터 우클릭 속성 → 고급 시스템 설정 → 환경변수 → 시스템 변수에 path
               Path 변수값 : 기존값 ; C:\Program Files (x86)\Java\jdk1.6.0_45\bin
     ② CLASSPATH추가
           ─ 내컴퓨터 우클릭 속성 → 고급 시스템 설정 → 환경변수 → 시스템 변수에 새로 만들기
                 변수이름 : CLASSPATH
                 변수값 : %JAVA_HOME%\lib\tools.jar
     ③ JAVA_HOME 추가
          ─ 내컴퓨터 우클릭 속성 → 고급 시스템 설정 → 환경변수 → 시스템 변수에 새로 만들기
                 변수이름 : JAVA_HOME
                 변수값 : C:\Program Files (x86)\Java\jdk1.6.0_45 


3. eclipse와 JDK버전
     eclipse : eclipse IDE Luna JavaEE windows 32bit
     JDK : 구글에서 JDK 1.6 검색 → Java Development Kit Winodw x86 다운


4. eclipse에서 JDK와 tomcat 설정
     ① JDK설정(라이브러리를 불러옴)
          ─ window → preferences → Java → Installed JREs → standard VM
               → JRE home에 Directory에서 C:\Program Files (x86)\Java\jdk1.6.0_45 → Finish
     ② tomcat 설정
          ─ window → preferences → Server → Runtime Environments → Add → Apache Tomcat v6.0 
               → next → Name 설정 → Download and Install 클릭 → I accept~ → Finish

               → JRE : 를 JDK로 설정 → Finish


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > JAVA' 카테고리의 다른 글

[오류] Current request is not of type [org.springframework.web.multipart.MultipartHttpServletRequest]  (0) 2018.05.31
야후 환율 API 예제  (0) 2018.05.30
[spring]Ajax 통신과 일반 통신 비교  (0) 2018.05.30
자바 용어 정리  (0) 2016.01.20
자바란 무엇인가  (0) 2016.01.20
반응형
인코딩 문제
server.xml에서 URIEncoding="UTF-8"  추가
 <ConnectorconnectionTimeout="20000"port="8080"protocol="HTTP/1.1"
  redirectPort="8443"URIEncoding="UTF-8"/>

web.xml에서 
<!-- ================== Built In Filter Definitions ===================== -->

  <!-- A filter that sets character encoding that is used to decode -->
  <!-- parameters in a POST request -->
    <filter>
        <filter-name>setCharacterEncodingFilter</filter-name>
        <filter-class>org.apache.catalina.filters.SetCharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
<!--         <async-supported>true</async-supported> -->
    </filter>
와

    <mime-mapping>
        <extension> htm</ extension>n
        <mime-type> text/html;charset=UTF-8</mime-type >
    </mime-mapping >
    <mime-mapping >
        <extension> html</ extension>
        <mime-type> text/html;charset=UTF-8</mime-type >
    </mime-mapping >
    <mime-mapping >
추가

eclipse안에서
window > Preferences > encoding 검색 > General\Workspace 에서 UTF-8 설정 > Web\CSS Files에서 UTF-8 설정 > Web\HTML Files에서 UTF-8 설정 > Web\JSP Files에서 UTF-8 설정

프로젝트 우클릭 > Preferties > Resource에서 UTF-8 설정


반응형
저작자표시 비영리 변경금지

'개발의 흔적 > etcetera' 카테고리의 다른 글

메일 서버의 특정 도메인 스팸 처리 이슈  (0) 2024.02.23
구글 메일 서버의 메일 수신 시 도메인 인증(SPF, DKIM, DMARC) gmail로 메일이 발송이 안되는 이슈  (0) 2024.02.23
[오류] org.springframework.restdocs.snippet.SnippetException: The following parts of the payload were not documented:  (0) 2023.09.01
서비스 해외 접속 시 속도관련이슈 대응 내역  (0) 2020.02.04
HTTP 에러 코드  (0) 2018.06.22
반응형



의지하던 것과 

과감히 작별 할 수 있어야

성공한다.



반응형
저작자표시 비영리 변경금지

'일상의 흔적 > Golden-Saying' 카테고리의 다른 글

이 순간 기억하고 싶은 명언 1번째  (0) 2019.02.14
신입사원이 알아두면 좋은 명언 5번째  (0) 2018.05.30
신입사원이 알아두면 좋은 명언 4번째  (0) 2016.03.30
신입사원이 알아두면 좋은 명언 3번째  (0) 2016.03.02
신입사원이 알아두면 좋은 명언 1번째  (0) 2016.01.21
반응형



One Size Bigger Hat




한 치수 큰 모자를 써라.

자신의 위치보다 한 직급 높은 시각으로

문제를 바라보고 고민할 때 역량이 크게 향상된다.

현재 자신의 위치에 안주하지 말고

도전 정신으로 시장을 선도하는 인재가 되어야 한다.




-신재원 박사


반응형
저작자표시 비영리 변경금지

'일상의 흔적 > Golden-Saying' 카테고리의 다른 글

이 순간 기억하고 싶은 명언 1번째  (0) 2019.02.14
신입사원이 알아두면 좋은 명언 5번째  (0) 2018.05.30
신입사원이 알아두면 좋은 명언 4번째  (0) 2016.03.30
신입사원이 알아두면 좋은 명언 3번째  (0) 2016.03.02
신입사원이 알아두면 좋은 명언 2번째  (0) 2016.01.21

+ Recent posts

티스토리툴바