길위의 흔적532 13.jsp - 회원가입 1.회원가입 페이지 1234567891011121314151617 $(document).ready(function() { //회원가입 $("#btnJoin").click(function (){ location.href="/web02/member/join.jsp"; }); Colored by Color Scriptercs 2.회원가입 페이지 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103Insert.. 2016. 11. 14. 12.JSP - 로그인 & AJAX 비동기 방식으로 처리&암호화&정규표현식 1.로그인 페이지 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103Insert title here $(document).ready(function() { alert("오잉"); $("#btnLogin").click(function() { var userid = $("#userid").val(); var passwd = $("#passwd").val(); if (userid == "") { alert.. 2016. 11. 14. [책 리뷰] 세계의 교양을 읽는다 - 종합편 인문최병권, 이정옥 편집357쪽휴머니스트 바칼로레아는 프랑스의 대입시험이다. 철학시험은 시험 과목 중에서 가장 인기가 높다. 언론은 시험 몇 주 전부터 철학시험에 대한 특집기사를 다룬다. 시험 당일이 되면 프랑스 시민들 모두 그날 철학시험의 주제에 대해서 함께 고민하고 토론한다. 프랑스를 문화강국으로 만든 바칼로레아 철학시험. 저자는 10년 동안 출제되었던 철학 문제들을 정치, 윤리, 인문, 과학, 예술 분야로 나누어 훌륭한 답변들과 함께 책으로 엮었다. 2016. 11. 13. 11.JSP - 수정 삭제 1. 화면에서 수정삭제 버튼 클릭하면 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105Insert title here $(document).ready(function() { //삭제 $("#btnDelete").click(function(){ if( confirm("정말 삭제 하시겠습니까?")){ //주소 이동 //수정과 삭제의 주소가 달라서 form 태그 안에 적어주지 않고 이곳에 적어.. 2016. 11. 11. 12.JSP - filter 필터 &한글처리 1234567891011121314151617181920212223242526272829303132333435363738394041424344package config; import java.io.IOException;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.ServletResponse;import javax.servlet.annotation.WebFilter; //filter 선처리 클래스//아래 요청에 대해.. 2016. 11. 11. 11.JSP - 메모 상세 & EL 메모 리스트메모 제목에 A 태그 달기 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758Insert title here 번호 이름 메모 날씨 Colored by Color Scriptercs 2컨트롤러 123456789101112131415161718192021else if(url.indexOf("view.do")!=-1){ //string 값으로 넘어온다. //글번호 int idx=Integer.parseInt(request.getParameter("idx")); //dao에 레코드 정보 조회 MemoDTO dto=dao.MemoView(idx); request... 2016. 11. 11. 10.JSP - 한줄메모 삽입 & AJAX 한줄메모 삽입 & AJAX INDEX.JSP 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119Insert title here $(document).ready(function(){ memo_list(); //추가버튼 클릭 이벤트 $("#btnAdd").click(function (){ memo_insert(); }).. 2016. 11. 10. 9.JSP - JDBC&데이터 처리 순서&DB CONN 따로 분리 JDBC&데이터 처리 순서 2016. 11. 10. 8.JSP - 태그문자&공백문자&줄바꿈 문자 처리 12345678910111213141516171819202122232425262728293031 // 다 읽어 와라 결과셋.next() 다음 레코드가 있으면 true while (rs.next()) { // 데이터 그릇을 만들어서 oracle에서 불러온 데이터들을 담아준다. MemoDTO dto = new MemoDTO(); // 결과셋.get자료형("칼럼이름") dto.setIdx(rs.getInt("idx")); dto.setWriter(rs.getString("writer")); // 부등호 문자 < ; Less Than String memo = rs.getString("memo"); // 태그 문자 처리 memo = memo.replace("", ">"); // 공백문자 처리 memo = me.. 2016. 11. 10. 7.JSP - 한줄메모 목록 리스트 AJAX 1.INDEX.JSP 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354Insert title here $(document).ready(function(){ memo_list(); }); function memo_list(){ //함수 $.ajax({ //함수의 파라미터 url: "/memo_servlet/list.do", success : function(result) { //result : Response Text (서버의 응답텍스트) // div의 내용을 교체함 $("#divList").html(result); } }) } 한줄메모장 이곳에 목록이 출력됩니다. Colored.. 2016. 11. 10. 6.JSP - MVC 패턴 & 도서 목록 컨트롤러에서 해당 URL 받아서 처리하기 MVC 패턴 & 도서 목록 컨트롤러에서 해당 URL 받아서 처리하기 1.리스트 화면으로 바로 이동 123456789101112131415161718192021222324Insert title here Colored by Color Scriptercs 2. 북 컨트롤러 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111package book; import ja.. 2016. 11. 9. 5.JSP - DBCP 커넥션 풀 SERVER에 CONTEXT.XML 123456789101112131415 --> WEB-INF/web.xml ${catalina.base}/conf/web.xml Colored by Color Scriptercs BOOK DAO 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512.. 2016. 11. 9. 4.JSP - 페이지 화면이동 방식 페이지 화면이동 방식 2016. 11. 8. 3.JSP - MYSQL JSP insert 폼에서 servlet으로 값넘기기 1리스트에서 도서등록 버튼 누르면 2 insert.jsp 페이지로 이동 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 Insert title here 도서목록 번호 도서명 저자 가격 수량 Colored by Color Scriptercs 2. insert.jsp 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687.. 2016. 11. 8. 2.JSP - MYSQL JSP 연동 &리스트 뽑아오기 MYSQL JSP 연동 &리스트 뽑아오기 MYSQL 홈페이지에서 mysql-connector-java-5.1.40 다운받아 압축을 푼뒤 lib 파일에 넣어준다. 1. 뷰 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Insert title here 도서목록 번호 도서명 저자 가격 수량 Colored by Color Scriptercs 2. bookDTO 데이터 담는 그릇 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061.. 2016. 11. 8. 1.JSP - 환경설정 및 기본개념 JSP 기초서블릿 : 서버에서 실행되는 자바 클래스 (컨트롤러:흐름제어) 2016. 11. 7. 8.알고리즘 - 검토 검토 프로그램을 만들어 실행시켰을 때 다른 결과가 나올 경우가 있기때문에 이런 경우를 방지하기 위해서 검토해야 한다. 방법 1. 기억장소를 그린다. 2. 작성된 순서도에서 사용하는 기억장소를 종이에 그린다. 표 형식으로 정리하고, 그것을 검토표라고 한다. 또한 초기값이 있는 경우 초기값을 적는다. 3. 입력이 있으면 입력 자료를 가정한다. 4. 외부로부터 입력을 받아서 처리하는 경우 문제의 의도에 맞는 입력자료를 가정하여 종이에 표기한다. 5. 제어흐름은 3번이상 따라간다. 작성한 제어논리는 반복구조가 보통 사용된다. 따라서 이와 같은 반복구조가 우리가 원하는 만큼 제대로 반복을 수행하는지 파악해 보아야 한다. 6. 반복 탈출 조건은 반드시 검사해 본다. 2016. 11. 6. 7.알고리즘 - 설계 설계 자료명세서에 정리된 데이터들, 상수 혹은 변수들을 시작기호 바로 밑에 준비기호를 작도하고, 내용으로 쉼표로 구분하여 적어야한다.자료명세서에 정리된 대로 기호상수, 출력, 입력, 처리, 추가자료 순서대로 적는다. 예) 기호상수는 기호상수명칭= 상수값 형식으로 기술 하면된다. SUBJECTCOUNT = 2.0 변수의 초기화 표현도 변수명칭= 초기값 형식으로 기술해야 한다. 초기값은 반드시 상수이어야 한다.number 는 누적에 사용되므로 반드시 초기화 해야한다.그러나 바로 number의 초기값을 설정하는 것 보다 제어논리를 작성하고, 검토하면서 초기값을 설정하는 것이 더욱더 쉽게 초기값을 설정할 수 있다.그러나 이번에는 number가 1부터 시작되어야 하므로 바로 0으로 설정할 수 있다. 2016. 11. 6. 6.알고리즘 - 분석 분석 -문제이해 반드시 입력받아야 하는 값이 있는가? 정해진 상수가 있는가? 결과를 도출할 수 있는 공식이나 절차가 있는가? (문제이해 단계는 문제에서 요구하는 결과와 주어진 조건을 파악한 후 컴퓨터 기본기능과 3가지 기본 제어구조를 적용하여 수작업으로 문제를 풀어보는 단계) -자료명세서 자료를 찾아내는 단계에 따른 구분 출력자료: 외부로 출력되는 자료를 저장하는 기억장소입력자료: 외부로부터 입력되는 자료를 저장하는 기억장소준비자료: 문제 이해단계에서 입력과 출력이 아닌 자료를 저장하는 기억장소기호상수: 상수에 대한 명칭정의처리자료: 처리과정에서 발견되는 자료를 저장하는 기억장소추가자료: 설계를 진행하면서 필요한 자료를 저장하는 기억장소 -처리과정 구체적인 방법보다는 무슨일을 할 것인가 만을 기술합니다... 2016. 11. 6. 5.알고리즘 - 소프트웨어 생명주기 소프트웨어 생명주기 폭포수 모형 개발 전 단계(타당성 조사,예측,계획) - 요구사항수집- 분석- 설계- 구현-테스트-운영/평가- 유지보수 상세설계 1.문제이해단계 : 소프트웨어 개발자가 문제를 수작업으로 해결할 능력이 있어야 개발 할 수 있다. 2.자료명세서와 처리과정 작성단계 : 소프트웨어가 무엇을 할 것인가 정리하는 단계. 어떤 값을 구할 것인가? 수집된 요구사항을 바탕으로 파악한 데이터를 이용하여 어떤 처리를 어떤 순서에 의하여 할 것인가를 정리하는 단계 문제에서 처리해야 하는 데이터들을 찾고, 그 데이터들을 구하는 처리들을 결정하고, 처리들을 어떤 순서로 나열할 것인지정리하는 단계 3.순서도 작도 단계 4.구현 5.테스트 6.컴토 및 평가 2016. 11. 6. 11.웹페이지제작 - 완성 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816.. 2016. 11. 3. 4.알고리즘 - 식과문장&제어문 식: 프로그래밍언어에서 어떤 값을 구하기 위해 데이터들과 연산자에 의해 조합된 표현 단위예) 산술식, 관계식, 논리식, 치환식 참고: 컴퓨터는 정수형 데이터에 대해서는 나누기 연산을 사용할 수 없다.관계연산중 등가연산(=)은 반드시 정수 값에 대해서만 사용한다! 제어구조: 특별한 기능을 수행하기 위해 단일 연산식이나 수행순서를 기술해야 하는데 이것을 제어 논리라고 한다.이러한 제어 논리를 작성하는데 순차구조, 선택구조(TRUE or FALSE), 반복구조(EOF) 세가지 제어구조만으로 작성할 수 있다. 2016. 11. 3. [책 리뷰] 삶은 어떻게 책이 되는가? 인문임승수 지음320쪽한빛비즈 대한민국에 글쓰기 열풍이 불면서 너도나도 ‘책을 써서 돈 좀 벌겠다’는 사람들이 늘어나고 있다. 저자는 책을 써서 돈 벌기란 낙타가 바늘구멍에 들어가기보다 어렵다고 주장한다. 이 책을 통해 출판현장에서 직접 부딪히며 겪었던 저자의 시행착오들과 경험들을 읽는다면 어떻게 글을 대하고 책을 써야 하는지 마음 깊이 깨달을 수 있다. 2016. 11. 3. 3.알고리즘 - 기억저장소 기억저장소:어떤 처리를 하는데 필요한 모든 명령어와 관련된 데이터는 주기억장치에 두고 , 중앙처리장치에서 하나씩 꺼내어 쓴다. 컴퓨터의 정보처리 단위: bit, byte , word 8개의 비트를 조합하면 0 ~ 9 까지 A 에서 z 까지 그리고 영문자 특수기호를 표현 할 수 있다. 8개의 비트가 묶어진 정보처리 단위를 byte 라고 한다. byte는 컴퓨터와 사람간 정보를 교환하는 단위로 컴퓨터가 처리하는 최소한의 입출력단위이다. word는 데이터들이 주기억장치에서 중앙처리장치로 복사될때 한번에 읽어져 복사되는 비트의 그룹단위이다. 컴퓨터에서는 바이트 단위로 주소를 부여한다.(절대주소). 하지만 절대주소를 사용해서 데이터를 저장한다면불편하다. 그래서 데이터 저장 주소 사용을 쉽게 하기 위해서 변수와 상.. 2016. 11. 3. 10.웹페이지제작 - 컨텐츠 페이지 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 만나 공지 만나 공지사항 메인 회사 상품 자료 공지 문의 만나홈페이지가 새롭게 개설되었습니다. 한국 최초의 전도형 주문QT책자 만나홈페이지가 새롭게 탄생했습니다. 앞으로 주보시안,캘린더,소식지,QT책자 등 다양한 문서자료를 업로드할 예정입니다. 자주 방문하셔서 퀄리티 높은 자료들 .. 2016. 11. 2. 9.웹페이지제작 - 준비2 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172공지 .site h1 a{color:black; text-decoration:none}.site h1 {margin:0; font-size:30px}.site p {margin:0; font-size:12px}.menu ul{ list-style:none}.menu li a{color:black; font-size:14px; text-decoration:none; display:block; padding:5px}.menu li a:hover{ background-co.. 2016. 11. 2. 8.웹페이지제작 - 준비1 1234567891011121314151617 만나 공지 Colored by Color Scriptercs HTML 을 사용하겠다.선언 언어종류 화면출력 내용물 HTML파일 인코딩 스마트폰 및 테블릿PC에 맞게 출력 스타일시트 적용하기 2016. 11. 2. 7.레이아웃 - 박스 겹치기 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849샘플.boxA{boder:solid 8px green; background-color:gold; color:pink}.box1{ height: 200px; border:4px solid green; text-align: center; position:relative}.box2{ height: 100px; border:4px solid blue; position:absolute; top:150px;left:60px } BOX1 BOX2 Colored by Color Scriptercs - 박스 1과 2를 div태그로 감싸 그룹화 한다. 박스 A의 p.. 2016. 11. 2. 6.레이아웃 - 박스 정렬 순서 float 속성을 left 로하면 상자는 왼쪽에 right로 하면 오른쪽에 붙는다. 2016. 11. 2. 5.레이아웃 - 박스너비 고정하기 박스너비 고정하기 123456789.box2 {float: left; width: 300px ; height: 200px; border:4px dotted green; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }Colored by Color Scriptercs 1. 박스2의 너비를 300px으로 준다. 1234567891011.box3 {float: none; width: auto; height: 200px; border:4px dotted blue; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; .. 2016. 11. 2. 이전 1 ··· 13 14 15 16 17 18 다음
