본문 바로가기

web

 (198)
jQTouch media Queries CSS3 Media Queries View more presentations from Russ Weakley. 다른곳을 아무리 둘러봐도 위에처럼 설명 잘해놓은곳이 없네. 간단히 말해 media queries 는 화면의 비율을 기준으로 어떤 화면의 스타일을 결정할수 있다. 모바일상에서는 이렇게~ 컴퓨터 상에서는 저렇게 화면을 구성할수 있는것이다. 간단하게 기기 별로 화면이 변하는 것을 만들어 보았다. 먼저 jsp test test test test 태그를 보면은 두개의 css를 참조하고 있다. 차이점은 해당하는 기기와 싸이즈이다. 위의 MQtest1.css는 일반 아이팟,아이폰 싸이즈에서 반응하도록 싸이즈 조정을 했다. (max-device-width 요것만으로도 아이팟,아이폰에서 작동하도록 되어 있다.)..
jQTouch 화면전환 애니메이션. 사실 가장 필요한 기능이였는데..정말 쉽게 구현이 된다. 개념상으론 구조가 html5와 비슷하고, 태그만으로 애니메이션 효과를 연출하기 때문에 정말 초보자라도, jquery를 몰라도 구현이 가능하다.(실제로 내가 jquery를 모르기때문에 -0- ) 내가 가장 필요로 했던 애니메이션효과인 Filp 효과와 Slide 효과만을 집어 넣어봤다. 전체 소스 View Change Slide Flip Second Page Back Back - 위의 소스대로 하면 당연히 않된다. 각자의 프로젝트에서 jqtouch의 라이블러리 경로가 다르기 때문인다. script src="" , import 부분의 경로를 자신의 프로젝트에 맞게 고쳐서 쓰기 바란다.
struts 이번엔 class를 이용한 forward! -0- 뭐... mvc 할땐 항상 class로 포워드를 해서.. (물론 xml 상에서 하면 편하긴 하지만 직접적으로 제어가 불가능하니.. 어떤 값에 따라 어디로 간다든지 하는 제어가 필요하니 당연히 class로 하는게 맞는거다.) 고칠곳은 두군대면 충분하다. struts-config.xml 과 새로 작성해야 하는 result.java 파일 먼저 struts-config.xml 파일. 이부분을 추가 했다. 위의 action 부분을 주석 처리 하여 다르게 포워딩 하는것을 볼수있다.(주석처리 해줘야 합니다!) 여기서 forward 의 이름은 받을 포워드 이름 (java파일에서 나온다.) path 는 넘겨질 jsp 파일이다. 이번엔 java 파일(저의 경우 result.java로 만들었습니다. 혹시나 어제의 r..
struts 설정 및 테스트 -_- 어째 하루에 새로운 과목 하나씩을 해나가고 있다. 이러다가.. 어느순간 삐끗하면 난리 나는데 말야. 1. 먼저 http://struts.apache.org/ 싸이트에서 해당 라이블러리및 파일들을 받아야 한다. (저는 2.2.1 버전으로 받았습니다.) 2. 다운 고고싱! 3. 다운 받은 파일을 압축을 풀면 apps 폴더에 struts2-blank-2.2.1.war 파일의 압축을 푼다! 그러면 폴더가 하나 생성된다. 4. 압축을 푼 폴더에 들어가면 web-inf\lib 폴더로 들어가 보면 jar 파일이 보인다. 모두 복사해서 생성할 프로젝트의 web-inf\lib 폴더에 복사하고, tomcat\common\lib 폴더에 복사한다. 5. 다시 web-inf 폴더에 가보면 xml 파일이 3개가 있다. 요..
jqtouch -_-신기한 UI세계로~ 설정부터~ 오......그냥 앱웹을 검색하다가 결국 jqtouch 까지 오게되었다. 스크립트도 사용할줄 모르는 놈에게 jquery 라니...-0- 험난한 길이 뻔히 보인다. 먼저 설정부터 시작! 1. css,js 파일이 있는 패키지를 다운 받는다! 링크 : http://www.jqtouch.com/ 2. 압축을 풀면 폴더가 생기는데 그 폴더안에 필요한 파일이 다 들어가 있다. 우선 폴더 이름을 깔끔하게 jqtouch 로 하고 해당하는 이클립스에 복사해 두었다. (폴더 jqtouch 가 보인다!) 3. 이제 스크립트 소스 링크만 해주면 맘껏 사용해줄수 있다. jQTouchTest 삼성 애플 닭공장 구글 (혹시 폴더 이름이 다르게 되어 있다면 src 부분을 고쳐서 쓰면 된다.) 4. 마지막! 실행화면! 링크 : htt..
jsp 동적 테이블생성 select 추가 -_-더럽게 헷갈렸다. 점하나 잘못찍어서 몇시간을 고생햇는지.. 먼저 프로세스는 간단하다. 1. DB에서 select 태그에 뿌릴 화면을 가져와서 hidden으로 처리한다. 2. 스크립트 배열에 hidden 에 들어있는 값들을 집어 넣는다. 3. 저번에 했던 동적 테이블생성 쿼리에 select 를 추가한다. 말은 참 쉽다..ㅡ,.ㅡ 개인적으로 스크립트는 않배울려고 했는데.. 빠른 결과물을 내놓기 위해선 어쩔수 없이 나의 사상과 편협해야만 했다. 머.. 배워서 나쁠껀 없긴한데. - 소스가 쫌 길다. (MVC 패턴으로 나누지 않았다. 사실 귀찮았다.) 결과화면 주석으로 최대한 프로세스대로 자세하게 써 놨으니. 필요하면 뻘건 주석을 참고하기 바란다. 다른 방법으론 select자체를 않보이게 하고 처리로 않보이..
jsp script 시작시 자동 실행 페이지 시작시 스크립트 함수를 실행할려면(body 에서 onload 말고 다른 방식입니다.) -실행할려는 함수가 test() 인경우 복수개도 실행가능합니다.
jsp 표현언어 안되는건 안될수밖에.. 표현언어가 안된다.... 대체왜! jstl은 라이브러리가 필요한다 하지만 jsp 자체에서 지원해주는건데.. 이유를 몰라 이것저것 다해보고 대략 2주일 정도를 허비한거같다. 예제도 보고, jstl 라이블러리도 깔아보고.. jdk 버전때문인가... 다른버전으로도 돌려서도 보고... 거의 포기할려는 찰라.. 지나가다가 이런 포스팅을 보았다. web.xml 파일이 따르는 서블릿 버전에 따라 EL 지원 여부가 결정된다. * 서블릿 2.3 >> EL을 지원하지 않는다. * 서블릿 2.4 >> ${expr}지원 / #{expr} 지원 안함. * 서블릿 2.5 >> ${expr}지원 / #{expr} 지원. ㅡ,.ㅡ 설마... 아........... 안되는건 안되는거다.... 제길...진도를 다음으로 넘어가야겠다.

티스토리툴바