본문 바로가기

Java script10

[JavaScript] 자바스크립트란? 자바스크립트 기초 자바스크립트 자바스크립트(JavaScript)는 웹을 위한 인터프리터 언어이자 스크립트 언어다. 자바스크립트로 작성된 프로그램을 스크립트라고 하며, 컴파일이 필요하지 않다. 그냥 HTML 웹 페이지에 스크립트를 삽입하기만 하면 동작하며 최신 웹 브라우저에서 모두 동작한다. 자바스크립트를 주로 클라이언트 측 자바스크립트라고 하는데, 이는 스크립트가 웹 서버가 아닌 클라이언트 컴퓨터에 설치된 브라우저에서 실행된다는 의미다. 자바스크립트의 역할 자바스크립트의 일반적인 용도는 웹 페이지에 기능을 더해 HTML 웹 페이지를 동적이고 살아 있게 만드는 것이다. 자바스크립트는 다음과 같은 일을 할 수 있다. HTML 페이지 변경 및 HTML 엘리먼트와 콘텐츠의 추가나 제거 CSS 및 HTML 엘리먼트의 스타일 변경 .. 2016. 9. 27.
[Node.js] 노드 제이에스란 무엇인가? Node.js 출처 : http://d2.naver.com/helloworld/4994500 빠르게 서비스를 개발할 수 있는 Node.js 2년 전에 Node.js를 사용할까 말까 고민을 많이 했습니다. 그 당시 선택 기준은 세 가지였습니다. 개발 생산성이 좋아? 성능이 좋고 안정적이야? 개발자 커뮤니티는 활발해? 그리고 Node.js를 사용하기로 결정한 뒤로 식당, 펜션, 항공권, 호텔 등 여러 서비스를 Node.js로 개발했습니다.아마 많은 개발자가 Node.js를 서비스에 적용할까 말까 고민하고 있을 듯합니다. 이 글에서는 이런 개발자들을 위해 그동안의 경험과 자료를 바탕으로 위의 세 가지 질문에 대한 답을 정리했습니다. 이 글은 Node.js를 소개하는 글은 아닙니다. Node.js가 궁금하신 분은 웹을 검색해.. 2016. 9. 6.
[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.