반응형

IT/web개발 75

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

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

IT/web개발 2013.10.02

[웹개발]탐색기에서 드래그앤 드롭으로 편리하게 파일 업로드

파일 업로드할때 멀티드래그 하는 방법에 대해서 html5 를 이용한 드래그앤 드롭 파일리스트 상용 innoAP api 사용 최근 게시판 소스들은 파일첨부할때 드래그앤 드롭기능을 이용해서 파일 선택창을 사용하지않고 여러개의 파일을 동시에 올릴 수 있도록 지원해주고 있습니다. html5 에서는 더 편리하게 지원해주는거같고 그게 아니더라도 구현은 가능할것같습니다. miplatform 에서 연동되는 방법은 좀 찾아봐야 할듯.. 추가내용 ======================================================================= 이런데가 있군요.. 사용기간 무제한, 멀티, 대용량 파일 업로드가능등... InnoAP - 이노릭스 - INNORIX - 파일전송 솔루션 전문기업 - ..

IT/web개발 2013.09.27

드래그 파일업로드 폼 만들기

파일 업로드할때 멀티드래그 하는 방법에 대해서 html5 를 이용한 드래그앤 드롭 파일리스트 최근 게시판 소스들은 파일첨부할때 드래그앤 드롭기능을 이용해서 파일 선택창을 사용하지않고 여러개의 파일을 동시에 올릴 수 있도록 지원해주고 있습니다. html5 에서는 더 편리하게 지원해주는거같고 그게 아니더라도 구현은 가능할것같습니다. miplatform 에서 연동되는 방법은 좀 찾아봐야 할듯..

IT/web개발 2013.09.27

[모바일,html5] 안드로이드,아이폰 바로가기 아이콘 생성 shortcut icon

아이폰의 경우 바탕화면에 바로가기 만들면 해당 화면을 캡쳐하여 아이콘을 만들어버립니다. 아래 방법은 정해진 이미지를 아이콘으로 생성하는 방법입니다. 반응형웹,html5,모바일,웹앱,하이브리드앱,뷰포트,shortcut iconshortcut icon,바로가기 아이콘,PhoneGap,Sencha Touch,Android,안드로이드,아이폰,IOS,iPhone,크롬,Explorer8,Explorer9,Explorer10

IT/web개발 2013.05.16

[모바일,html5] 뷰포트 viewport 선언으로 디바이스,방향전환에 반응하는 웹페이지 구현

반응형웹,html5,모바일,웹앱,하이브리드앱,뷰포트,viewport,PhoneGap,Sencha Touch,Android,안드로이드,아이폰,IOS,iPhone,크롬,Explorer8,Explorer9,Explorer10 모바일웹 구현시 고려해야 할 부분중 가장 중요하면서 기본적인 내용으로 다양한 디바이스에 보여지는 웹페이지 사이즈를 자동으로 조정하는기능이 필요합니다. viewport 에 선언된 값(width)으로 100% 크기가 정의되어 디바이스 별 화면 사이즈 및 방향전환에 맞춰진다고 생각하시면 될듯. 아래 설정으로 간단히 구현 가능합니다. content="width=device-width" : 가로값 ('디바이스 크기에 맞추겠다' 고 선언) intial-scale=1.0 : 처음 로딩 화면 비율 mi..

IT/web개발 2013.05.16

웹페이지 분할 출력 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

jstl 함수사용하기

함수목록 API 보기 jstl 에서 함수를 사용하여 처리하는 방법입니다. jstl은 java.util.Collection의 사용자 인터페이스 의 규격으로 정의되어있긴 하지만 자바 빈즈 컴포넌트 디자인 패턴을 따르지 않기 때문에 JSP 표현식 언어를 사용하여 액세스 할 수 없습니다 이를테면 lengrh 라는 함수는 c:foreach 구문 내에서 적용시 문자열의 문자 수 를 반환합니다. 관련 url 들 http://search.oracle.com/search/search?search.timezone=-540&search_startnum=&search_endnum=&num=10&search_dupid=&exttimeout=false&actProfId=0&q=jstl+functions&group=Document..

IT/web개발 2013.05.10