본문 바로가기

web developer138

[JavaScript] 자바스크립트 자동 완성 Auto fill 자동 완성 NotePad++로 autocomplete.html을 생성해서 자동완성 기능을 만들어본다 그리고 div를 보여주기 위해서 style을 통해서 css을 적용해준다 이젠 searchKeyword 위 아래로 글자를 적어본다 그리고 z-index를 적용시키기 위해서 position을 relative로 준다 float을 하지 않고 상대적인 위치를 잡아주기 위함이다 다음과 같은 모양을 만들기 위해서 top과 left로 움직이고 크기를 맞춘 후 display=none을 지정해서 보여주지 않는다 이제 검색어를 입력할 때 키 입력을 알기 위해서는 keyup과 keydown, change를 통해서 알 수 있다 이벤트를 사용하기 위해서 script를 사용한다 onkeyup을 통해서 key up 시 이벤트를 지정할.. 2016. 6. 2.
[JavaScript] 자바스크립트란? 자바스크립트 팝업 Pop up JavaScript jQuery를 이용하지 않고 자바스크립트로 이벤트를 개발하는 것이다 자바스크립트로만 사용을 한다면 jQuery를 사용하지 않기 때문에 굉장히 가볍다 # 자바 스크립트 자바스크립트에는 프로토 타입, 오브젝트, 클로저 개념을 알아야 한다 자바스크립트는 전역 변수를 근간으로 하는 언어이다 하지만 자바스크립트에서는 전역 변수를 사용하지 말라고 한다 -> why? 데이터가 꼬이기 쉽기 때문에 그렇기 때문에 나온 방식이 클로저이다 (전역 변수를 사용하지 않음) 클로저는 function이 function을 부르는 방식이다 function의 리턴이 function이 된다 # UI와 UX UI와 UX의 차이 UI는 단순히 인터페이스이다 어떠한 것을 클릭하면 그에 맞는 기능이 수행된다는 의미이다 UX는.. 2016. 6. 1.
[JSP Web] 게시글 수정 Update 구현하기 Article Update 게시글 수정하는 기능을 생성한다 우선 ModifyServlet을 생성한다 # 수정 기능 Task 수정할 게시글 결정 수정하고자 하는 글 ID를 파라미터로 받기 수정할 게시글 정보 가져오기 수정할 게시글의 작성자 본인 확인 (보안상 중요) 작성자 본인인 것을 확인하지 않으면 URL로 접근하여 삭제가능 수정할 게시글 정보 JSP로 전송 수정 기능을 생성하기 위해 위와 같은 과정을 해야한다 ModifyServlet 그리고 나서 selectedarticle.jsp에서 수정을 한다 작성자일 때 보였던 삭제 버튼 옆에 수정버튼 까지 만들면 된다 selectedarticle.jsp (선택된 게시글 정보 출력) 그리고 write.jsp에서 form에서 내용을 변경해주면 된다 input에서는 .. 2016. 6. 1.
[Java] Interface 자바 인터페이스 실습 # 인터페이스 실습 우선 인터페이스를 생성해서 Abstract Method(추상 메소드)를 정의한다 추상 메소드드는 정의만 되고 구조는 정의되지 않은 것이다 그리고 Class를 생성해서 인터페이스를 추가해준다 작성하면 에러가 나는데 인터페이스 요소들을 정의해주면 된다 Add unimplemented methods를 클릭하면 자동을 생성된다 작성하면 아래와 같이 자동으로 @Override가 생성된다 인터페이스에 정의된 메소드의 리턴 타입은 항상 같아야 한다 클래스에 메소드를 정의하고 메인메소드에서 테스트를 해본다 우선 메인 클래스에서 기존의 방법처럼 객체를 생성해서 진행을 해본다 결과가 잘 나오는 것을 볼 수 있다 2번째로 IS A 관계를 이용해서 사용하기 위해서 LGCDPlayer.java를 확인한다 L.. 2016. 6. 1.

티스토리툴바