다른 분들의 블로그를 가끔 방문할 때면 코드가 예쁘게(?) 나오는 걸 볼 때가 있다. ‘나도 저런 거 하고 싶다’ 라는 생각을 했는데.. 그런 기능이 티스토리 블로그에도 적용이 가능하다는 걸을 알고 피곤한 몸뚱이를 이끌고 작업을 시작.. 근 1시간 가량 소비가 된 것 같다. 크롬과 파이어폭스 그리고 IE에서 가능하면 같은 모습으로 보여지길 원해서 잘 하지도 못하는 정규식 붙들고 사투를 벌이다 보니 …
글을 작성할 때 제일 고민되는 부분이 글제목을 정하는 부분이다. 제목 짓기 너무 어려워!! 헛소리는 그만하고.. 여전히 코딩 작업을 진행 중인데 게시판 같은 데서 이미지 크게 보기를 해서 팝업으로 이미지만 보여주는 창이 있을 때 팝업의 이미지를 마우스 드래그로 움직이는 기능이 필요해서 만들어봤다. <div><img src=”abc.jpb” width=”1000″ height=”700″ class=”draggable” style=”position:relative;left:0;top:0;”></div> <script> $(function() { var is_draggable = …
웹페이지 작업을 진행하다 보면 <input type=”text” name=”nn[]” /> 이런 식의 배열로 input을 만들 때가 있는데 이런 경우 jQuery 에서 이 input 배열에 접근하기 위해 $(‘input[name=nn[]]’) 와 같이 작성하면 오류가 발생한다. []기호가 jQuery selector에서 사용되기 때문인데.. 아래 코드와 같이 따옴표를 이용해서 지정해주면 된다. <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> <script src=”./jquery-1.8.3.min.js”></script> </head> <body> <p></p> <div> …
메뉴바 스크립트 작업을 하다 보니 IE8에서.. 아니 IE 계열에서 jQuery mousemove()가 이상 동작을 하는 것을 발견했다. 아래 코드는 처음 작성한 코드인데.. 크롬이나 파이어폭스에서는 제대로 작동을 하는데.. IE만.. ㅠㅠ $(function() { var mouse_event = false; $(document).mousemove(function() { mouse_event = true; }); }); mousemove 이벤트가 발생하지 않아도 IE에서는 무조건 mouse_event 값이 true 가 돼서 아래처럼 코드를 수정했다. …
PG사 연동하는 작업을 해본 건 이번이 3번째인 것 같다. 3번정되니까 작업도 정리가 되고 생각보다 빠르게 마무리를 할 수 있게 된 것 같다. 그만큼 경험이라는 것이 중요하다는 것을 또 느끼게 된다. 그리고 그동안 작업으로 인해서 코딩 실력도 어느 정도는 늘어났기 때문이 아닐까도 싶다. 코딩에 있어 벽처럼 느껴지는 게 정규식과 자바스크립트인데.. jQuery는 이제 어느정도 익숙해진 편인데.. ^^; …