document.getElementById

개발/실전 2014. 3. 12. 16:00

 영어를 해석하는 것과 의미는 같습니다.


document 문서에서
get element 요소(태그)를 얻겠다 
by id 아이디 값으로

<div id="test"></div> 에 접근하는 방법은

document.getElementById('test'); 입니다.

document 문서에
write 쓰겠다.

document.write('hello'); // => hello 출력

'개발 > 실전' 카테고리의 다른 글

자바스크립트 - screen 객체와 document 객체 , link 객체와, anchor 객체  (0) 2014.03.13
&nbsp &It &gy &amp &quot  (0) 2014.03.12
<% %>와 <script>차이 점 <%! 설명  (0) 2014.03.12
JOIN과 UNION  (0) 2014.03.11
location 객체  (0) 2014.03.11

<% %>와 <script>차이 점 <%! 설명

개발/실전 2014. 3. 12. 15:45
<%
이것으로 감싸여져 있는 부분은 JSP 코드중에 JAVA 구현부분 입니다.
이부분은 서버에서 실행이됩니다.
%>

<script>
이부분으로 감싸여져 있는 부분은 스크립트 부분입니다.
사용자에게 html 로 전송된 이후에 실행되는 부분으로 html 의 일부분입니다.
</script>

두개는 좀 다른 의미로 자바는 프로그램적인 부분이고 스크립트는 마크업 랭기쥐의 일부분으로

사용자 환경에서 실행되는 명령어에 해당합니다.

자바 부분도 함수 정의가 가능합니다.

<%!

%>

느낌표가 앞에 붙는다는것이 다르며 이또한 서버에서만 실행되어 집니다.

<scipt></scipt> 를 <%%> 로 바꾸시면 오류가 날수밖에 없습니다.

<%%> 속에 들어가는 구분은 java 문법의 구문을 다르며 <scipt></scipt>속에 들어가는 구문은

javascript 문법구문을 따르게 되어있습니다.

두개의 명령어와 문법 표현 방식은 전혀 다른것이라고 보시면 되구요.

실행되는 시점도 전혀 다릅니다.

사용자는 <%%> 이부분을 제외한 부분만을 보여지게 되며 <%%> 부분으로 둘러쌓여있는 부분은

서버에서 동적으로 반복 또는 문구를 출력하여 html 문서를 동적으로 완성하여 사용자에게 전송 하는것 입니다.

 

'개발 > 실전' 카테고리의 다른 글

&nbsp &It &gy &amp &quot  (0) 2014.03.12
document.getElementById  (0) 2014.03.12
JOIN과 UNION  (0) 2014.03.11
location 객체  (0) 2014.03.11
doGet, doPost  (0) 2014.03.10

실전에서!!!

개발/DB 2014. 3. 11. 17:31

컬럼명으로 테이블명을 알고 싶을때

 

SELECT table_name, column_name
FROM all_tab_columns
WHERE column_name like '%SALES_DEALER%'

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

해당 숫자에 몇건이 있는가?  (0) 2014.06.25
해당월의 마지막 날짜 구하는 쿼리  (0) 2014.05.13
TABLESPACE, TRUCATE  (0) 2014.04.07
날짜 갖고 놀기  (0) 2014.03.28
ORACLE 이론 및 코딩하는방법  (0) 2013.11.04

JOIN과 UNION

개발/실전 2014. 3. 11. 17:01

먼저 UNION에 앞서 JOIN이 먼지 그리고 그 차이가 먼지 알면 더 도움이 될 듯하다.

나도 오라클 처음 배우면서 .... 물론 SQL은 아주 쪼금 알지만.... 조금씩 알아가는듯 하여 뿌듯..ㅠㅠ

 

                                           UNION과 JOIN

 공통점 :  하나 이상의 테이블에서 특정한 컬럼을 검색할 때 사용

 차이점

  JOIN - WHERE 조건으로 두 개 이상의 테이블에서 원하는 컬럼을 선택하여 조회    

  UNION - 두 개 이상의 SELECT 문을 사용하여 그 검색 결과 합침!!!!


UNION이란 그냥 합집합이라고 생각하면 편한듯 하다..;;

JOIN은 그냥 교집합??? ;;

 

                          [UNION 과 UNIONALL]

EX) 데이터..

보이프렌드 --> 원빈,송승헌,현빈,외계중성

걸프렌드 --> 송혜교,신민아,한가인,한예슬, 외계중성

 

