자바스크립트로 이미지의 크기를 구하는 법은 어렵지 않다. 예전에 회원 이미지를 리사이징할 때 사용했던 방법인데 먼저 프리뷰 이미지를 하나 만든다.(id="preview") 그리고 파일을 첨부하는 input 태그에서 onchange 이벤트를 건다. 그리고 이벤트 실행 함수로 파일의 값을 태워보낸다. 아래 코드를 보자. frm.preview.src = ""; 를 해준 이유는 onchange 이벤트가 발생했을 때 기존에 있는 이미지의 속성을 초기화시켜주기 위함이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 이미지 구하기 function imgCheck(img) { alert(img); ..

IteratorList와 빼먹을 수 없는 것이 Iterator 인터페이스이다. Iterator는 자바의 컬렉션 프레임워크에서 컬렉션에 저장되어 있는 요소들을 읽어오는 방법을 표준화한 것이다.컬렉션 프레임워크란 데이터를 저장하는 클래스들을 표준화한 설계이다.컬렉션 프레임워크는 아래 그림과 같이 데이터를 저장하는 구조에 따라 3가지 인터페이스로 구성된다.  Set, List, Map은 어떤 데이터들의 집합체라고 볼 수 있다. Set과 List는 데이터의 그룹(Collection)이다.Set은 순서를 유지하지 않는 데이터의 집합이다. 데이터의 중복이 허용되지 않고 HashSet, TreeSet 등이 있다. List는 순서를 유지하는 데이터의 집합이다. 데이터의 중복이 허용되며 Vector, LinkedList..

java.lang.UnsupportedClassVersionError 해당 에러가 뜬다면 당황하지 말고 아래와 같이 진행하면 됩니다. 먼저 PC에 설치된 자바 버전 확인합니다. 1) 윈도우의 cmd를 실행합니다. 2) 처음 화면에서 cd/ 키를 입력합니다. 3) java -version을 입력합니다.(환경 변수에서 path를 설정했다고 가정) 빨간 네모 표시된 부분이 현재 설치된 자바의 버전입니다. 다음 이클립스의 자바 버전을 확인합니다. 1) 상단 메뉴에서 Project - Properties를 클릭합니다. 2) 왼쪽 메뉴에서 Java Compiler를 클릭하면 아래와 같은 화면이 나옵니다. 빨간 네모 표시된 부분이 현재 사용중인 자바의 버전이라고 보면 됩니다. PC에 설치된 자바의 버전과 이클립스의 ..

자바에서는 리스트 인터페이스로 Linkedlist(연결리스트), ArrayList(배열리스트), Vector를 제공한다. VectorJava 1.0부터 이어져온 리스트 객체로 배열 형태를 이룬다.데이터 추가시 공간을 두 배로 확보하기 때문에 메모리를 많이 잡아먹는다.동기화가 항상 이루어지기 때문에 하나의 스레드가 하나의 자원을 이용하는 경우 성능이 저하된다.※스레드(Thread) : 여러가지 작업을 동시에 수행하는 것 ArrayListArrayList는 이름 그대로 데이터를 배열(Array) 구조로 가지고 있는 객체이다. 아래 그림과 같이 내부적으로 인덱스를 가지고 있어 검색이 용이하다.데이터의 추가 또는 수정, 삭제 시 내부적으로 임시 공간을 만들어 데이터를 저장한다. 때문에 대량의 데이터를 추가 또는..

Array와 ListArray(배열)와 List(리스트)는 자료구조의 개념으로서 데이터의 관리 또는 적재(추가 또는 수정)에 있어 서로 차이가 있다. 배열배열은 인덱스를 이용해 원하는 요소을 찾는 특징이 있다. 때문에 인덱스는 고정값이어야 한다. 배열은 정적으로 선언되어 사용된다.배열 초기화시 메모리에 할당되어 속도가 빠르다. 리스트리스트는 동적인 관리가 가능하다.요소를 추가 또는 수정할 때마다 메모리 재할당이 일어나기 때문에 속도가 느린 단점이 있다. 아래 그림에서 인덱스 0과 1 사이에 'B'라는 요소를 추가하려고 한다.데이터를 알파벳 순서에 따라 A, B, C, D로 추가하려는 의도이다. 리스트를 이용하면 매우 쉽게 요소를 추가할 수 있다.간단한 예제 코드를 하나 만들어 보았다. 1234567891..

margin과 padding 순서는 왜 쓸때마다 까먹는 것 같지..해서 기록 border를 기준으로 margin은 바깥쪽 여백, padding은 안쪽 여백을 지정한다.margin과 padding의 사용은 간단하다. 기본이 되는 수치는 4개이다.여백은 상하좌우 모두 조정이 가능하며 픽셀(px) 또는 %로 수치를 조절할 수 있다.margin과 padding을 사용할 때 여백의 방향은 상 >> 우 >> 하 >> 좌 이다. 예를 들어 외부여백을 상 : 5, 우 : 2, 하 : 5, 좌 : 2만큼 주고 싶다면 아래와 같이 하면 된다.☞ margin : 5px 2px 5px 2px; 외부여백 상 : 5, 우 : 5만 주고 싶다면☞ margin : 5px 5px; 외부여백 상 : 15만 주고 싶을 때는 이렇게도 사용..

처음 자바를 접하면 자바와 자바스크립트를 비슷한 언어라고 생각할 수도 있다. 그도 그럴 것이 자바와 자바스크립트는 이름이 매우 유사해 자바스크립트가 왠지 자바에서 유래된 언어처럼 보인다. 결론만 말하면 자바와 자바스크립트는 다른 언어이다. 자바와 자바스크립트의 차이는 인도와 인도네시아의 차이라는 비유는 상당히 인상깊었다. 자바(JAVA) 자바는 OOP(Object Orienter Programming) 프로그래밍의 대표적인 언어로 클래스 기반의 객체지향 언어이다. 자바는 이식성이 좋아 운영체제의 종류에 관계없이 대부분의 시스템에서 실행이 가능하다. 왜냐하면 JVM이라는 가상머신을 이용하기 때문이다. ☞ JVM에 대해서 자바는 정적 형지정, 변수 자료형이 반드시 선언되어야하며 컴파일 과정을 거친다.(소스 ..

int와 Integer흔히 사용하는 int는 원시 자료형(프로그래밍 언어가 제공하는 자료형)이다.예를 들면 int, char, float, double 등과 같은. Integer는 Wrapper Class이다.Wrapper 클래스란 자바 기본형을 클래스화 시킨 것으로 기본 데이터형을 값이 아닌 객체로 사용할 수 있는 방법을 제공한다.아래 표는 Wrapper Class의 종류이다. 기본 데이터형Wrapper Class byte Byte short Short int Integer long Long float Float double Double char Character boolean Boolean void Void 참고로 Wrapper Class의 메소드 중 parse로 시작하는 메소드는 객체형이 아닌 기본..