본문 바로가기

웹 프로그래밍 기초/자바기반의 웹&앱 응용SW 개발자131

자바기반의 웹&앱 응용 SW개발자 양성과정 54일차 -85 HTML5 API 멀티미디어 네트워크 통신 로컬 저장소 애플 플랫폼에서는 호환이 잘되지 않는다. 브라우저 객체 window 자바스크립트 코드로 창을 제어할 수 있습니다. console창에서 window.open("http://www.daum.net"); window.close(); 를 실행하면 알 수 있습니다. window의 중요 객체 window.loaction Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다. Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되는데, Document와 Window 인터페이스가 이런 Location을 가지고 있습니다. 각각 Document.location과 Window.location으로 접근할 수 있습니다. window.history.. 2020. 5. 21.
자바기반의 웹&앱 응용 SW개발자 양성과정 54일차 -84 DB구축 실세계 - 요구사항 수집 분석 먼저 실제 세계에서 어떤 시스템을 구축할 것인지에 대한 요구사항을 수집합니다. 요구사항에 대해 어떤 데이터들이 필요한지, 어떤 기능들이 필요한지 분석합니다. 개념적 설계 ER 다이어그램을 통해 요구사항을 개념적으로 표현합니다. 논리적 설계 관계 모델(Relation model)을 통해 개념적 설계를 논리적으로 표현합니다. 물리적 설계 실제 디스크와 같은 물리 저장장치에 데이터를 저장할 수 있도록 표현합니다. 회원이 무슨 행위를 하나. 행위로 인한 결과의 데이터가 쌓임 결과에 대한 여러 가지 행위에 대한 데이터를 넣을지의 진위를 판단. 그러한 행위는 주체와 대상과의 관계인 3 형식 3 형식? 가?을? 하다. 대상과 대상의 관계이며 대표적으로 포함관계가 있는 4 형식 .. 2020. 5. 21.
자바기반의 웹&앱 응용 SW개발자 양성과정 53일차 -83 파일 업로드하기. 글쓰기 페이지에서 제목과 내용 그리고 사진을 저장한 뒤 post를 했을 경우 개발자 도구의 Network화면이다. 데이터를 인코딩한후 서버에 보냈는데 파일은 전송이 되지 않았습니다. 왜냐하면 전송되는 타입은 문자열이 기본이기 때문이다. 즉 쿼리 스트링을 보내는 것처럼 url로 인코딩해서 보냈습니다. 파일을 전송하고싶다면 보내는 쪽의 설정을 변경합니다. form태그 안에서 전송방식의 기본 타입을 확인할 수 있습니다. 여러 가지 타입을 받기 위해 우리는 설정을 변경해 줍니다. multipart/form-data는 파일 업로드가 있는 양식 요소에 사용되는 enctype 속성의 값 중 하나이고, multipart는 폼데이터가 여러 부분으로 나뉘어 서버로 전송되는 것을 의미합니다. 요소의 met.. 2020. 5. 15.
자바기반의 웹&앱 응용 SW개발자 양성과정 52일차 -82 수정 페이지 수정 버튼 눌렀을 때 edit페이지 구현하기. 수정을 할 경우 가져가야 할 param은 페이지에 대한 id와 수정할 제목 , 내용이다. 폼을 edit컨트롤러에 연결해주고 name값이 title , content, id값을 getparameter로 컨트롤러에서 받는다. 공지사항 수정 제목 작성일 ${n.regdate} 작성자 ${n.writerId} 조회수 ${n.hit} 취소 컨트롤러에서는 비즈니스 로직을 처리한 뒤 비단으로 보낸다. 그리고 자신이 수정할 페이지를 확인할 수 있도록 해당 id의 detail페이지로 sendRedirect 해줍니다. package com.newlecture.web.controller.admin.board.notice; import java.io.IOExcepti.. 2020. 5. 14.
자바기반의 웹&앱 응용 SW개발자 양성과정 51일차 -81 tiles 집중화하기 tiles.xml에서 우리는 조각된 jsp를 layout파일에 붙여서 view단으로 전 송하기 위해서 각 설정을 해주었다. 이렇게 반복되는 것은 무조건 줄이는 방법이 있기 마련 이에 대한 해답은 Asterisk*입니다. 첫 번째 * 애스터리스크는 {1}과 매칭 되며 두 번째 * 는 {2}와 매칭 됩니다. 만약 너무 *을 많이 사용하게 되면 메모리나 무한루프에 빠질 수도 있습니다. 전산화 모든 업무 시스템은 전산화가 이루어지고 있다. 전산화는 업무시스템에서 문서라는 것을 전산화하는 것이다. 업무 시스템을 분석한다는 것은 행위자에 대한 분석입니다. 행위자는 우리는 액터라고 하는데 액터를 구분 짓는 방법은 행위로 구분을 짓습니다. newlecture에서 액터는 관리자 학생 선생님 들이 남.. 2020. 5. 12.
자바기반의 웹&앱 응용 SW개발자 양성과정 51일차 -80 Layout 집중화 jsp 액션 태그들은 view단에서 객체를 생성한 뒤 속성 값을 가져오도록 하는 예전 방식인데 이러한 방식들은 MVC방식에 어긋나는 방법입니다. 잘 사용하지 않지만 html의 코드의 반복을 줄이고 다른 페이지의 실행 결과를 현재의 페이지에 포함시킬 때 jsp의 액션 태그인 include를 사용합니다. 문법 예를 들면 문서상의 구조(header부분, footer부분)를 직접 복사해 다른 페이지에 붙여 넣고 수정하는 작업을 했습니다. 만약 header와 footer가 변경된다면 수많은 페이지를 직접 수정해야만 했는데 이러한 페이지를 하나의 페이지에 모아서 공유하여 관리를 편하게 하도록 위함입니다. 하지만 각 각의 html에 를 전부 넣는 것은 별로라고 생각할 수 있습니다. 따라서 tile.. 2020. 5. 11.
자바기반의 웹&앱 응용 SW개발자 양성과정 50일차 -79 공개 설정 이용하기. checked라는 속성을 조건 처리해 공개된 공지사항을 표시해주기 ${n.id} ${n.title}>${n.cmtCount} ${n.writerId} ${n.hit} 사용자도 공개 설정된 공지사항만 볼 수 있도록 하기. 사용자 notice/list 쿼리문에 Pub 값이 =1 인 공지글만 보도록 쿼리문을 설정한다. String sql = "SELECT * FROM(" + " SELCT ROWNUM NUM, N.* " + " FROM (SELECT * FROM NOTICE_VIEW WHERE "+field+" LIKE ? ORDER BY REGDATE DESC) N" + ")" + "WHERE PUB = 1 AND NUM BETWEEN ? AND ? "; 공지사항 일괄 공개하기 공개하기.. 2020. 5. 5.
자바기반의 웹&앱 응용 SW개발자 양성과정 49일차 -78 파일 저장을 위한 물리 경로 얻기 파일을 file이라는 키값으로 서버에게 보냈다. request.getPart('file') 메서드를 사용 · HttpServletRequest에 getParts() 메서드를 사용하여 multipart/form-data 방식으로 가져오는 모든 데이터를 가져올 수 있다. · getPart(String partName)을 통해 필요한 내용만을 가져올 수도 있다. 스트림을 통해 전달받은 파일을 저장해야하는 경로를 절대 경로로 저장해주어야 한다. 실행 중에 동적으로 경로를 알기 위해 request.getServletContext(). getRealPath("/upload");로 사용해주면 물리 경로를 알려주게 됩니다. package com.newlec.web.controller... 2020. 5. 5.
자바기반의 웹&앱 응용 SW개발자 양성과정 49일차 -77 공지사항 자세한 페이지 추가 detail.jsp 헤더 메인메뉴 학습가이드 강좌선택 AnswerIs 강좌검색 폼 과정검색필드 과정검색 회원메뉴 HOME 회원가입 고객메뉴 ADMIN PAGE 마이페이지 관리자홈 선생님페이지 수강생페이지 알림관리 공지사항 공지사항 breadlet home 고객센터 공지사항 공지사항 내용 제목 {n.title} 작성일 ${n.regdate} 작성자 {n.writerId} 조회수 {n.hit} 첨부파일 ${fn:toUpperCase(fileName)} / {n.content} 목록 수정 삭제 다음글 다음글이 없습니다. 이전글 스프링 DI 예제 코드 주소: 서울특별시 관리자메일: admin@newlecture.com 사업자 등록번호: 111-11-11111 통신 판매업: 신고제 1.. 2020. 5. 4.
자바기반의 웹&앱 응용 SW개발자 양성과정 49일차 -76 공지사항 등록을 위한 Controller / View 준비하기. 공지사항 글쓰기 버튼을 누르면 글을 쓸 수 있는 페이지를 전달하며 두 번째는 글을 작성한 뒤 등록을 했을 때 post를 처리하는 로직과 pub칼럼이 추가 됐을 때 처리하는 방식 등록을 위한 RegController package com.newlec.web.controller.admin.notice; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest.. 2020. 5. 4.

티스토리툴바