간혹 form에서 데이터를 넘겨서 처리하는데 특정값들이 전송 되지 않은 경우가 발생한다.
이런 경우 의심할 수 있는 이유들중 하나 disabled 이다.
폼(form) 태그 내의 입력(input) 태그의 속성값이 disabled = "disabled" 가 되어있을 때 ( disabled = true )
데이터를 받아와 처리하는 process 페이지에서 해당하는 필드의 값을 가져오지 않기 때문에 문제가 생김
따라서 form에서 프로세스 페이지를 호출하여 값을 넘기기전에 disabled 를 먼저 false 하여 필드의 데이터를 넘겨 처리 하거나
또는 readonly 속성을 사용하여 데이터가 전송할 수 있는 상태로 처리하여야 한다.
☞ 단순히 입력을 막는 경우에는 readonly 를 사용하자!
| Number Format (0) | 2015.09.30 |
|---|
1. UI Component 의 중앙정렬
최근 모니터의 해상도가 높아져 해상도에 맞추기 위해서
Component 들을 Resizing 하거나 최소 해상도에 width를 고정하여 가운데로 정렬하는 방법을 사용한다.
예를 들면 네이버 사이트 처럼 가운데 위치하도록 구성하여 양 옆의 사이드를 여백으로 두는 UI 구조를 만들고 싶을 경우가 생긴다.
CSS에 다음과 같은 클래스를 추가하고 가운데 정렬한 Component Class를 적용한다.
.div-center {margin: 0 auto;}
또는
.div-center {
margin-left: auto;
margin-right: auto;
width: 800px;;
background-color: #33ccff;
}
2. Text의 중앙정렬
CSS에 다음과 같은 클래스를 추가하여 클래스를 적용한다.
.txt-left {text-align: left;} // 글 왼쪽정렬
.txt-center {text-align: center;} // 글 가운데정렬
.txt-right {text-align: right;} // 글 오른쪽정렬
PHP에는 numner_format() 가 있어 숫자 타입의 데이터에 콤마(,) 또는 소숫점(.)을 표현 하는데 큰 어려움이 없지만
Javascript 에는 위의 함수가 없기 때문에 숫자 타입의 데이터에 3자리마다 콤마를 찍어 출력하고 싶은 경우 다음 함수를 만들어 사용한다.
<실행결과>
1) 결과와 같이 숫자타입의 문자열이 들어가면 3자리 마다 콤마(,)를 삽입하여 리턴해준다.
var res = gfnNumberFormat("10000")
"10,000"
2) 소수점 숫자타입의 문자열도 문제없이 콤마(,)를 삽입하여 리턴해준다.
var res = gfnNumberFormat("1000000.00")
"1,000,000.00"
3) 한글문자열이 입력되면 한글 그대로 출력해준다.
var res = gfnNumberFormat("한글테스트")
"한글테스트"
4) 영문문자열이 입력되면 영문 그대로 출력해준다.
var res = gfnNumberFormat("abcdefg")
"abcdefg"
함수는 구현 방법에 따라 다르게 구현 할 수 있는데, 위의 함수는 정규식을 이용하여 구현하였기 때문에 한글, 영문, 숫자타입, 소수점에 대해서 예외처리 없이 구현할 수 있다.
| Form에서 데이터 전송시 주의할 점 (0) | 2015.10.12 |
|---|
일반적인 프로그램의 실행구조를 살펴보면 OS에 직접적인 영향을 받는다.
[일반적인 프로그램]
Java 프로그램의 실행구조를 살펴보면 OS위에 JVM (java virtual machine) 으로 실행하게 되며
JVM은 자바 바이트코드 를 실행할 수 있는 주체로
이론적으로 모든 Java 프로그램은 CPU나 운영 체제의 종류와 무관하게 동일하게 동작할 것을 보장한다.
[Java 프로그램의 실행구조]
Java는 운영체제(OS)에 독립적이지만 JVM은 운영체제(OS)에 의존적이다.
[운영체제(OS)에 독립적인 Java]
자바 컴파일러는 JVM이 인지 할 수 있는 자바 바이트코드 를 생성한다.
[자바 바이트코드 생성]
