본문 바로가기

javascript23

[JavaScript] 자바스크립트 자료형 종류 자료형 소개 자료형(data type)은 프로그래밍 언어로 조작할 수 있는 값의 유형을 나타낸다. 자바스크립트의 자료형으로는 문자열(String), 숫자(Number), 불린(Boolean), 배열(Array), 객체(Object), 함수(Function), 널(Null), 미정의(Undefined) 값이 있다. 기본 자료형 자바스크립트에서는 3가지 기본 자료형(primitive data type)을 지원한다. 문자열: 문자열 자료형은 자바스크립트 내의 텍스트를 표현하며, 문자열은 유니코드 문자의 나열이다. 숫자: 자바스크립트의 모든 숫자(정수와 부동 소수점 수 모두)는 Number 타입이다. 불린: 불린 자료형은 참(true)과 거짓(false)으로 두 가지 값만 있다. 복합 자료형 자바스크립트에서는 .. 2016. 9. 28.
[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.

티스토리툴바