KyungHwan's etc.

이벤트(event)웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할수 있다.따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심 프로그래밍 모델이라고 한다.이벤트 타입은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트명 이라고도 한다. 가장 많이 사용하는 키보드,마우스,HTML DOM,Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있다. A. 이벤트 리스너(event listener)이벤트 리스너란 이벤트가 발생했을 때 그처리를 담당하는 함수를 가리키며, 이벤트 핸들러 라고도 한다.이벤트 리스너는 먼저 해당 객체나 요소에 등록되어야만 호출될 수 있다. 이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록하는 방법객체나 요소의 메소드에 이벤트 리스너를 전달..

제이쿼리 AjaxHTTP 요청방식클라이언트인 브라우저가 서버에 HTTP 요청을 보낼때에는 다음 방식중 하나를 사용한다.GET 방식POST 방식 GET 방식GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식이다. GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어 저장된다.하지만 GET 방식은 보통 쿼리 문자열에 포함되어 전송되기때문에, 길이즤 제한이 있고 보안상 취약점이 존재하기 때문에, 중요한 데이터인 경우 POST 방식을 사용하는 것이 좋다. POST 방식POST 방식은 데이터를 별도로 첨부하여 전달하는 방식으로, POST 방식의 HTTP 요청은 브라우저에 의해 캐시되지 않으므로, 브라우저 히스토리에도 남지 않는다.(서버에 데데이터가 저장되어 전송) 또한, HTTP 요청에 의한 데이터..

