톰캣 연동 1. 이클립스에서 Java EE 바꾼뒤 Servers탭 선택 만약 Servers가 보이지 않는다면 Window -> show view -> Servers를 선택해서 볼 수 있다. 1. Servers 탭 아래의 파란글씨 클릭 2. 본인이 설치한 톰캣 버전 선택 3. next 1. 본인이 다운받은 톰캣폴더를 찾아서 선택 2. 계속 next 이후 finish
Java / Random Random Java에서 무작위 double타입의 랜덤 소수를 생성해주는 메소드이다. (0 ~ 1 사이의 랜덤 소수) Math.random()으로 접근해서 사용한다. 원하는 범위의 랜덤숫자 생성하는 방법 (int)(Math.random() * 45 + 1) // 1 ~ 45 (int)(Math.random() * 45) // 0 ~ 44 1. 실수가 아닌 정수형으로 생성하려면 형변환을 하거나, 반올림을 하면 된다. 2. random()뒤에 원하는 범위를 지정해준다 ex ) Math.random() * 최대값 + 최소값 (최소값을 지정 안하면 0부터 시작한다.) Random 클래스 좀 더 편리하게 랜덤값을 선택할 수 있는 기능들이 모여있는 클래스 사용하려면 Random클래스를 im..
1. File -> New -> Dynamic Web Project 2. Project name 설정 나머지는 서버 연동을 했다면 전부 자동으로 설정이 되어 있다. 3. Next 4. Generate web.xml ... 체크 후 Finish 테스트 1. 프로젝트 내부의 WebContent 혹은 webapp 우클릭 -> New -> JSP File 선택 2. 파일 이름 작성 후 Finish 3. 아무 내용이나 작성 4. Ctrl + F11을 누른후 서버를 선택 후 Finish를 누르면 실행이 된다. ( 설정해 놓은 서버가 하나밖에 없으면 그냥 아무것도 안누르고 Finish를 누르면 된다.) 페이지가 잘 나오는것을 확인할 수 있다.
JAVASCRIPT / MAP map 이란 ? 반복문을 돌며 배열 안의 요소들을 새로운 배열로 리턴한다. (매핑한다.) 어떻게 매핑할 지 정의한 함수를 전달하면 된다. forEach와 다른점은 새로운 Array를 반환한다. 예제1 const numbers = [45, 1, 9, 100, 55, 22, -37]; const map_result = numbers.map(myMapFunction); // 변수 선언하면서 map(func) 호출 // 함수 정의 function myMapFunction(value, index, array) { return value + 10; // 현재 value + 10 을 리턴한다 // ex > [1, 2, 3] 인 배열을 전달받았다면 [11, 12, 13]인 // 새로운 배..
JAVASCRIPT / FILTER filter 란 ? 조건을 주고 해당 조건이 참인 요소만을 새로운 배열로 반환하는 메서드이다. 배열에서 원하는 조건의 데이터만 추출 하고 싶을 때 사용하는 메서드이다. forEach와는 다르고 map과는 같은 새로운 배열을 반환해준다. 예제 const numbers = [45, 1, 9, 100, 55, 22, -37]; const filter_result = numbers.filter((value)=> {return value > 40}); console.log(filter_result) // [45, 100, 55] numbers배열중에 40이 넘는 값만 새로운 배열로 생성하여 전달한다. 위의 코드는 아래처럼 간략하게 줄일 수 있다. const filter_resu..
JAVASCRIPT / FOREACH forEach() 란 ? Array 객체에서만 사용가능한 메서드로 배열의 요소들로 반복하여 작업을 수행한다. 배열의 값을 하나씩 순차적으로 해당 함수에 전달한다. 배열이 가진 모든 값으로 순차적으로 리턴값이 없는 함수를 처리한다. forEach의 파라미터 첫 번째 파라미터는 값이 도착한다. 두 번재 파라미터로는 인덱스가 도착 세 번째 파라미터로는 forEach중인 배열이 도착 예제1 1. numbers 배열 생성 2. forEach()에 함수를 전달하여 사용 3. 배열이 가진 값을 순차적으로 처리 const numbers = [45, 1, 9, 100, 55, 22, -37] //배열 생성 numbers.forEach(myFunction); // forEach()에 ..
JAVASCRIPT / BROWSER OBJECT MODEL BOM 웹 브라우저와 소통하기 위한 웹 브라우저 모델 자바 스크립트의 모든 객체, 함수, 변수들은 window객체의 멤버가 된다. window는 생략이 가능하다. ( window.alert() -> alert() ) BOM의 여러 객체들 window : 웹 브라우저의 최상위 객체 (생략가능) window.screen: 웹 브라우저가 알고 있는 모니터에 관한 정보 window.history: 웹 브라우저의 페이지 이동 내역을 담고 있는 객체 window.location: 현재 웹 브라우저가 보고 있는 위치(페이지)에 관한 객체 window.document: DOM. html 코드 전체의 내용을 담고 있는 객체 window size console...
CSS / DISPLAY Display 란? 해당 요소가 어떻게 보여야 할 지를 결정하는 속성 이 속성의 기본값으로는 inline과 block이 잇다. 기본적으로 태그에는 인라인, 블록요소들이 정해져있지만 바꾸지 못하는 것은 아니다 (ex div의 block속성을 inline으로 변경 가능) style태그 내에서 작성해도되고 인라인으로 작성해도 된다. Inline 요소의 특징 문단 내부에서 영역을 지정할 때 사용. 새 줄에서 시작하지 않고, 필요한 내용만큼의 영역을 차지한다. padding과 margin을 고려하지 않고 배치한다. Block 요소의 특징 항상 새로운 줄에서 시작 기본 너비는 100%여서 화면 끝까지 뻗어나감 padding과 margin이 제대로 작동한다. 박스 취급 예제 Inline In..
JAVASCRIPT / ARRAY JavaScript에서 배열 사용 배열은 기본적으로 Object Type이다. 자바스크립트에서 배열을 생성하는 방법은 두 가지가 있다. 1. [] 를 사용 2. Array() 생성자를 사용 배열 선언하기 예제 1. [] 로 생성하는 방법 // 1 배열 생성후 값 할당 var arr = []; arr[0] = '0'; arr[1] = '1'; arr[2] = '2'; // 2 초기값 할당 var arr = ['0','1','2']; // 3 배열 크기 지정(쉼표 갯수만큼) var arr =[,,,] 2. Array() 생성자로 생성하는 방법 // 1 배열 생성후 값 할당 var arr2 = new Array(); arr[0] = '0'; arr[1] = '1'; arr[2..
숫자 타입들을 다룰 수 있는 메소드 종류 메소드 기능 text.toString() 숫자를 문자열로 변환 Number() 다양한 자바스크립트 값들을 숫자타입으로 변환해주는 메소드 parseInt() 문자열을 정수 타입으로 변환 parseFloat() 문자열을 실수 타입으로 변환 예제 function print(text) { console.log(text); } 콘솔 출력 메소드를 미리 만들어 놓고 실행 toString() const num1 = 123; // 숫자를 문자열로 변환 print(num1.toString()); print(typeof num1.toString()); 숫자를 문자타입으로 변환 하고 typeof로 확인해보면 String이 된다. Number() print(Number(true)); ..