SELECT BOYFRIEND, GIRLFRIEND
FROM TABLE
UNION
SELECT BOYFRIEND, GIRLFRIEND

FROM TABLE2

ORDER BY 1;

 

합쳐지는 두테이블의 COLUMN만 일치 ==> 합친다..!!! 

결과값 --> 원빈,송승헌,현빈,외계중성,송혜교,신민아,한가인,한예슬

 

SELECT BOYFRIEND, GIRLFRIEND
FROM TABLE
UNION ALL
SELECT BOYFRIEND, GIRLFRIEND

FROM TABLE2

 

결과값 --> 원빈,송승헌,현빈,외계중성,송혜교,신민아,한가인,한예슬,외계중성

      

 

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

결론 : UNION 은 중복 제거 ;;;

        UNIONALL 그냥 통으로 가지고 있음;;

'개발 > 실전' 카테고리의 다른 글

document.getElementById  (0) 2014.03.12
<% %>와 <script>차이 점 <%! 설명  (0) 2014.03.12
location 객체  (0) 2014.03.11
doGet, doPost  (0) 2014.03.10
액션서블릿 흐름  (0) 2014.03.05

location 객체

개발/실전 2014. 3. 11. 10:14

location 객체는 현재 문서의 URL에 관한 정보를 갖고 있다. 프레임이 사용된 경우에는 최상위 프레임 문서의 URL만 참조할 수 있고, 하위 프레임의 문서들은 Frames객체를 이용한다. location객체는 window의 하위 객체 이지만 window객체를 생략 할 수 있다.

 

기본형태

[windows].location.속성 혹은 메소드

[windows].loaction.속성=지정값

 

location 객체의 속성

href - URL을 지정하여 지정한 페이지로 이동하거나 페이지의 URL 전체 정보를 반환

protocol - 0 ':'를 포함하는 http나 ftp 등의 프로토콜 정보를 반환

hostname - 호스트 이름과 포트 번호 반환

pathname - URL에서 경로부분의 정보를 반환

port - 8080과 같은 포트번호를 반환

search - ?이후의 문자열을 반환

hash - 지정한 앵커를 설정한 곳으로 이동하거나 앵커이름을 반환

 

location 객체의 메소드

reload() - 브라우저의 'Reload'버튼 처럼 현재 페이지를 새로 업데이트

replace() - 현재 URL을 지정한 URL로 바꾸고 이전 페이지로 돌아 갈 수 없게 한다

 

예제

현재 페이지의 URL의 바꾸기

<a href = "javascript:location.replace('http://대처할 URL')"> replace </a>

 

자바스크립트로 reload바꾸기

<a href = "javascript:location.reload()"> reload</a

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

자바스크립트에서 페이지 이동 시킬때 location.href를 많이 사용한다.

하지만 location.replace 메세드도 종종 이용하는데 두가지의 차이점은 아래와 같다.

표#1

 

location.href

location.replace 

 기능

새로운 페이지로 이동된다.

기존페이지를 새로운 페이지로 변경시킨다. 

 형태

속성 

메서드 

 주소 히스토리

기록된다 

기록되지 않는다.

 사용예

location.href='abc.php' 

location.replace('abc.php') 

 

location.href는 객체의 속성이며, loaction.replace()는 메서드(함수)로 작동된다.

href는 페이지를 이동하는 것이기 때문에 뒤로가기 버튼을 누른경우 이전 페이지로 이동이 가능하지만,

replace는 현재 페이지를 새로운 페이지로 덮어 씌우기 때문에 이전 페이지로 이동이 불가능하다.

 

href는 일반적인 페이지 이동시 이용을 하면 되고,

replace의 경우는 이전페이지로 접근이 필요없는경우 보안상 덮어씌우는 것도 괜찮을듯 하다.

'개발 > 실전' 카테고리의 다른 글

document.getElementById  (0) 2014.03.12
<% %>와 <script>차이 점 <%! 설명  (0) 2014.03.12
JOIN과 UNION  (0) 2014.03.11
doGet, doPost  (0) 2014.03.10
액션서블릿 흐름  (0) 2014.03.05

doGet, doPost

개발/실전 2014. 3. 10. 11:24

get, post 방식

- 폼을 통해 입력한 자료를 서버에 전달

 

doPost

1. 결과값이 주소만 출력 

ex) 168/freeT.kch.jsp

2. form을 통해 전송하는 방식

3. 동적 자원에 접근

4. 많은 양의 복잡한 정보를 전송

5. 요청 파라미터들이 요청 몸체 내에 넣어져 전송

 

