본문 바로가기

자바스크립트22

[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.