48일차

김윤정·2024년 8월 24일

코딩

목록 보기
48/60

1.게시판을 위한 DB 를 설계 하시오.


모델에서 게시글 테이블이 있는데 게시글내용 테이블을 따로 뺀 것은 리스트형 게시판일 경우 가장 많은 블록을 차지하는 게시글 내용까지가져와서 스캔해올 필요가 없기 때문입니다.

2.답글의 위치를 잡을때 필요한 bgroup(원본글), bstep(세로), bindent(가로) 세가지 요소를 설명하시오.

  • bgroup
    최상위 원본글의 번호로 표시
  • bstep
    대댓글들의 줄 순서(세로)
  • bindent
    들여쓰기로 대댓글의 순위 지정



3.아래가 돌아가도록 생성자 함수를 만드시오.

let grade = new Grade(90,60,70);
document.write(grade.getAvg()+"
")
document.write(grade.getTotal()+"
")
let rec = new Recangle(10,10);
document.write(rec.getArea()+"
")
let circle = new Circle(10);
document.write(rec.getArea()+"
")

<script>
function Grade(num1, num2, num3){
   
        this.num1 = num1;
        this.num2 = num2;
        this.num3 = num3;


        this.getTotal=function(){
            
        return ( this.num1 +  this.num2 +  this.num3);
    }

       this.getAvg=function(){
        return  this.getTotal()/3.0;
    }
}

function Rectangle(width, height){

        this.width = width;
        this.height = height;
    
        this.getArea= function(){
        return this.width *  this.height;
    }

}
function Circle(radius){

        this.radius = radius;
         this.getArea = function(){
        return  this.radius *  this.radius * Math.PI;
    }
}


let grade = new Grade(90,60,70);
document.write(grade.getAvg() + "<br>");
document.write(grade.getTotal() + "<br>");

let rec = new Rectangle(10,10);
document.write(rec.getArea() + "<br>");

let circle = new Circle(10);
document.write(rec.getArea() + "<br>");

</script>

4.생성자 함수에 대하여 설명하시오.

생성자 함수를 사용하면 Java나 C++의 Class처럼 껍데기를 만들 수 있습니다.

기존 함수에 new 연산자를 붙여서 호출하면, 해당 함수는 생성자 함수로 동작합니다. 일반 함수와 생성자 함수의 차이점은 new 연산자를 붙이느냐의 차이입니다.

생성자 함수인데 new를 붙이지 않는다면 오류를 발생합니다

그런데 함수가 일반적인 함수인지 객체를 만들기 위한 목적의 생성자 함수인지 구분하기 위해, 생성자 함수의 첫 문자는 대문자로 표기하는 것이 관례입니다.

5. mvc2 모델에 대하여 설명하시오.

MVC2 패턴은 널리 표준으로 사용되는 패턴입니다. 요청을 하나의 컨트롤러(Servlet)가 먼저 받습니다. 즉 MVC1과는 다르게 Controller, View가 분리되어 있습니다. 따라서 역할이 분리되어 MVC1패턴에서의 단점을 보완할 수 있습니다. 그러므로 개발자는 M, V, C 중에서 수정해야 할 부분이 있다면, 그것만 꺼내어 수정하면 됩니다. 따라서 유지보수에 있어서도 큰 이점을 가집니다.

MV2는 MVC1 패턴보다 구조가 복잡해질 수 있지만, 개발자가 이러한 세부적인 구성까지 신경쓰지 않을 수 있도록 각종 프레임워크들이 지금까지 잘 발전되어 왔습니다. 그 중에서 대표적인 것이 바로 스프링 프레임워크입니다.


Spring Framework의 MVC2 패턴

6. emp 프로젝트에 eshopper 템플릿을 적용후 index.jsp 에 emp 12명의 정보가 나오도록 하시오.

사진은 랜덤으로 나오도록 할것

        <div class="features_items"><!--features_items-->
            <h2 class="title text-center">Features Items</h2>

            <% EmpDao dao=new EmpDao();
            List<EmpVO> empList = dao.empSelect();

                pageContext.setAttribute("empList", empList);

                %>

                <c:forEach var="emp" items="${empList}">


                    <div class="col-sm-4">
                        <div class="product-image-wrapper">
                            <div class="single-products">
                                <div class="productinfo text-center">
                                    <img src="images/home/product${emp.num}.jpg" alt="" />
                                    <h2>${emp.sal}</h2>
                                    <p>${emp.ename}</p>
                                    <a href="#" class="btn btn-default add-to-cart"><i
                                            class="fa fa-shopping-cart"></i>Add to cart</a>
                                </div>
                                <div class="product-overlay">
                                    <div class="overlay-content">
                                        <h2>${emp.sal}</h2>
                                        <p>${emp.ename}</p>
                                        <a href="#" class="btn btn-default add-to-cart"><i
                                                class="fa fa-shopping-cart"></i>Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="choose">
                                <ul class="nav nav-pills nav-justified">
                                    <li><a href="#"><i class="fa fa-plus-square"></i>Add to wishlist</a></li>
                                    <li><a href="#"><i class="fa fa-plus-square"></i>Add to compare</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>


                </c:forEach>

        </div><!--features_items-->

7. shopper 에서 login 페이지에 사원번호와 이름을 넣고 맞으면 메인페이지로 가서 환영 메세지를 뿌리도록 하시오.

0개의 댓글