html 썸네일형 리스트형 2021 웹개발 테크트리 (유튜브 링크) 솔직히 실무에 쓰여지는건 여기 없는 현실.. 더보기 html5 다중파일 처리 여러개의 파일 업로드폼 처리 파일 작성폼 태그는 이런식으로 구성되어 있습니다. 태그를 IE 브라우저에서 실행해보면 스타일이 적용되지 않은 기본 구성일 경우 아래와 같이 나오죠. 찾아보기 버튼을 클릭하면 파일선택팝업이 나오는데 이때 선택할 수 있는 파일은 한 개로 제한되어 있습니다. 따라서 여러개의 파일을 동시에 전송하기위해서 등록가능 파일개수만큼 파일태그를 구성하거나 파일태그를 동적으로 여러개 생성하는 등 스크립트를 이용한 구현이 필요했습니다. html5에서는 추가된 속성인 multiple 이란 속성만 추가해 주면 하나의 파일태그에서 여러개의 파일이 등록가능해집니다. 다만 파일리스트를 볼수 없다는 점은 결국 추가적인 구현이 필요하겠다는 생각이 드네요. 콤보리스트등과 간다하게 연동할 수 있는 방법이 있는지는 확인해 봐야 할거 같습니다.. 더보기 html5 experts 사이트 참고할만한 정보 제공 http://html5experts.kr/ HTML5Experts.kr은 2012년 5월에 HTML5Dev.kr(티스토리) 블로그를 시작하여 2013년 7월 30일자로 독자적인 호스팅을 받아서 서비스를 하고 있는 웹기술 중 HTML5를 중심으로 하는 정보를 전달하기 위한 매체입니다. 그리고 “한국에 더많은 HTML5 전문가를 확대하자“는 목표로 앞으로 많은 전문자들을 통해 양질의 정보를 전달하는 한국에 한 사람이라도 더 많은 전문가를 배출한다는 의미를 담고 있습니다. 더보기 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... 더보기 특수문자 html 태그 처리 (ios7 오류) ios7 업데이트후 이상한점이 있더군요.. \ \ 표시 가 사파리에서 안먹는다는 ㅜㅜ; 그냥 \ 를 직접 써줘도 태그를 넣어줘도 무조건 역슬래시로 표기됩니다. 헐.. 버그인건가요.. 크롬에서는 어떨런지..확인해봐야겠다는.. ================================================================================================== & 와 같은 문자열을 웹으로 보여주고자 할 경우 html 에서는 그대로 사용할 수없습니다. html 구성요소 문자열이라서 화면에 안보이고 그럽니다. .. 이 경우 & 를 & 대신 사용하여 실제 웹에서 원하는 문자열을 볼 수 있습니다. 아래 표를 참고하시면됩니다. ctrl+f 누르시고 태그변.. 더보기 특수문자 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 .. 더보기 소스 자동 정렬 이클립스 자동정렬 2013.05.14 보내기 이클립스 자동정렬 단축키 Ctrl + Alt + F 엉멍인 쿼리를 Ctrl + Alt + F 눌러주면 ↓ 이렇게 정렬됩니다 참 편해요~ 하지만 코드가 길면 자동정렬을 할경우 Width 가 default 80 이기 때문에... 소스 참조하려고 보면 원본소스나 추출 방법등 차이로 인해 소스가 정렬되지 않는 경우가 있습니다. 이럴 경우 가독성이 떨어져서 참조가 어려운데 이클립스에서는 이를 자동으로 정렬해주는 기능이 있습니다. 다만 모든경우에 적용되지는 않습니다. 더보기 [정규식] 태그제거 오라클 정규식 함수 html 가 db 에 저장되면 text, textarea 에서 값을 볼때 태그가 그대로 노출됩니다. 아래방법은 ' ,'' )as content 더보기 웹페이지 분할 출력 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.. 더보기 [javascript]쿠키 팝업처리소스 오늘은 이창을 띄우지않습니다. 쿠키를 이용한 대부분의 사용예 더보기 업로드시 확장자 체크 자바스크립트+이미지미리보기 원문보기 업로드시 확장자 체크하기 ===================== 이미지 미리보기 더보기 라디오버튼선택값 미리 확인하기 키포인트는 radio1.value 가 안먹어서 이런짓을 하는거죠.. function checkRadio(form) { for(var i=0;i 더보기 [javascript] 팝업창 으로 폼전송 키포인트는 창을먼저 생성한 후에 생성된 창의 id를 이용하여 폼을 전송하는 것이죠. function popopen(aa) { document.mainform.val.value = aa; //창먼저 띄우고 window.open("", "pop", "height=300 ,width= 400,top=100, left=100, scrollbars=no"); //폼전송은 나중에 document.mainform.target = "pop"; document.mainform.submit(); } 더보기 [html] iframe 아이프레임 선언하기 ' target=_blank>http://www.yahoo.co.kr"> 차암 쉽죠잉~ 더보기 [javascript] 이미지 맵 사용하기 설명 샘플 웹페이지상 노출되는 이미지의 특정 부분에만 링크처리를 하고자 할 경우 Map object를 사용합니다. 사용방법은 아래와같습니다. 링크를 걸려고 하는 이미지 태그 를 작성한 후 USEMAP 이라는 속성을 추가해줍니다. 더보기 정규식관련 샘플 코딩 http://herlock.com/ob/jsref/regexp.html#1193136 [영문] 정규식 관련 js 메소드 //해당표현식에 해당하는 전체문장 replace function replaceall(frm,resultfld,dowhat) { var FullString = resultfld.value; var SelectedString = document.selection.createRange().text; var RegExpSelect = new RegExp (SelectedString, "gi") var ReplaceString = "change value"; var NewString = FullString.replace (RegExpSelect, ReplaceString); resultfld.v.. 더보기 [HTML] 스크립트 변수를 html 코드에서 보여주기 [document.write()] 간단하죠? ^^; 더보기 html DIV 태그 사용 형식 말바꾸기 뭐 이런 식이구요. 장점은 html 파일이 변하지 않고 내용이 바뀔수 있다는 점입니다. 더보기 이전 1 다음
