본문 바로가기

[ Developer ]/JavaScript25

[JavaScript] 자바스크립트란? 자바스크립트 기초 자바스크립트 자바스크립트(JavaScript)는 웹을 위한 인터프리터 언어이자 스크립트 언어다. 자바스크립트로 작성된 프로그램을 스크립트라고 하며, 컴파일이 필요하지 않다. 그냥 HTML 웹 페이지에 스크립트를 삽입하기만 하면 동작하며 최신 웹 브라우저에서 모두 동작한다. 자바스크립트를 주로 클라이언트 측 자바스크립트라고 하는데, 이는 스크립트가 웹 서버가 아닌 클라이언트 컴퓨터에 설치된 브라우저에서 실행된다는 의미다. 자바스크립트의 역할 자바스크립트의 일반적인 용도는 웹 페이지에 기능을 더해 HTML 웹 페이지를 동적이고 살아 있게 만드는 것이다. 자바스크립트는 다음과 같은 일을 할 수 있다. HTML 페이지 변경 및 HTML 엘리먼트와 콘텐츠의 추가나 제거 CSS 및 HTML 엘리먼트의 스타일 변경 .. 2016. 9. 27.
[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.
[jQuery] 제이쿼리를 이용한 유효성 검사 jQuery 입력 받을 때 입력 항목에 대해서 모두 입력을 받았나에 대한 검사가 필요하다 addNewMovie.jsp에 addNewMovie버튼을 눌렀을 시 추가될 수 있게 jQuery를 작성한다 addNewMovie 버튼을 눌렀을 때 폼의 값들을 가져와 처리를 하기 때문에 폼 처리를 먼저 한다 # MovieTitle Check 이제 요소 체크를 진행한다 먼저 영화제목을 가져오는데 var 변수에 폼값을 가져온다 그러나 .text로 받아올 수 없다 input으로 받아온 것은 val로 받아와야 한다 잘못된 형식 val로 받아와 공백인 것을 확인한 후 공백인 경우 return을 통해 재입력을 받게 한다 그런데 만약에 " " 와 같이 공백이 들어가 있다면 밑의 if절에 걸리게 되지 않는다 그렇기 때문에 공백도 .. 2016. 5. 25.

티스토리툴바