2. 컴퓨터 이야기/프로그래밍 87

이미지 사이즈 조정

사용자가 올리는 이미지 사이즈는 정말 다양하다. 관리자에 의해서만 운영된다면 관리자에게 업무를 인계인수 하면 되겠는데.. 사용자는 럭비공과 같아서 어떻게 할지 알 수 없는 노릇이다. 그래서, 이미지 폭을 체크해서 일정 폭을 넘으면 폭을 자동으로 조정해 주는 코드가 필요하다. 위 소스는 document 개체의 getElementsByTagName 함수를 이용해서 태그를 배열에 담고, 해당 배열을 하나씩 체크해서, width 가 특정값 이상이면 width 를 조정하도록 하였다. 간혹, document 안에 img 태그가 없는 경우를 대비해서 for 문 앞에 if 문으로 typeof 를 사용하여 object 인지 undefined 는 아닌지 등도 체크해야 한다. if((typeof img)!='object')..

자바 스크립트, submit() 과 history.back() 이 모두 기술된다면 어떤 것이 실행될까

만약, submit() 함수와 history.back() 함수가 모두 기술된다면 어떤 것이 실행될까.. 아래와 같은 코드가 있다고 하자.. 그러면 어떤 것이 실행될까..? submit() 일까 history.back() 일까..? 물론, 정답은 둘다 실행되고, 먼저 기술된 것이 먼저 실행된다. 그런데 만약, f.target 에 '_self' 나 '_top' 이라고 기술하면 어떻게 될까..? f.submit() 이 실행되고 history.back() 은 실행되지 않는다. 이미 http://www.abcdefg.com 으로 페이지가 변경되어 있기 때문이다. 이런걸 어디다 쓰냐하면.. 목록에서는 게시물의 제목이 보여지고, 게시물을 상세보려고 하면 게시물과 관련된 특정 화면이 새로 뜨게 할때 유용하다. 게시물 ..

모니터 화면이 스크롤되어도 일정한 곳에 보이도록 하였던 이미지가 갑자기 움직이지 않는다

자바스크립트나 HTML 코딩은 바뀌지 않고 이미지만 수정했을 뿐이라는데, 이런 현상이 나타났다. 과연 어떻게 해결해야 하는 것일까..? style.top 의 수치를 변경해 주는 방식으로 잘 작동하던 자동 스크롤이었고, 정말이지 다른 코딩은 변경된 것이 아니다... 라고 하였지만, 작업자가 한 둘이 아니라서 누군가 무언가를 수정했겠지 라고 생각했다. 사실, 이런 경우가 한둘이 아니지 않을까. 문제가 생겼을때, 작업자가 한명이 아니라면 거의 대부분은 누군가가 고쳤을 확률이 놓다. 그러나 오늘의 현상은.. 역시나 코딩이 바뀌지 않은 것이 확인되었다. 해당 코드에 무의미한 문자를 찍게 하고 화면을 새로고침.. 아, 이제 이미지가 제대로 따라 다닌다. 왜 그랬지..? 그런데, 화면 레이아웃을 보니, 자동으로 스크..

자바스크립트 정규식

시간 체크, /^[0-9]{2}:[0-9]{2}$/.test('09:07') 일자 체크, /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test('2009-01-08') 사족을 달자면.. ^ 는 첫부분이라는 것. EditPlus 에서랑 동등하다. $ 는 끝부분이라는 것. Linux 의 vi 에서랑 동등하다. [0-9] 는 0에서 9까지의 문자중 아무거나 상관없다는 것. 물론 숫자면 ok 라는 뜻. {n} 는 앞에 기술된 표현식의 문자가 n 개 사용되어야 한다는 것. [0-9]{2} 는 0에서 9까지의 문자 즉, 숫자가 2개 사용되어야 한다는 필수 조건. - 는 그냥 해당 문자 (dash '-') 가 하나 사용된다는 것. 아무 문자나 하나를 허용한다고 한다면 그냥 점 (포인트, '.') 을 찍으면..

웹 컨트롤 파라미터 관련 처리, 컨트롤 페이지쪽 자바스크립트와 처리하는쪽 코드