제이쿼리 .on() 메소드제이쿼리는 특정 요소에 이벤트를 연결(event binding)하기 위해 .on() 메소드를 사용한다.제이쿼리 1.7부터 소개된 .on() 메소드는 다음과 같은 특징을 가진다. 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있다.하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다.선택한 요소에 여러 개의 이벤트 핸들러와 여러 개의 이벤트를 같이 연결할 수 있다.사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있다.차후에 다루게 될 요소를 이벤트에 연결할 수 있다. .on() 메소드를 사용하면 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다.$(function() { ​ // 모든 요소에 mouseenter와 ..

GitGit의 기본 이해(큰 줄기)Git은 버전 관리 시스템(VCS, Version Control System)입니다.버전 관리 시스템은 파일의 이름을 더럽히지 않는 방법입니다. 파일의 이름을 바꾸지 않고 소스코드를 백업하고, 이전 상태로 회복하고, 다른 사람들과 공유할 수 있습니다.예를 들어, 우리는 어떤 파일을 수정할 때마다 다른 이름의 파일로 저장합니다. memo.txt, memo1.txt, … memo_final.txt 이런 식으로 저장해나갑니다. 하지만 우리는 하나의 파일만 관리하지 않습니다. 만약 파일이 많고 수정하는 사람이 많다면 파일을 관리하는 일은 아주 복잡해질 것입니다. 게다가 비슷한 파일이 많아질수록 용량은 많아지고 파일과 파일 사이에 뭐가 바뀌었는지 차이를 알기 힘듭니다. 그래서 이..

전화번호부 Python 예제전화번호부를 아주 간단하게 만드는 예제입니다. 메모리에 저장하고 삭제할 수 있습니다. 주석은 생각나는대로 썼습니다.# -- coding: utf-8 -- ​ @author: Bean # class Contact: #Contact 클래스 정의 ​ def __init__(self, name, phone_number, e_mail, addr): #변수에 쉽게 초기화 하기 위해서 #가지고 있는 init 함수.(생성자 함수) self.name =name self.phone_number = phone_number self.e_mail = e_mail self.addr = addr def print_info(self): #그 정보를 가지고 출력하는 함수. print("Name : ", se..

파이썬 기본문법 정리(PyThon)주석처리#한줄 ​ """ 여러줄 여러줄 여러줄 """ 숫자와 문자열number = 25 String = '25' #name 과 String 은 숫자와 문자이기 때문에 다름 ​ #더하기 + plus = my_age + 1 ​ #곱하기 * multiply = 9 * 9 ​ #나누기 / divide = 30 / 5 ​ #거듭제곱 ** (예. 2의 20승) powerful = 2 ** 20 ​ #나머지 % remainder = 15 % 4 문자열 더하기String1 = '1234' String2 = '5678' String3 = String1 + String2 #결과값12345678 조건문a = 10 b = 20 if a 20 번 손님 환영합니다 문자열string1 = '따옴표..

자바(JAVA) 디자인패턴(Design pattern) 싱글톤(Singleton)패턴자바 디자인패턴중 가장 익숙한 패턴중 하나인 싱글톤 패턴이다.자바에 프레임워크중 가장 유명한 프레임워크인 스프링프레임워크(Spring Framework)에서 스프링컨테이너를 만들때 보통 사용되는 디자인패턴이다.말 그대로 하나의 객체를 만들어서 새로 생성하지 않고 인스턴스를 사용한다는 점에서 메모리를 효율적으로 쓸수있고, new 연산을 통해 계속 만들어서 사용하지 않기 때문에 성능 또한 굉장히 빠르다는 장점이 있다. 정의자주 사용 하는 클래스 기능 사용 시 메모리에 객체를 생성하여 사용하면 비율적이다.클래스의 객체를 미리 메모리에 생성해 놓고 사용한다1개의 객체만 메모리에 존재하게 한다. 싱글톤패턴 구현방법프로그램 내에서 ..

자바(JAVA) Iterator 인터페이스Iterator 인터페이스 자바의 컬렉션 프레임워크는 컬렉션의 저장된 요소를 읽어오는 방법으로 Iterator 인터페이스로 표준화 하고있다. 컬렉션 프레임워크마다 데이터를 읽어오는 방법이 다를수 있다. A개발자가 자신이 만든 데이터자료구조를 읽어오는 메소드 A.class를 정의하고, 사용하고,B개발자가 또한 자신이 만든 데이터자료구조를 읽어오기 위해 메소드 B.class를 만들어 사용한다. 만약 두 개발자가 같이 협업을 하면서 각자의 데이터알고리즘을 서로 사용할때, 자신의 데이터자료구조 알고리즘이나 메소드를 서로에게 자세히 알려주지 않는다면 데이터를 읽어오는 메소드가 서로 다르기 때문에, 개발에 대한 협업이 어려울수가 있다. 이러한 문제점을 방지하기 위해서 자바에..

기본알고리즘(Algorithm basic)Bubble Sort이웃하는 숫자를 비교하여 작은 수를 앞쪽으로 이동시키는 과정을 반복 (마치 '거품’처럼 위로 올라감) Bubble sort pseudo code//크기가 n인 배열 A for pass = 1 to n-1 // 총 n-1번을 비교해야 된다. (A[0]과 A[1], A[1]과 A[2] ...) for i= 1 to n-pass // 오름차순이면 이미 정렬 한 뒷 쪽 얘들은 정렬하지 않아도 되니까. if (A[i-1] > A[i])// 왼쪽의 원소가 오른쪽의 원소보다 크면 A[i-1] ↔ A[i]// 서로 자리를 바꿈 return 배열A총 비교 횟수는 (n-1) + (n-2) + … + 2 + 1 = n(n-1)/2 이고 if문에서 바꾸는 시간복잡도..

뷰(View) 에서 JSTL태그를 이용하여 컨트롤러(Controller)에서 넘긴 모델(Model) 값 받기컨트롤러에서 넘긴 모델값을 뷰상으로 전달하는 방법이 많은데, 간편하게 컨트롤러에 데이터를 받아올때 수월한 JSTL태그를 사용하여 받을수 있다.Controller@RequestMapping("/main") public String main(Model model ,HttpSession session , @RequestBody String paramData)throws ParseException{ ​ IDao dao = sqlSession.getMapper(IDao.class); ArrayList list = dao.showlist2(logininfo); model.addAttribute("list", ..