728x90
반응형

Learn/KH정보교육원 88

[KH정보교육원 당산] 55일차(MVC예제 : 게시판 완성)

전에 했던 예제의 연속이다. index.jsp 프로젝트를 실행하게 되면 웰컴페이지(index.jsp) 실행 제목을 클릭하면 조회수 증가와 함께 게시글 상세보기 이때의 글의 제목 부분 a태그로 감싸져있다. BoardServlet으로 command라는 파라미터명에 board_view와 num값을 전달 하게 된다. ${board.title } BoardServlet에서는 다시 ActionFactory.java으로 board_view가 있는지 확인하고 있다면 객세를 생성하여 리턴 ActionFactory.java에서 getAction메소드에 값을 추가해준다. else if(command.equals("board_view")) { action = new BoardViewAction(); } BoardViewAct..

[KH정보교육원 당산] 53일차 ( model2 - MVC 예제: 게시판 리스트 /글 등록 )

기존 해왔던 방식) JSP, Servlet, DTO, DAO => 사용자 화면, 내부처리(데이터베이스) 역할을 분리 JSP요청 => Servlet, list.jsp => 요청 목록 => ListServlet 요청 오늘부터는 중간에 Action페이지를 두어 서블릿으로 내용을 보낼것이다. JSP => 요청 => Servlet => 요청 내용 => Action페이지에서 처리 ** 목록 / 삭제 / 수정 / 추가 / 비밀번호 => List / Delete / Update / Insert / Check => 해당 Action페이지에서 처리 사용된 패키지 구조이다. Action.java 인터페이스를 먼저 작성한 후 action패키지의 모든 자바 파일에 구현!! 데이터 베이스 연결은 DBManager.java에서 하..

[KH정보교육원 당산] 연습문제6 (UI)

1.아래의 주소를 이용하여 구글 폰트 사용하는 방법을 적으시오,( 임포트 후 font-family로 적용 2.웹 폰트를 사용하려고 한다. 그 방법을 적으시오. ( 4.유밥 회사소개 도서 자료실 질문답변 동영상강의 가로 출력 방법 => 5.스타일 선언 및 사용하는 4가지 방법을 적으시오. => 1.Internal Style(헤드태그안에) 2. Inline Style (요소 내부안에) 3.External Style(css파일을 따로 만들어서 사용) 4.import 6. 스타일 우선 순위와 그 변경 방법을 적으시오 =>인라인(inline) > 내부(internal) > 외부(external) > 브라우저기본값 강제 적용 : !important 선언 7. 태그와 태그의 특징과 주된 활용방법을 적으시오. => s..

[KH정보교육원 당산] 48일차(이미지 슬라이드,온도 변환)

이미지 슬라이드 사이드 바를 클릭하면 이미지가 다음 이미지로 변환되는 이미지 슬라이드를 만들것이다. 사용된 CSS .wrapper { /* 슬라이드 쇼 영역 스타일 */ width:600px; /* 너비 */ margin:0 auto; /* 화면 중앙에 배치 */ position:relative; /* 슬라이드 위치를 잡기 위해 */ background-color:#ccc; text-align:center; /* 슬라이드를 화면 중앙에 배치 */ } #container { position:absolute; } #container > img { /* 각 이미지의 스타일 */ width:100%; /* 슬라이드 영역에 꽉 차게 */ float:left; /* 왼쪽부터 배치 */ } button { posit..

[KH 정보교육원 당산] 47일차(자바스크립트 - 주문폼, onchange 속성 , 체크 박스 계산, 시계,숫자맞히기 게임)

체크 박스를 클릭하게 되면 "주문 정보"에 입력한 데이터가 아래 "배송 정보" 칸에 자동으로 채워지게 할 것이다. 사용한 CSS 더보기 * { margin:0; padding:0; box-sizing: border-box; } ul { list-style: none; } legend { font-size:1.2em; font-weight:bold; margin-left:20px; } form { width:520px; height:auto; padding-left:10px; margin:50px auto; } fieldset { border:1px solid #c0c0c0; padding:30px 20px 30px 30px; margin-bottom:35px; } .field { float:left; w..

[KH정보교육원 당산] 46일차 (JavaScript - 입력값 추가,삭제, 기념일 계산, 랜덤)

자바스크립트를 이용한 객체 생성 => var 변수명 { 객체명 } => {변수명:값, 변수명:값,~~~ }; ex) 회원 객체 var member={name:"홍길동", age:33~~ }; 자바 스크립트 객체의 생성자 및 멤버변수, 메소드 선언방법 생성자) function 생성자 (매개변수){ this.멤버변수명; this.메소드명 = function(){ } } 객체 생성 방법 => var 객체명 = new 생성자(전달값); 객체의 변수 사용방법 => 객체명.멤버변수=값; 객체의 메소드 호출방법 => 객체명.메소드명(); 자바 스크립트 객체, 멤버변수, 메소드 선언시, { } 을 이용하는 방법 (필요할 경우에만 간단하게 선언하여 사용) var 객체명 = { 멤버변수:값 멤버변수:값, 멤버변수:값, 메..

[KH정보교육원 당산] 45일차 (JavaScript 시작)

자바스크립트 특징 완벽한 언어가 아니다.(데이터 타입x) 변수 선언 : var 변수명; 함수 선언 : function 함수명(){ } function 함수명(매개변수명){ } 제어문 : if / for / while HTML 태그 선택 : document.querySelector(#id); HTML 태그 객체 onclick=function() { } 이러한 형태 자바 스크립트를 사용한 프레임워크 => jQuery / node.js / react.js / vue.js 자바 스크립트 => 함수를 선언 자바스크립트 위치 1. 2. HTML 내부 파일생성(js) 입력창 HTML 내부에 글씨, 태그를 출력 var test = prompt("~~을 입력하세요); document.write("출력내용"); //(js..

[KH정보교육원 당산] 44일차 (파일 업로드)

쇼핑몰 프로젝트의 마무리 단계 파일업로드 필요한 라이브러리 : cos.jar("오렐리 출판사"에서 개발) 전역변수로 선언된 (ProductMgr.java) private static final String UPLOAD = "C:/shop/data/"; private static final String ENCTYPE = "UTF-8"; private static final int MAXSIZE = 10*1024*1024; 파일 추가 public boolean insertProduct(HttpServletRequest req) { Connection con = null; PreparedStatement pstmt = null; String sql = null; boolean flag = false; try ..

728x90
반응형