반응형

html 18

html5 다중파일 처리 여러개의 파일 업로드폼 처리

파일 작성폼 태그는 이런식으로 구성되어 있습니다. 태그를 IE 브라우저에서 실행해보면 스타일이 적용되지 않은 기본 구성일 경우 아래와 같이 나오죠. 찾아보기 버튼을 클릭하면 파일선택팝업이 나오는데 이때 선택할 수 있는 파일은 한 개로 제한되어 있습니다. 따라서 여러개의 파일을 동시에 전송하기위해서 등록가능 파일개수만큼 파일태그를 구성하거나 파일태그를 동적으로 여러개 생성하는 등 스크립트를 이용한 구현이 필요했습니다. html5에서는 추가된 속성인 multiple 이란 속성만 추가해 주면 하나의 파일태그에서 여러개의 파일이 등록가능해집니다. 다만 파일리스트를 볼수 없다는 점은 결국 추가적인 구현이 필요하겠다는 생각이 드네요. 콤보리스트등과 간다하게 연동할 수 있는 방법이 있는지는 확인해 봐야 할거 같습니다..

IT/web개발 2014.07.03

html5 experts 사이트 참고할만한 정보 제공

http://html5experts.kr/ HTML5Experts.kr은 2012년 5월에 HTML5Dev.kr(티스토리) 블로그를 시작하여 2013년 7월 30일자로 독자적인 호스팅을 받아서 서비스를 하고 있는 웹기술 중 HTML5를 중심으로 하는 정보를 전달하기 위한 매체입니다. 그리고 “한국에 더많은 HTML5 전문가를 확대하자“는 목표로 앞으로 많은 전문자들을 통해 양질의 정보를 전달하는 한국에 한 사람이라도 더 많은 전문가를 배출한다는 의미를 담고 있습니다.

IT/web개발 2014.02.10

Spring viewResolver 설명 ( jsp,html 페이지 직접 리턴하기)

웹페이지 구축 시 *.mvc 등으로 호출하였는데 실제 호출되는 페이지는 jsp 파일이나 html 이 호출되도록 할 경우가 있습니다. 이런 경우 spring 프레임워크의 설정인 viewResolver 을 이용하여 경로등을 설정할 수 있습니다. 검색으로 찾아본 결과 참조 Spring ViewResolver 2013.09.27 보내기 InternalResourceViewResolver Default ViewResolver로 jsp, html 파일을 직접 반환한다. prefix, subfix를 이용하여 페이지 파일을 완성한다. [전체 View Resolver 정의... devhome.tistory.com/76 미주엘의 개발이야기 블로그 내 검색 [SPRING]뷰 영역 구현-ViewResolver 2013.04...

IT/web개발 2013.10.11

특수문자 html 태그 처리 (ios7 오류)

ios7 업데이트후 이상한점이 있더군요.. \ \ 표시 가 사파리에서 안먹는다는 ㅜㅜ; 그냥 \ 를 직접 써줘도 태그를 넣어줘도 무조건 역슬래시로 표기됩니다. 헐.. 버그인건가요.. 크롬에서는 어떨런지..확인해봐야겠다는.. ================================================================================================== & 와 같은 문자열을 웹으로 보여주고자 할 경우 html 에서는 그대로 사용할 수없습니다. html 구성요소 문자열이라서 화면에 안보이고 그럽니다. .. 이 경우 & 를 & 대신 사용하여 실제 웹에서 원하는 문자열을 볼 수 있습니다. 아래 표를 참고하시면됩니다. ctrl+f 누르시고 태그변..

IT/web개발 2013.10.02

특수문자 html 태그로 처리하기

& 와 같은 문자열을 웹으로 보여주고자 할 경우 html 에서는 그대로 사용할 수없습니다. html 구성요소 문자열이라서 화면에 안보이고 그럽니다. .. 이 경우 & 를 & 대신 사용하여 실제 웹에서 원하는 문자열을 볼 수 있습니다. 아래 표를 참고하시면됩니다. ctrl+f 누르시고 태그변환이 필요한 특수문자를 찾으시면 되요.      ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 : : ; ; > ? ? @ @ A A B B C C D D E E F F G G H H I I J J ..

IT/일반 2013.10.02

소스 자동 정렬

이클립스 자동정렬 2013.05.14 보내기 이클립스 자동정렬 단축키 Ctrl + Alt + F 엉멍인 쿼리를 Ctrl + Alt + F 눌러주면 ↓ 이렇게 정렬됩니다 참 편해요~ 하지만 코드가 길면 자동정렬을 할경우 Width 가 default 80 이기 때문에... 소스 참조하려고 보면 원본소스나 추출 방법등 차이로 인해 소스가 정렬되지 않는 경우가 있습니다. 이럴 경우 가독성이 떨어져서 참조가 어려운데 이클립스에서는 이를 자동으로 정렬해주는 기능이 있습니다. 다만 모든경우에 적용되지는 않습니다.

IT/이클립스 2013.09.27

웹페이지 분할 출력 css page-break

API보기 출력시 페이지를 나누기 옵션 입니다. page-break-before:always; 대부분의 브라우저에서 지원되나 Internet Explorer 는 "left", "right" 또는 "inherit" 미지원 위치 요소에 영향을주지 않습니다. 속성설정하기 Object.style.pageBreakAfter="auto|always|avoid|emptystring|left|right|inherit" 사용예제 아래 참조 page 1 page 2 This is a heading This is a paragraph. This is a footer paragraph. Set page-break after footer paragraph Click the button above and see the chang..

IT/web개발 2013.05.14