본문 바로가기

bitcamp/면접족보

면접족보 21/01/21_BOM과 DOM

1. 게시판 replyShape 생성 시 아래의 쿼리문에서 bStep > ? 은 무슨 의미인가? 

  update mvc_board set bStep = bStep + 1 where bGroup = ? and bStep > ?
· 원글에 대한 Group이 같으면서 새로 작성하려는 댓글보다 더 큰 Step을 찾아 1을 증가시켜 최근에 작성한 댓글이 위로,

 기존의 댓글을 밑으로 정렬시킨다. (기존에 있던 댓글의 Step을 1씩 증가시켜 밑으로 밀리게 하는 쿼리문) 

 

2. SQL 문제

1) 부서별 급여 평균을 출력하시오.
  select avg(sal) from emp group by deptno;
2) 오늘은 몇요일인가? 
  select sysdate from dual; //다시하기
3) EMP Table에서 급여가 1800 이상이면 ‘good’, 아니면 ‘poor’를 출력하시오. 
  select ename, sal, 
    case when sal >= 1800 then 'good'
          when sal < 1800 then 'poor'
   end as result from emp;

 

3. 가위바위보 이미지 넣어서 짜시오. (javascript)

<출력 화면>

<game.html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<body>
    <script type="text/javascript">    
    function Game(your){
        var rps = ["가위""바위""보"];
        var com = 0;
        var user = your;
        var gameImg = ["가위.JPG" , "바위.JPG""보.JPG"];
        
        var myImg = document.createElement("img");
        var comImg = document.createElement("img");
        
        this.setCom = function(){
            com = Math.floor(Math.random()*3);
            if(rps[com]=="가위"){
                comImg.src = gameImg[0];
            }else if(rps[com]=="바위"){
                comImg.src = gameImg[1];
                document.body.appendChild(comImg);    
            }else if(rps[com]=="보"){
                comImg.src = gameImg[2];
                document.body.appendChild(comImg);    
            }
        };
 
        this.getResult = function(){    
            this.setCom();
            
            switch(user){
            case "가위" :
                if(rps[com]=="가위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[0];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="바위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[0];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="보"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[0];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }
                break;
            case "바위" :
                if(rps[com]=="가위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[1];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="바위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[1];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="보"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[1];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);        
                }
                break;
            case "보" :    
                if(rps[com]=="가위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[2];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="바위"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[2];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }else if(rps[com]=="보"){
                    document.write("유저<br/>")
                    myImg.src = gameImg[2];
                    document.body.appendChild(myImg);    
                    document.write("<br/>컴퓨터<br/>")
                    document.body.appendChild(comImg);    
                }
                break;
            }    
        }
    }
    var play = new Game(prompt("가위, 바위, 보를 입력해주세요."));
    play.getResult();
</script>
</body>
cs

 

4. Bom과 Dom 이란?

*BOM이란? 
· Browser Object Model의 약자로, 브라우저와 컴퓨터 스크린에 접근 할 수 있는 객체를 의미한다.
· BOM 객체 종류: Window, Location, Screen 
*DOM이란?
 · Document Object Model의 약자로, 웹문서(태그)와 관련된 객체를 의미한다.
 · javascript를 이용해서 html 태그 객체를 생성, 추가, 삭제, 이동 등의 작업을 할 수 있으며, html을 동적으로 실행시킨다.
· 태그 자체를 Element로 지정, Element 안에 속성에 대해서는(class, id) Attribute에 속하며, 내용에 대해서는 Text로 구분한다.