doGet

1.결과값이 주소안의 내용을 같이 출력

ex) 168/freeT.kch.jsp/input?useID="---"

2. 폼의 자료들을 Query String형태로 서버에 전송

3. 정적 자원에 접근

'개발 > 실전' 카테고리의 다른 글

document.getElementById  (0) 2014.03.12
<% %>와 <script>차이 점 <%! 설명  (0) 2014.03.12
JOIN과 UNION  (0) 2014.03.11
location 객체  (0) 2014.03.11
액션서블릿 흐름  (0) 2014.03.05

액션서블릿 흐름

개발/실전 2014. 3. 5. 18:00

스트럿츠 설정의 핵심은

 

web.xml 파일과 struts-config.xml 파일 셋팅과 스트럿츠 태그 라이브러리 사용에 있다고

보셔도 됩니다.  의존 빈도가 높습니다.

 

 

web.xml 과 struts-config.xml 파일의 샘플 내용은.. 저도 예전에 어느 지식인의 글 답변에서

복사 해둔 것을 맨 아래에 붙여 두겠습니다.  그곳에도 주석이 달려 있으니 참고 하시기 바랍니다.

 

 

web.xml 과 struts-config.xml 에서는 스트럿츠에 관련된 모든 사전 설정을 지정 합니다.

스트럿츠는 일반적인 서블릿을 말고, 액션 서블릿이란것을 사용합니다.  그냥 서블릿에서

발전된 형태라고 생각하셔도 됩니다.

 

 

web.xml 에서는 해당 액션 서블릿을 호출할때의 이름에 따른 실행될 클래스 등을 미리 선언 해두는 정보를

담고 있습니다.  기존 서블릿 셋팅과 큰차이가 없습니다.

 

struts-config.xml 에서는 특정한 액션 서블릿이 호출 될때 작동할 사전 설정값을 지정 합니다.

 

어떤 액션 폼을 사용할것인지, 값 체크를 할것인지, 어떤 클래스를 실행 할것인지, 액션 내용 처리 후에

어떤 페이지를 처리 할것인지, 어떤 값을 파라메터로 넘길 것인지 등등...

 

이러한 프로세스의 플로우에 대해서 지정해두는 것으로.. 여기 셋팅이 어떻게 보면 스트럿츠 셋팅의 핵심입니다.

 

액션 서블릿의 대략적인 흐름은 아래 처럼 흘러갑니다.

 

먼저 *.do 형식 처럼 액션 서블릿을 호출 합니다.  (index.do 이런식으로 url 호출한단 얘기입니다)

web.xml 에 지정된대로 ActionServlet.class 를 호출 하고

호출 url 에 따라 struts-config.xml 에 지정된 class를 호출하면서 request와 response를 전달합니다.

 

이때 지정된 ActionForm이 있으면 해당값이 올바른지에 대해서도 검증을 수행 합니다.

폼이 지정된 경우 데이터 검증을 실행 하고 오류의 경우에는 페이지를 다시 되돌리고,

없는 경우에는 해당 클래스를 수행 합니다.

 

해당 클래스 (보통 로직을 수행 하죠..)를 수행 한 후에, 그 결과에 따라서

미리 지정된 (또는 클래스내에서 지정한) 페이지를 호출 하기 위해 ActionFoward 객체를 생성하고

해당 액션 포워드를 실행 합니다 (즉, 결과 페이지를 사용자에게 보여줍니다)

 

-.-.... 어려우시겠지만.. 기존에 서블릿 흐름을 알고 계신다면.. 한두개의 단계만 추가 됬음을 아실겁니다.

 

 

그리고 스트럿츠 태그 라이브러리는 기존에 제공되는 jstl 이라는 기본 태그라이브러리 외에 따로

스트럿츠 용으로 제공되는 태그라이브러리가 있습니다.

struts-bean, -html, -logic, -tiles 등이 있습니다.  jstl과 마찬가지로 스트럿츠 태그라이브러리 역시

태그에 익숙해지면 소스 코딩량을 상당히 줄일수 있으며, 코딩 속도도 빨라지게 됩니다.

 

아래는 위에서 말씀 드린.. 저도 지식인에서 떠놓은 web.xml과 struts-config.xml 의 샘플 주석 문입니다.

참고 하세요

 

 

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

//servlet등록

<servlet>

//서블릿이름 세팅
    <servlet-name>action</servlet-name>

//서블릿의 패키지 클래스명 세팅. ActionServlet은 Struts가 제공하는