본, 게시글은 계속 업데이트 됩니다. A.jsp 에서 설정된 웹 컨트롤들을 B.jsp 가 받아서 처리를 한다고 가정하고 설명합니다. 이곳은, A.jsp 처리 부분입니다. 웹 컨트롤들을 화면에서 처리하는 방법들을 다룹니다. form 태그가 사용되겠지요. form 태그의 method 를 post 로 할 것이냐 get 으로 할 것이냐는 고민을 해야 합니다. get 으로 하면 파라미터의 문자열 길이가 제한을 받기도 하고, 웹브라우저의 주소창에 파라미터가 노출됩니다. 물론 post 방식으로 하면 이러한 제한이 없습니다. 파일을 업로드 하거나 나모 액티브스퀘어와 같은 웹에디터를 사용한다면 enctype="multipart/form-data" 옵션을 사용합니다. getElementById 는 Element 스펠링을 ..

자바 애플릿 Applet 로 구동되는 프로그램인 .class 파일의 위치

자바 애플릿 .class 파일의 서버 상의 위치가 어디에 있어야 할까..? 만약 /applet/Applet.html 파일에서 com.java.applet.class 파일을 호출한다면 어플리케이션 서버의 .../webapps/WEB-INF/com/java/applet.class 에 위치해야 할까..? 아니면, 웹 서버의 .../docs/applet/com/java/applet.class 에 위치해야 할까..? .jsp 는 웹 서버가 해당 코드를 가지고 있지 않다. 어플리케이션 서버의 서블릿 엔진이 .jsp 를 컴파일 하고 .class 로 만들어 두었다가.. 웹 서버에서 해당 jsp 를 호출하면 웹 서버는 어플리케이션 서버에 해당 파일의 정보를 요청하고, 어플리케이션 서버의 서블릿 엔진이 미리 만들어둔 .c..

Eclipse Family, updated by 2009-05-27 (수)

*. Popular projects 1. EMFT, Modeling Framework Technology 2008.09.17 최종 Release 됨. 최종 공식 버전 0.8.1 은 JRE 5.0, Eclipse 3.4.1RC3(Ganymede) 기반. 2. PDT, PHP Development 2009.04.28 최종 Release 됨. 최종 공식 버전 2.0.1 은 JRE 5.0, Eclipse 3.4.1(Ganymede) 기반. 3. WTP, ebTools 2009.02.13 최종 Release 됨. 최종 공식 버전 3.0.4 는 JRE 5.0, Eclipse 3.4.2(Ganymede) 기반 4. MDT, Modeling Toolds 2009.02.10 최종 Release 됨. 최종 공식 버전 2...

마우스로 드래그가 가능한 영역 만들기

이곳에서 설명하는 소스는 인터넷 어디선가 웹서핑 하다가 찾았습니다. 설명하려고 하는 것은 이것을 어떻게 활용할 것인가 하는 것입니다. 딱지 배너라고 들어 보셨나요..? 같이 일하는 분이 딱지 배너라고 하더라구요. 통용되는 단어인지 아닌지는 모르겠습니다만.. 아무튼, 배너 때문에 웹페이지의 일정 부분이 가려진다면, 마우스를 이용해서 다른 영역으로 옮겨도 되지 않을까요.. 각 페이지들 모두에 위치를 파라미터로 전달하는 것도 고려해 볼 만합니다. form 태그의 input type 을 hidden 으로 해서 파라미터를 넘기는 방식이죠. 다음번 브라우저를 켰을때도 동일한 위치에 올려지게 하려면, 쿠키에 값을 담아서 운용해도 되겠고요. 간단한 쿠키니까 보안상 문제는 생기지 않겠죠.. ^^> 아, 그리고.. 팝업 ..

리치 인터넷, 'JavaFX 플랫폼'

여기를 클릭하면 관련 기사를 보실 수 있습니다. RIA 를 구현하기 위한 Java 기반 플랫폼, JavaFX. 과연 JavaApplet 의 전철을 밟지 않을 것인가..? 그리고 얼마전 Sun 이 Oracle 에 흡수된 사실은 어떤 파장을 일으킬 것인가..? 올 하반기에는 이러한 궁금증이 많이 풀릴 듯 하다. 브라우저와 독립적으로 구동이 가능하다는 부분은 꽤나 군침이 돋는 대목임에 틀림없다. 브라우저들 간의 호환성을 염두에 두지 않고 개발이 되어도 무방하다는 사실은 환영할 만한 일이다. 게다가 Eclipse 를 IDE 툴로 사용할 수 있게 한다고 한다. 물론, 기존 JavaFX 1.0 이나 1.1 에서는 지원되지 않고 2.0 버전이 발표되는 9월 정도가 되어야 한다 하니, 그때까지 기다리기에는 발표된 사양..