커피포트가 오자마자 식초와 물을 섞고 바로 끓였다.

보통 1:1 비율로 하라고 하는데

그러기엔 저 식초 한통을 다쓸것 같아서

물 2컵에 식초 1컵정도 넣고 커피포트의 40%정도의 액체로만 끓였다.




스탑워치를 돌렸더니 대략 4분정도 걸렸다

1L 끓이는데 4분정도라고 생각하면 된다.




장점: 
 -  뚜겅은 90열림
 -  필터가 있음
 - 유리라서 투명하여 물이 어느정도 남아있음을 확인할수 있음.
 -  파란 LED 조명
 - 크기가 큼
 -  선길이는 대략 충전쪽60 - 70cm 정도

단점: 
 - 유리라서 물이 끓는후 바로 사용하기엔 뜨거워서 위험할수 있음
 - 뚜껑 여는부분이 밀어서 하는게 아닌 원터치로 바로 열리면 나쁘지 않았을듯..?

가격은 대략 1.5만원


유리라는 부분이 장점이자 단점인 부분이다.

포장온 상태 


포장온 상태로 봤을때 어떤게 1번봉이고 2번봉이고 나열하기가 힘들었다.

스프링도 빠져있고 고무마개도 끼워진 상태로 오지 않다보니.. 판단이 어려워서

아래사진으로 정리하였다. 이사하거나 분해할일이 있을때 확인하기 위하여



먼저 봉을 완전 조립하기전에 사이드 쪽의 연결부위를 대략 끼워놓는것도 나쁘지 않다.


완전 고정하기전에 몇칸정도 해야 내방 사이즈에 맞는지 대략적으로 세운후 높이를 맞춰본다.



높이를 맞춘후 설명서 대로 천장을 고정하여 발로 살짝 바닥으로 밀어 낸다.

너무 꽉하면 위험하니 무너지지 않을정도로만 하고

발로 살짝 밀면서 대략적인 위치를 맞춘다.



커텐을 달기 위하여 3단 행거로 하였다. (방이 좁다보니 ㅠㅠ 3단행거로도 커튼을 달수 있다.!)





암막커튼을 처음 사봐서 어디쪽을 햇빛방향으로 맞춰야할지 몰라서 일단 

반짝거리는 쪽으로 창문을 향하게 했다.



행거를 완전히 끼우기 전에 커튼을 얼른 연결


38 파이라도 커텐구멍이 잘들어가서 다행이었다.


초라하긴 하지만. 저 창문사이로 햇빛이 많이 들어와 주말 낮에 컴퓨터 할때 불편했는데


이젠 편하게 영화도보고 할듯 !!

1
2
3
4
5
<c:foreEach var="Start" begin="1" end="3">
    
    <c:out value="${Start.test1}"/>
 
</c:forEach>

cs




begin:시작점

end: 끝점



이렇게 설정하면 index 의 1-3 번까지 3번만 돌게 된다 (0번째는 제외하게됨)


1
2
3
4
5
<c:foreEach var="Start" begin="1">
    
    <c:out value="${Start.test1}"/>
 
</c:forEach>
cs


1번째 index 부터 forEach 시작


1
2
3
4
5
<c:foreEach var="Start" end="10">
    
    <c:out value="${Start.test1}"/>
 
</c:forEach>

cs


 10번째 까지만 출력







==================================================


내가 알고싶은건 첫번째와 끝값에만 효과를 주거나 안보이는 값을 넣고 싶었는데



1
2
3
4
5
<c:foreEach var="Start" varStatus="status">
    <c:if test="${Start.first}">첫번째의 목록만 조건화</c:if>
    <c:if test="${Start.last}">마지막의 목록만 조건화</c:if>
    
</c:forEach>
cs



이런식으로 조건화 하여 사용





 


Fatal Error : Could not extract a stage height from the CSS. Taced height

 - 해당 Gelleria의 CSS 부분을 선언을 안할시 나오는 에러이다.

아래 css 추가하여 에러 해결 ~