//컨트롤러역활을 하는 서블릿클래스입니다.
    <servlet-class>
        org.apache.struts.action.ActionServlet
    </servlet-class>

//서블릿 포기시 파라미터
    <init-param>

//모듈별 struts관련 세팅정보를 담은 xml파일 지정
        <param-name>config</param-name>
        <param-value>/WEB-INF/struts-config.xml</param-value>
    </init-param>

//WAS구동시 Servlet인스턴스 생성  음수면, 최초 요구시 생성
    <load-on-startup>1</load-on-startup>
</servlet>


//url의 끝에 .do로 시작하면 action이라는 이름의 서블릿에서 처리

<servlet-mapping>
    <servlet-name>action</servlet-name>
    <url-pattern>*.do</url-pattern>
</servlet-mapping>


 
 
struts-config.xml 안의 내용은
 
<?xml version="1.0" encoding="ISO-8859-1" ?>
    <!DOCTYPE struts-config PUBLIC
          "-//Apache Software Foundation//DTD Struts Configuration 1.3//EN"
          "http://struts.apache.org/dtds/struts-config_1_3.dtd">
    <struts-config>
//사용하는 폼빈설정 , 폼빈은 스트러츠에서 제공하는 파라미터 정보를 담기위한
//빈즈형식의 클래스입니다.
        <form-beans>
            //폼빈명과, 폼빈의 클래스위치
            <form-bean name="logonForm" type="app.LogonForm"/>
        </form-beans>
//url과 액션정보 맵핑
        <action-mappings>
            //Welcome.do라는 요청이 오면 해당 페이지로 포워딩
            <action path="/Welcome" forward="/pages/Welcome.jsp"/>
            //마찬가지로 해당 url이오면 해당 페이지로 포워딩
            <action path="/Logon" forward="/pages/Logon.jsp"/>
            //LogonSubmit.do라는 요청이 오면, app.LogonAction이라는 클래스를 실행하고,
            //파라미터정보는 logonForm에 담으며, logonForm의 생명주기는 request에 따르고
            //validate를 실행하며(폼빈유효성검증), 검증 실패시 Logon.jsp를 호출
            <action path="/LogonSubmit" type="app.LogonAction" name="logonForm"
                 scope="request" validate="true" input="/pages/Logon.jsp">
                //액션의 리턴메세지가 success일경우 Welcome.jsp포워딩
                <forward name="success" path="/pages/Welcome.jsp"/>
                //액션의 리턴메세지가 success일경우 failure.jsp포워딩

                <forward name="failure" path="/pages/Logon.jsp"/>
            </action>
            <action path="/Logoff" type="app.LogoffAction">
                <forward name="success" path="/pages/Logoff.jsp"/>
            </action>
        </action-mappings>
        //다국어나, 메세징관리를 위한 *.properties 설정
        <message-resources parameter="resources.application"/>
    </struts-config>
 위는 단순한 xml세팅정보입니다

'개발 > 실전' 카테고리의 다른 글

document.getElementById  (0) 2014.03.12
<% %>와 <script>차이 점 <%! 설명  (0) 2014.03.12
JOIN과 UNION  (0) 2014.03.11
location 객체  (0) 2014.03.11
doGet, doPost  (0) 2014.03.10

자바 스크립트

카테고리 없음 2013. 12. 26. 17:51

정수, 실수,문자,문자열을 이용하는 방법

var x=3;  -> var x= new number(3); 으로 자동 박싱된다.

var x=3.7;

var x='a';

var x="hello";

var x;  ->아무것도 참조하고 있지 않다 undefined로 참조하고 있다가, 3을 넣으면 number를 참조한다.


자바스크립트에서는 참조변수 밖에 없다.


json : 인터넷에서 자료를 주고받을때 그 자료를 표현하는 방법.


입출력은 자바스크립트가 제공하는것이 아니다, 입출력 플랫폼을 가진게 띄워주는 거다.


브라우저 객체 

1. window (창 여러개 띄우거나 , 크기 조절 등)

2. window.location 

3. window.history (뒤로가기 앞으로 가기)

4. window.document (중요하다)

 

document - 객체가 저장 되어있는 장소. 꺼내서 쓰기 위해서 select로 선택한다(id를 설정해서)

 

자바 스크립트를 사용하기 위한 순서

1. 노드 선택 (getElement)  ※노드: 문서를 구성하는 모든 요소

2. 이벤트를 설정 또는 함수 작성

