티스토리

교실
검색하기

블로그 홈

교실

mindols.tistory.com/m

다들 자리에 앉아 보도록 하세요.

구독자
0
방명록 방문하기
공지 정신없이 지내고있음... 모두보기

주요 글 목록

  • HTML에 데이터 저장하기[JSP] 01. HTML에 데이터 저장하기 - 특정 데이터를 태그 속성안에 저장하여 자바스크립트로 불러와 데이터를 사용할 수 있는 방법에 대해 알아보기. 1 1학년 1학기 2 1학년 2학기 3 2학년 1학기 4 2학년 2학기 5 3학년 1학기 6 3학년 2학기 와 같은 데이블이 있을때 data-id="value" 라는 속성을 추가하여 자바 스크립트에서 쉽게 불러와 데이터를 이용할 수 있습니다. $().ready(function() { $("[data-id]").each(function() { var $this = $(this); var dataId = $this.attr("data-id"); console.log("dataId : " + dataId); }); }); 위와같이 $("[속성]")으로 반복문을 돌아 .. 공감수 0 댓글수 0 2019. 2. 26.
  • Marquee tag 사용하기 [JSP] 01. Marquee tag(마퀴태그) 사용하기- 일정 범위에 맞춰 글씨를 이동하게 하는 tag- 아래 작성한 내용은 맨아래 글씨로 작성하였습니다. marquee tag 연습 Marquee Test (기본) Marquee Test (scrollamount 적용) Marquee Test (반동주기) Marquee Test (5번만 반복) Marquee Test (오른쪽으로 이동) Marquee Test (위로 올리기) 02. Marquee tag options (마퀴태그 옵션) behaviorSets how the text is scrolled within the marquee. Possible values are scroll, slideand alternate. If no value is specifie.. 공감수 0 댓글수 0 2018. 1. 23.
  • Google Map API 사용해보기 [JSP] 01. Google Map API ( 구글 맵 API 사용하기 )- 빠른 결과를 보기 위해 html을 사용했으며 jsp에도 동일하게 적용가능- 급하신사람을 위해 맨밑에 글씨로 작성하였습니다. 02. 살펴보기 - 구글 지도 API를 사용하기 위한 라이브러리 설정 LatLng : 내가 보고 싶은 위치 선정 ( maps.google.com -> 주소 등록 -> 마우스 오른쪽버튼 -> 이곳이 궁금한가요? 클릭시 쉽게 찾기 가능 )mapProp : 지도의 속성을 어떻게 할지 작성- center : 위치 선정 적용- zoom : 확대 단계 (가장 이상적인 확대는 16 ~ 18)- mapTypeId : 맵 타입을 설정 (궁금하면 하나씩 사용해보는것도 좋은 방법)- Roadmap(normal, default 2D ma.. 공감수 0 댓글수 0 2018. 1. 19.
  • $.ajax 사용시 error 발생이유를 알아보기 [Ajax] 01. Error발생 이유- Controller에서는 잘 작동이 되는데 error로 넘어가지는 경우. $.ajax ({type : 'post',url : 'url',dataType : 'json',data : data,success:function(data) {alert("success!");},error:function(request, error) {alert("fail");// error 발생 이유를 알려준다.alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);}}); ps. 계속 error로 넘어와져서 확인을 해보니 Dependencies를 추가 안해줘서 그랬네요. 공감수 3 댓글수 0 2017. 12. 13.
  • document.readyState 사용하기 [JavaScript] 01. document.readyState ? - uninitialized -> 아직 로딩 시작 되자 않음- loading -> 로딩중- interactive -> 충분히 로드되고 사용자가 상호 작용 할수 있음- loaded -> 객체 데이터 로딩이 완료되었다.- complete -> 로딩 완료 으로 사용할 수 있습니다. ex) var readyState = document.readyState; alert("현재 State 상태 : " + readyState ); 공감수 0 댓글수 0 2017. 12. 11.
  • 화면 뒤로가기 [Jsp] 01. 뒤로가기 ?- history.back()- history.go() history.back() -> 바로 이전문서로 되돌아갈때.history.go(-1) -> 이전문서로 되돌아갈때history.go(0) or location.reload() -> 현재 페이지 리로드history.go(1) -> 앞으로 가기 여기서 알 수 있는것은 history.go(파라미터) -> 파라미터에 의해 넘기는 페이지 수가 결정된다는 것입니다.또한 history.back() 에 파라미터를 넣어도 이전문서로만 되돌아 가진다는것 알아두시면 좋을거 같습니다! 공감수 0 댓글수 0 2017. 11. 22.
  • Print 하기 [JavaScript] 01. print 하기 javaScript에서 지원하는 window.print();를 사용하면 됩니다.window.print()를 바로 사용시 현재 창 상태를 그대로 인쇄하게 되어지는데내가 적은 body안에 내용들을 인쇄하고 싶다면document.write((넣고싶은내용들의 id).html()); ex) body안에 내용이 있다고 한다면document.write($("#printer).html());로 해주면 되겠습니다. 만약에 여러개를 하고 싶다면?? var printer = $("#printer).html();var printer2 = $("#printer2).html();var result = printer + printer2; 로 해서 result를 넘기면 됩니다. ps) .css는 먹히지 않는거.. 공감수 0 댓글수 0 2017. 10. 31.
  • name으로 넘겨지지 않는 값 넘기기 [JavaScript] 01. name이 써지지 않는 html - 대표적으로는 가 있습니다 당일 1주일 1개월 3개월 form이 이렇게 생겼다는 가정을 해보고 li의 있는 값을 name으로 넘길 수 없으니 value를 이용해 값을넘겨야 하는데 form을 넘길때 function submit() 하나 만들어 넘겨주는 방식으로 해줘야 합니다. function submit() { searchForm.selectedValue.value= $(".selected").val(); 또는searchForm.selectedValue.vale = 내가 원하는 id의 .val()를 주면 됩니다. document.searchForm.submit(); } 을 해주면 java단에서 request를 받을때 request.getParameter("selec.. 공감수 2 댓글수 0 2017. 10. 31.
  • iframe 사용하기 [Html] 01. iframe란? html 웹 문서 안에 또 다른 웹 문서를 넣을 수 있고, 뮤직비디오나 동영상 등을 넣을 수 있습니다.html 4.01부터 모든 브라우저에서 iframe의 태그를 지원하게 되었습니다. 이처럼 아주 간단하게 사용 가능합니다. 결과를 local에 띄워보면 iframe의 속성들 속성들 출처 : http://aboooks.tistory.com/205 공감수 0 댓글수 0 2017. 9. 7.
  • '=='과 '==='의 차이 [JavaScript] 01. '==' 과 '==='의 차이 '=='은 Equal Operator라고 부르며'==='은 Strict Equal Operator라고 부릅니다.Strict란 엄격한 이라는 의미로 해석이 되는데 '=='보다 조금더 엄격하게 구분을 한다는 의미입니다. 첫번째 if문은 a와 b가 같으면(==)을 사용하여 결과값이 True가 나오는 것을 알 수 있고,두번째 if문은 a와 b가 같으면(===)을 사용하여 결과 값이 False가 나오는 것을 알 수 있습니다. 이유) '=='은 값이 같은지 판단하여 결과를 출력하였고'==='은 값이 같은지, 타입(형식)이 같은지를 판단하여 결과를 출력을 하기 때문에 서로 다른 결과가 나오게 됩니다. 공감수 0 댓글수 0 2017. 6. 19.
  • [JavaScript] json 타입의 Ajax 사용하기 AJAX란?AJAX란 비동기 JavaScript와 XML을 말합니다. 간단히 말하면, 서버측 Scripts와 통신하기 위한 XMLHttpRequest객체를 사용하는 것을 말합니다. 서버측으로 다양한 형식(JSON, XML, HTML 및 일반 텍스트 형식 등)의 정보를 주고 받을 수 있습니다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다. 최신 jquery를 받아 사용하기. 01. 사용법$.ajax ({ type : 'get or post',url : 'url적기',dataType : 'json',data : {//넣을 값ex) name : "민돌.. 공감수 0 댓글수 0 2017. 4. 18.
  • each() [JavaScript] each()다른 언어들의 for, while 문과 동일한 기능을 함. 사용법.1. DOM 반복$(selector).each(function() { 내용.}); 1-2. element에 해당되는 값도 구할 수 있다. $(selector).each(function(index, element) { 내용. )}; 2. Array, Object의 반복을 할 때에는. $.each([1,2], function(index, value) { alert( index + " : " + value );}); 2-2. Object 의 반복 $.each(obj, function(key, value) {alert( key + " : " + value );}); 공감수 0 댓글수 0 2017. 1. 12.
  • Anchor, Request, Form, sendREdirect [JSP & HTML] Anchor Anchor태그 -> 링크를 만든다target="_blank" -> 새로운 창으로 보여준다.절대 경로 -> 처음부터 끝까지 주소가 다 나와있다. (도메인이 다를경우)상대 경로 -> 주소는 모르지만 어딘지는 알고있다. (같은 도메인일 경우) ?key=value & key=value -> 파라미터에 필요한 정보들(1byte의 글자수)http의 포트번호는 80https의 포트번호는 443ftp의 포트번호는 21ftps의 포트번호는 22 Request String name = request.getParameter("name");사용법>http://localhost:8080/SimplesMVC/index?n1=60&n2=70 입력값 유효성 검사(Val Cheak)if( name == null) {na.. 공감수 0 댓글수 0 2016. 11. 2.
  • Div, Css [JSP & HTML] DIV 여러 사이즈를 지원한다. 두 번째 DIV CSS '.' '#' padding: 0px; // 내부를 띄운다.margin: 0px; // 경계선 밖으로 밀어준다. 공감수 0 댓글수 0 2016. 11. 2.
  • Html 기본 [JSP & HTML] Eclipse -> Java ProgramToad for OracleSQLDeverloperSpring Tool Suite -> WEB app spring.iohttp://tomcat.apache.org/ - 영역나누기 - 테이블 만들어주기 - 링크 만들어주기 - 목록 만들기 "." - 목록 만들기 "1" - 문장 만들기 공감수 0 댓글수 0 2016. 11. 2.
  • Javascript, Choose [JSP & HTML] // 을 "(스페이스)" 로 바꿔라 fn:replace(원본,찾고싶은거,바꾸고싶은값) java의 이프문이지만 else사용 못함. //if문 같은것 내용else결과 tag,element,dom -> 요소들을 가져오는 이름(같은이름) JavaScript 오류 발생시 -> 인터넷창 -> 마우스 오른쪽 버튼 -> 요소검사 or 검사 -> console JavaScript 이벤트를 제어하기위한 목전(클릭이나, 더블클릭, 드래그, 드랍 등...) 문자열 끼리 비교가 된다"", '' 둘다 사용가능 .length를 문자열 앞에 사용가능예>"aidkfjwij".length -> 9글자 타입이 없다.(int, long, boolean, char ...)var 변수명 = 값; .charAt(23);23번째 자리에 무엇이 들.. 공감수 0 댓글수 0 2016. 11. 2.
  • JQuery, Ajax [JSP & HTML] 참조 : jquery.com Jquery -> ~~가 되면 ~~을 해라! $(document).ready(function() { // .ready() -> 브라우저에 보여지기 직전에 ready가 끝난다.} ); $() 시작한다. $().attr(); -> $폼의 속성을 작성해서 가져오고 사용할수있다. show(); 엘리먼트가 보여준다.hide(); 엘리먼트를 숨겨준다.toggle(); 위의 활동을 반복시켜준다 AJAX - > Asynchronized Javascripte And Xml 동기 : 차례대로 실행비동기 : 순서없이 실행 -> Ajax .post("요청할주소", {파라미터}, function(응답))예> $.post("http://localhost:8080/HelloWeb/table.jsp", .. 공감수 0 댓글수 0 2016. 11. 2.
  • PrintWrite, Forward, JSTL [JSP & HTML] // 인코딩해주기response.setCharacterEncoding("UTF -8"); PirntWrite // 화면을 출력하기 위한 객체PrintWirte out = respponse.getWriter(); // 응답 메시지를 메모리에 담아둔다out.print(""); // 응답을 클라이언트에게 전송out.flush(); // PrintWriter 를 담는다.out.close(); M : Model (데이터 뭉치) -> Servlet이 JSP에게 주고싶을때 V : View (JSP) -> WEB-INF의 View라는 폴더를 만들어 관리C : Controller(Servlet) Forward - View를 보여주는역할 ${} -> EL .. 공감수 0 댓글수 0 2016. 11. 2.
  • Session_Cookies, Filter, Errorpage [JSP & HTML] Session(내장객체)(Tomcat서버의 기술)- Login할 때 사용- 보안성이 높음 Stateless Protocal(상태가 없는 프로토콜) -> session와 관련있음Client -> Server -> Client 간의 응답은 반드시 오지만 '단발성'이다 사용법: HttpSession session = request.getSession(); -> Http Session이라는 객체를 리턴setAttribute(key, value), getAttribute(key)key : Stringvalue : object Session은 서버가 기억한다.(저장) Cookie (Java의 기술) (잘 사용하지 않음)- ID 기억하기, 자동 로그인- 보안성이 매우 취약 서버는 모르지만 Client가 기억한다.(저.. 공감수 0 댓글수 0 2016. 11. 2.
  • sessionScope, Header [JSP & HTML] sessionScope -> 서블릿이 만든 세션에다가 접근할수 있게 만들어준다 ex) execute session.invalidate(); -> 세션을 모두 지워버린다 (로그아웃) 공통적인 부분을 모두빼서새로운 jsp파일에 넣어서 한다. $("#searchType").change(function() {// 선택된 Select option 의 value를 가져옴//alert($(this).val());// 선택된 Select option 의 Text를 가져옴.alert($("#searchType option:selected").text());}); 식으로 사용가능 DAO -> 작은 단위의 task 여러개의 task를 모와서 만드는게 -> BIZ 공감수 0 댓글수 0 2016. 11. 2.
  • Table, Directive [JSP & HTML] Table(표)tr(행)td(열),th(두꺼운글씨 열) border="1" -> 표같이 보이게 해주는것style="width: 300px;" 넓이style="height: 300px;" 높이colspan -> 표 합치기(좌,우)rowspan -> 표 합치기(상,하)border: 1px solid #000000k; -> 테두리를 1px로 주고 실선으로 주겠다border: 1px dashed #000000; -> 테두리를 1px로 주고 점선으로 주겠다.border-collapse: collapse -> 테두리를 한줄로 만들어준다.background-color: #000000-> 배경색 데이터를 넣을 수 있음 굵게 -> page Directive -> import할때 사용 자바 코드를 조금 더 편하게 쓴다. .. 공감수 0 댓글수 0 2016. 11. 2.
  • Board 게시판 ↓↓↓↓ 공감수 0 댓글수 0 2016. 10. 9.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.