본문 바로가기

jQuery

(2)
프론트엔드 (Front-End), 백엔드 (Back-End)란? 쉽게 말해서 프론트엔드는 클라이언트, 백엔드는 서버에서 실행된다. 즉 프론트엔드 개발자는 사용자에게 보여지는 웹(web)화면을 개발한다. 그럼 당연히 HTML, 자바스크립트같은 프론트엔드 언어가 쓰일것이고, 백엔드는 php, asp, jsp, ajax, node.js등의 사용자에게는 보여지지 않는 서버단 언어가 쓰인다. 정말 단어 그대로 Front : 앞쪽Back : 뒤쪽 인 것이다. (그냥 클라이언트, 서버로 생각해버려도 위화감이 없다.) 지나가던 강아지도 5초면 이해할정도의 설명이었다. 네이버를 예를 들어 설명해 보자면, 프론트 엔드 개발자가 만든 네이버 화면의 검색창에 단어를 검색하면 백엔드의 서버단 언어에게 명령을 던지게 된다. 즉, 클라이언트(Front-End)에서 '캐나다 여행'을 검색했을 경..
hover이벤트 겹치지 않게 하기 JQuery를 만져보면서 참 많은 생각이 든다. 생겨난지도 꽤 되었고, 현재는 많은곳에서 쓰이는 언어이지만 아직 매우 불안정한 언어인것은 확실하다. 그 수많은 이유중 하나가 바로 hover이벤트의 치명적 오류다. 위의 코드는 html화면 자체에 마우스를 올릴경우 글자를 파란색으로 바꾸고, 다시 떼어냈을때 검은색으로 변하게 하는 함수다. 이 코드를 그대로 갖다붙여넣기만 해도 작동이 잘 된다.당장에 코드만 보아도 전혀 이상이 없는, 모든 웹사이트에서 사용하는 표준을 따라쓰고있다.즉, 코드상 아무 문제가 없다. 하지만 제이쿼리 언어 자체의 치명적인 단점이 나타난다. 단순히 html상에 마우스를 올렸을 경우 이벤트가 시작하며, 떼었을 경우 종료하기는 하지만 이벤트가 진행되고 있을때 마우스를 제빨리 나갔다가 들어..