3. 노드의 속성,메소드 또는 스타일을 수정

※노드 순회 : 선택된 ID에 부모와 자식들까지 선택 하는것.

 

DOM(design optimization model) -     document가 가지고 있는 객체

    동적으로 오브젝트를 생성한다

 

스프링은 JEE가 제공하는 다양한 기능을 제공하는 것뿐만 아니라 DI(Dependency Injection)나 AOP(Aspect Oriented Programming)와
같은 기능도 지원하고 있는데 사용을 하는 가장 큰 이유는 다양한 장점을 가지고 있다는 점인데
 
- 경량 턴테이너로 이들 자바 객체의 생성, 소멸과 같은 라이프 사이클을 관리하며, 스프링 컨테이너로부터 필요한 객체를 가져와
사용을 할 수가 있다.
- DI(Dependency Injection)를 제공을 하는데 설정 파일이나 어노테이션을 통해서 객체간의 의존 관계를 설정할 수 있도록 하고 있다.
- AOP(Aspect Oriented Programming)를 지원하는데 자체적으로 AOP를 지원하고 있어서 트랜잭션이나 로깅, 보안과 같이 여러 모듈에서
공통으로 필요로 하지만 실제 모듈의 핵심은 아닌 기능들을 분리해서 각 모듈에 적용할 수 있다.
- POJO(Plain Old Java)를 지원하는데 스프링 컨테이너에 저장되는 자바 객체는 특정한 인터페이스를 구현하거나 클래스를 상속받지
않아도 되며 기존에 작성한 코드를 수정할 필요없이 스프링에서 사용을 할 수가 있다.




 

HTML5 기본태그 (비디오 태그)

개발/HTML 2013. 11. 26. 11:27

1. <video> ~ </video> 태그
동영상을 삽입해주는 태그이다.
즉, 태그를 이용하여 동영상을 삽입할 수 있다.
HTML5를 이용하여 삽입한 동영상은 자동재생 안되므로 컨트롤도구가 삽입되어야 한다.

 

2.속성

 (1) src
    동영상 화일의 경로 즉, URL을 써주는 속성이다.
    형식

<video src=“화일명” 또는 주소>

(2) controls

동영상 화일을 조절할 수 있는 조절기를 보이게 할 것인지 아닌지를 결정할 수 있다.
컨트롤 막대가 화면에 표시되며 재생/일시정지 단추, 트랙바, 볼륨 조절기 등이 있다.

<video src=“화일명” controls>

(3) Autoplay
    동영상을 자동으로 재생할 것인지를 결정하는 속성
    <video src=“화일명” autoplay>
(4) Loop
    동영상화일을 반복할지 안 할지를 설정할 수 있다.
    <video src=“화일명” loop>
    <video src=“화일명” loop>
(5)Width
    동영상이 재생될 너비를 설정
(6)Height
    동영상이 재생될 높이를 설정

<video src=“화일명”width=      height=   >

(7)preload2.속성
    동영상 파일을 다운로드하여 재생하게하는 방식
    auto: 자동으로 다운로드
    none: 사용자가 컨트롤을 조작하기 전까지 다운로드 금지
    Matadata : 메타데이터를 가져오며 사용자가 컨트롤을 조작하면 실제 비디오부분을 다운한다.

 

HTML5 기본태그 (오디오 태그)

개발/HTML 2013. 11. 26. 11:22

1. <audio> ~ </audio>
웹브라우저에서 플러그인의 도움없이도 음악멀티미디어를 재생할 수 있게 해주는 태그이다.
아직까지는 브라우저마다 재생할 수 있는 음악파일이 동일하지 않기 때문에 종류마다 하나씩 여러 줄의 src의 url을 적어주어야한다.
많은 속성을 동반하지만 중요한 속성 몇가지만 알아보겠다.

 

 

2.속성

(1) src
    음악화일의 경로 즉, URL을 써주는 속성이다.
    형식
        <audio src=“화일명” 또는 주소>
 (2) controls
    소리화일을 조절할 수 있는 조절기를 보이게 할 것인지 아닌지를 결정할 수 있다.
    <audio src=“화일명” controls>
(3) Autoplay
    음악을 자동으로 재생할 것인지를 결정하는 속성
    <audio src=“화일명” autoplay>
(4) Loop
    소리화일을 반복할지 안할지를 설정할 수 있다.
    <audio src=“화일명” loop>
(5) preload
    음악을 재생하기 전에 모두 불러올지를 결정하는 속성이다.
    <audio src=“화일명” preload>