1
2
3
4
5
6
#galleria{height:250px;overflow: hidden;} 
#galleria2{height:250px;overflow: hidden;} 
.galleria-container{background-color: white;} 
.galleria-stage{bottom:10px;} 
.galleria-thumbnails-container{display: none;
 
cs


일단 기본적으로 해당 Project import를 한후


해당 프로젝트에서

Pom.xml 오른쪽 마우스 클릭 "Add as MavenProject" 클릭하여 해당 Maven 프로젝트를 설치한다.


설치가 되어있다면 바로 Maven을 열어 tomcat 설정을 하면된다.








선택된 tocmat7:run 오른쪽 마우스클릭하여 "Create tomcat" 부분을 눌러 적용한다.


그러면 오른쪽 상단의 tomcat 설정 완료!!



원하는 port로 수정하고 싶다면 기존의 tomcat의 Sever.xml이 수정이 아닌 Pom.xml에서 

해당 port를 수정하면된다.


1
2
3
4
5
6
7
8
9
<properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <jdk.version>1.7</jdk.version>
        <spring.maven.artifact.version>3.2.8.RELEASE</spring.maven.artifact.version>
        <egovframework.rte.version>3.1.0</egovframework.rte.version>
        <tomcat.port>8001</tomcat.port>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <skipTests>false</skipTests>
    </properties>
cs



pom.xml



그외 자바 버전 수정의 경우


Ctrl+Alt+S(setting):  눌러 Setting 화면으로 간후




cat /etc/redhat-release  

먼저 리눅스 버전을 확인

1. Centos 기준을 확인한후

2. cat /etc/ssh/sshd_config 목록을 확인후

vi cat /etc/ssh/sshd_config

하여 편집기를 들어간후

PermitRootLogin : no => yes로 수정

inti 6 명령어 사용하여 해당 서버 재부팅

<h2>fmt 의 number 태그를 이용한 숫자 포맷팅 예제.</h2>
<c:set var="price" value="10000" />
<fmt:formatNumber value="${price }" type="number" var="numberType" />
통화로 표현 시 : <fmt:formatNumber type="currency" currencySymbol="₩" 
value="${price }" /><br />
퍼센트로 표현 시 : <fmt:formatNumber value="${price }" type="percent" 
groupingUsed="false" /><br />
일반 숫자로 표현 시 : ${numberType }



<c:if test="${data.ruser+0 >= data.muser+0}" >Y</c:if>


출처 :  https://okky.kr/article/215928


==========================


fmt로 선언하여 빼거나 아니며 해당 비교문에 +0만 더하여 숫자로 치환하여 비교

아니면 

var a = '<c:out vlaue="${List.sum}'>;

으로 선언하여

자바스크립내에서 처리

 if(a <=100){

   alert('a'는 100보다 작아야만 함!!);

}


참고 JSTL 비교식

== is JSTL eq  
!=  is JSTL ne 
<   is JSTL lt 
>   is JSTL gt 
<= is JSTL le 
>= is JSTL ge



ightbox 또는fancy box 에서 화면전환시 위치 고정


trasitionIn: elastic -=> none

transitionout : elsatic => none



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
 b.fn.fancybox.defaults = {
        padding: 10,
        margin: 40,
        opacity: false,
        modal: false,
        cyclic: true,
        scrolling: "auto",
        width: 560,
        height: 340,
        autoScale: true,
        autoDimensions: true,
        centerOnScroll: false,
        ajax: {},
        swf: {
            wmode: "transparent"
        },
        hideOnOverlayClick: true,
        hideOnContentClick: false,
        overlayShow: true,
        overlayOpacity: 0.7,
        overlayColor: "#777",
        titleShow: true,
        titlePosition: "float",
        titleFormat: null,
        titleFromAlt: false,
        transitionIn: "fade",
        transitionOut: "fade",
        speedIn: 300,
        speedOut: 300,
        changeSpeed: 300,
        changeFade: "fast",
        easingIn: "swing",
        easingOut: "swing",
        showCloseButton: true,
        showNavArrows: true,//화살표 표시
        enableEscapeButton: false,
        enableKeyboardNav: true,
        onStart: function() {},
        onCancel: function() {},
        onComplete: function() {},
        onCleanup: function() {},
        onClosed: function() {},
        onError: function() {}
    };
cs


해당 옵션중에 Cycle이 기본적으로 default로 되어 있는데 이부분을 true로 주고


원래 이미지가 끝날때 마다 if 조건문 주던 부분을 지우고

아이콘을 보여주는걸로 수정하면된다.




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
 Y = function() {
            if (d.enableEscapeButton || d.enableKeyboardNav) b(document).bind("keydown.fb"function(a) {
                if (a.keyCode == 27 && d.enableEscapeButton) {
                    a.preventDefault();
                    b.fancybox.close()
                } else if ( (a.keyCode == 37 || a.keyCode == 39&& d.enableKeyboardNav && a.target.tagName !== "INPUT" && a.target.tagName !== "TEXTAREA" && a.target.tagName !== "SELECT") {
                    a.preventDefault();
                    b.fancybox[a.keyCode == 37 ? "prev" : "next"]()
                }
            });
            if (d.showNavArrows) {
                //#fancybox-left-ico, #fancybox-right-ico css로 위치조정
                if (d.cyclic && l.length > 1 || p !== 0){
                    if( p == l.length-1){
                        //공정화면에서 맨마지막 사진일때 list 처음으로~
                        p = -1;
                    }
                    z.show();
                }
                if (d.cyclic && l.length > 1 || p != l.length - 1){
                    if(p == 0 ){
                        //공정화면에서 처음사진일때  list left click, right click
                        p = l.length;
                        z.show();
                    }//if
                    A.show();
                } 
            } else {
                z.hide();
                A.hide()
            }
        },
cs

삽질했던 나의 코드를~~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
= function() {
            if (d.enableEscapeButton || d.enableKeyboardNav) b(document).bind("keydown.fb"function(a) {
                if (a.keyCode == 27 && d.enableEscapeButton) {
                    a.preventDefault();
                    b.fancybox.close()
                } else if ( (a.keyCode == 37 || a.keyCode == 39&& d.enableKeyboardNav && a.target.tagName !== "INPUT" && a.target.tagName !== "TEXTAREA" && a.target.tagName !== "SELECT") {
                    a.preventDefault();
                    b.fancybox[a.keyCode == 37 ? "prev" : "next"]()
                }
            });
                //#fancybox-left-ico, #fancybox-right-ico css로 위치조정
                z.show();
                A.show()
        },
cs




설정을 바꾼후 테스트 하러 ㄱㄱ~~







1
2
3
4
5
6
7
8
/*!
 * jQuery Mousewheel 3.1.13
 *
 * Copyright 2015 jQuery Foundation and other contributors
 * Released under the MIT license.
 */
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
cs



 

해당 js 파일처럼 압축되어진 형태의 플러그인을 쓰게 되는데

하다보면 css 부분이라던가 약간의 부분을 수정해야할 상황이 온다.


그럴경우 http://jsbeautifier.org/


해당 사이트 가서 압축을 풀어 수정할수 있다.!!








해당 압축된 js를 복붙하여 붙힌후 'Beautify Javascirpt or HTML ' 버튼을 클릭하여 풀어진 js 파일을 복사하여


코딩을 하자!


 

+ Recent posts