반응형

Ctrl + p, 우클릭 -> 인쇄 로 인쇄할수도 있지만, 웹페이지 내에 인쇄하기 버튼을 만들 수 있다.

html 및 javascript코드는 아래와 같다.


 

1
<input type="button" value="인쇄하기" id="print" onclick="window.print()"/>
cs



아래의 인쇄하기 버튼이 생긴다.


해당버튼을 클릭하면 아래의 화면이 나온다 (크롬환경)

ie에서도 인쇄창이 나온다.



반응형

'개발 > Javascript' 카테고리의 다른 글

[javascript] 뒤로가기로 왔는지 체크하는 방법 (How to check if you have history back or not)  (0) 2023.02.20
[javascript] Uncaught ReferenceError: $ is not defined 에러시  (0) 2020.08.14
[Javascript] 자바스크립트 Uncaught TypeError: Illegal invocation 에러  (0) 2020.04.07
[Error] Unexpected token < in JSON at position 7 에러  (0) 2019.06.26
[에러] Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986 에러 해결방법  (0) 2019.04.17
반응형

저는 운동강도가 늘지 않아서 크레아틴을 사고자해서 마이프로틴에서 구입했습니다.

링크는 아래와 같습니다.

https://www.myprotein.co.kr/sports-nutrition/creatine-monohydrate/10530050.html


저는 맛있게 먹고 싶어서 수박맛을 구입했습니다.하지만 너무 귀찮아서 프로틴과 같이 섞어먹고 있습니다.

따로 드시는 분은 맛있는 편입니다. 저는 프로틴과 섞어먹어서... 프로틴은 쿠앤크맛 이건 수박맛.... 좀 짬뽕되서 맛있는 맛은 아닙니다.

가루는 하얀색인데 물에 들어가면 수박색으로 변합니다. 그리고 프로틴과 같이 타먹으면 크레아틴은 얼마 되지않지만 크레아틴이 맛이 더많이 납니다. (컴뱃 100% 웨이 쿠앤크) 기준입니다.








모노 크레아틴 정보

  • 모노 크레아틴란?

    모노 크레아틴는 보디빌더부터 단거리주자까지 힘, 스피드, 제지방을 증가시키는 것을 원하는 다양한 종류의 운동선수에게 적합합니다.

    모노 크레아틴의 효능은?

    모노 크레아틴는 보디빌더, 역도선수, 단거리 주자와 같은 단기간동안 연속적인 폭발이 필요한 고강도운동, 고강도를 요구하는 운동, 폭발적인 움직임을 요구하는 운동시 신체 성능 증가에 도움이 됩니다.

    자사 모노 크레아틴는 운동 후 쉽게 마실 수 있는 베리블라스트와 트로피컬 스톰 두가지 맛을 출시하였습니다.


  • 모노 크레아틴는 누구에게 적합한가?

    모노 크레아틴는 신체 퍼포먼스와 출력을 향상시키기위한 장기간 또는 고강도 운동을 하는 누구에게나 안전하고 섭취 가능합니다.

    모노 크레아틴섭취 방법

    모노 크레아틴3-5g을 흡수와 회복을 극대화 하기 위해서 운동 직후 웨이 프로틴과 탄수화물 블렌드를 섭취하세요. 모노 크레아틴는 운동 직후 또는 운동 전에 힘을 최대화 하기 위해 섭취 가능합니다.






  • 추천방법   

    3g을 물에 넣어서 흔들어 마시면 됩니다. 운동 전 후 바로 하루에 1 번 섭취하세요. 섭취 8주 후부터는 1주 쉬고 다시 섭취 시작하세요.

    주의:모든 제공량은 정확한 용량으로 섭취하세요. 자사에서는 마이프로틴 스쿱 기준으로 용량을 제공하였기 때문에 이 수치는 다른 표준 측정기랑 다를 수 있습니다.

    경고: E129 함유는 어린이의 활동과 주의에 부작용을 일으킬수도 있습니다. 하루 섭취량을 초과하지 마세요. 이 제품은 건강식 대용품이 아닙니다. 이 제품은 음식 보충제이기 때문에 다양하고 균형잡힌 음식을 위한 대체품으로 사용하지 마세요. 서늘하고 건조한 곳에 보관하고 어린이의 손이 닿지 않는 곳에 보관하세요.









저는 섭취를 1월부터 시작했고 새해의 목표로.... 다이어트를 결심했습니다.

그래서 운동강도가 얼마나 증가했는지는 정확히 모르지만 

효과인지 기분탓인지는 모르겠으나 다이어트 중에 힘이 많이 나지 않았음에도 불구하고 무게와 세트 수가 약간씩 증가하고 있습니다.








반응형

'운동' 카테고리의 다른 글

[영양제] 밀크씨슬 후기  (0) 2020.02.13
신타6(Syntha-6) 후기  (0) 2019.11.26
[영양제] iherb의 오메가3 후기,California Gold Nutrition  (0) 2019.05.03
[영양제] iherb 의 centry 멀티비타민 후기  (0) 2019.05.03
[영양제] 센트룸 종합비타민 포맨 후기  (0) 2019.03.19
반응형

센트룸 종합비타민 포맨 복용 후기입니다.

 

우선 센트룸 홈페이지에 나와있는 효과 및 제품정보입니다.

 

 

저는 무엇보다 과일을 잘 안먹기 때문에 비타민이 많이 부족하다고 느껴 먹게되었습니다.

 

효과가 있는건지는 잘 모르겠지만 확실히 피곤함이 덜 해졌습니다.

 

 

 

 

 

영양성분표입니다.

 

 

 

 

1일 1정 복용하면 된다고 나와있습니다.

 

아래는 기능성 정보입니다.

 

기능성 정보
  • - 비타민A: 어두운 곳에서 시각 적응을 위해 필요, 피부와 점막을 형성하고 기능을 유지하는데 필요, 상
  • 피세포의 성장과 발달에 필요
  • - 비타민D: 칼슘과 인이 흡수되고 이용되는데 필요, 뼈의 형성과 유지에 필요, 골다공증발생 위험 감소에
  •  도움을 줌
  • - 비타민E: 유해산소로부터 세포를 보호하는데 필요
  • - 비타민K: 정상적인 혈액응고에 필요, 뼈의 구성에 필요
  • - 비타민B1: 탄수화물과 에너지 대사에 필요
  • - 비타민B2: 체내 에너지 생성에 필요
  • - 나이아신: 체내 에너지 생성에 필요
  • - 판토텐산: 지방, 탄수화물, 단백질 대사와 에너지 생성에 필요
  • - 비타민B6: 단백질 및 아미노산 이용에 필요, 혈액의 호모시스테인 수준을 정상으로 유지하는데 필요
  • - 엽산: 세포와 혈액생성에 필요, 태아 신경관의 정상 발달에 필요, 혈액의 호모시스테인 수준을 정상으
  • 로 유지하는데 필요
  • - 비타민B12: 정상적인 엽산 대사에 필요
  • - 비오틴: 지방, 탄수화물, 단백질 대사와 에너지 생성에 필요
  • - 비타민C: 결합조직 형성과 기능유지에 필요, 철의 흡수에 필요, 유해산소로부터 세포를 보호하는데 필
  • 요
  • - 칼슘: 뼈와 치아 형성에 필요. 신경과 근육 기능 유지에 필요, 정상적인 혈액응고에 필요, 골다공증발생
  •  위험 감소에 도움을 줌
  • - 철: 체내 산소운반과 혈액생성에 필요, 에너지 생성에 필요
  • - 아연: 정상적인 면역기능에 필요, 정상적인 세포분열에 필요
  • - 구리: 철의 운반과 이용에 필요, 유해산소로부터 세포를 보호하는데 필요
  • - 셀레늄: 유해산소로부터 세포를 보호하는데 필요
  • - 요오드: 갑상선 호르몬의 합성에 필요, 에너지 생성에 필요, 신경발달에 필요
  • - 망간: 뼈 형성에 필요, 에너지 이용에 필요, 유해산소로부터 세포를 보호하는데 필요
  • - 몰리브덴: 산화 환원 효소의 활성에 필요
 
 
 
 
 
 
 
 
 
 
 
 
 
더 자세한 사항 및 다른 센트룸 비타민 제품은 아래의 링크에서 확인하시면됩니다.
해당 페이지에서보다 저는 코스트코에서 112정짜리로 사서 복용하기 때문에 더 싸게 살 수 있었습니다.
코스트코 이외에도 인터넷에서 검색하시면 더 싸게 구입가능합니다.
 
 
 
 

 

반응형

'운동' 카테고리의 다른 글

[영양제] 밀크씨슬 후기  (0) 2020.02.13
신타6(Syntha-6) 후기  (0) 2019.11.26
[영양제] iherb의 오메가3 후기,California Gold Nutrition  (0) 2019.05.03
[영양제] iherb 의 centry 멀티비타민 후기  (0) 2019.05.03
[보충제] 마이프로틴 모노크레아틴  (1) 2019.03.19
반응형

Jquery alert 입니다. 아래는 사용 예시 화면입니다.



default 부터 하나씩 보여드리겠습니다.

1. default




2.alert


3.confirm


4.iframe



5.prompt









아래는 HTML 코드이다. 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a href="javascript:;" id="default">default</a>
 
<br />
<a href="javascript:;" id="alert">alert</a>
 
<br />
<a href="javascript:;" id="confirm">confirm</a>
 
<br />
<a href="javascript:;" id="iframe">iframe</a>
 
<br />
<a href="javascript:;" id="prompt">prompt</a>
 
cs

아래는 클릭 이벤트인 javascript 코드이다.



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
$('#default').on('click',function(){
  var data = '<div style="padding:20px;">Lorem ipsum dolor sit amet</div>';
  $.dialogbox({
    type:'default',
    title:'Dialog Title',
    content:data,
    closeCallback:function(){
      $.dialogbox.prompt({
        content:'You closed the dialog',
        time:2000 
      });
    }
  });
});
 
$('#alert').on('click',function(){
  $.dialogbox({
  type:'msg',
  title:'Alert Title',
  icon:1,
  content:'Alert Content',
  btn:['Confirm'],
  call:[
    function(){
      $.dialogbox.close(); 
    }
  ]
});
});
 
$('#confirm').on('click',function(){
$.dialogbox({
  type:'msg',
  title:'Confirm Title',
  content:'Are You Sure?',
  closeBtn:true,
  btn:['Confirm','Cancel'],
  call:[
    function(){
      $.dialogbox.close(); 
      alert(3);
    },
    function(){
      $.dialogbox.close(); 
    }
  ]
});
});
 
 
$('#iframe').on('click',function(){
  $.dialogbox({
  type:'iframe',
  title:'jQueryScript',
  content:'Free jQuery Plugins',
  url:'http://www.jqueryscript.net',
  width:900,
  height:650
});
});
 
$('#prompt').on('click',function(){
 $.dialogbox.prompt({
  content:'Success',
  time:2000 
});
});
cs


jquery alert를 사용하기 위해서는 아래의 css,js,image들을 임포트 및 경로에 두고 사용하여야한다.

해당 jquery alert는 제가 이쁘다고 생각한거기 때문에 더이쁜 jquery alert를 사용하시려면 아래의 링크를 통해 확인하시어 사용하시면 됩니다.
https://www.jqueryscript.net/tags.php?/alert/





dialogbox.css

dialogbox.js





반응형

'개발 > JQuery' 카테고리의 다른 글

[jquery] html 특정영역(div) 이외 클릭시 이벤트  (0) 2022.08.18
[JQuery] 선택자  (0) 2019.02.26
반응형

구글차트 기본 사용법입니다.


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
<html>
    <head>
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script type="text/javascript">
        //구글차트 
        google.charts.load('current', {'packages':['corechart']}); 
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = new google.visualization.DataTable();
            data.addColumn('string','Foods');
            data.addColumn('number','비중');
 
            data.addRows([ 
                ['피자',5],
                ['치킨',2],
                ['햄버거',3]
            ]);
            var opt = {
                    'title':'좋아하는 음식',
                    'width':200,
                    'height':200,
                    pieSliceText:'label',
                    legend:'none' 
            };
            var chart = new google.visualization.PieChart(document.getElementById('myChart'));
            chart.draw(data,opt);
        }
 
        </script>
    </head>
    <body>
        <div id="myChart"></div>
    </body>
</html>
cs



아래는 결과화면입니다.








자세한 사항은 아래의 해당 페이지 접속하셔서 확인하시면 됩니다.

https://developers.google.com/chart/?hl=ko


반응형

'개발 > API' 카테고리의 다른 글

[폰트] 외부폰트 적용 (css 폰트 적용)  (0) 2019.03.28
[SmartEditor2] 네이버 스마트에디터2 사용방법  (0) 2019.03.26
반응형

웹 브라우저에서 클래스 파일 올리면 디컴파일된 자바 파일로 돌려준다.


http://www.javadecompilers.com




반응형

'개발 > Java' 카테고리의 다른 글

[Java] md5 암호화 초기화  (0) 2019.04.10
[Java] Java 한글 인코딩 해결,  (0) 2019.04.09
[Java] String을 Url 인코딩,디코딩 하기  (0) 2019.04.05
[Java] 자바 문자열 자르기 (substring,split)  (0) 2019.03.22
[Java] 자바 2차원 배열 길이  (0) 2019.03.22
반응형

오라클 날짜 차이 계산

 

1
select UPDATE_DATE - REGISTER_DATE from test_db;
 cs
해당 쿼리 조회 결과 일수로 결과가 나온다.(시,분,초 단위는 소수점으로 나온다)

 

날짜 및 시간을 더하는건 아래와 같다.

select SYSDATE+1 from DUAL; 			-- 1일후
select SYSDATE+1/24 from DUAL;		    -- 1시간후
select SYSDATE+1/24/60 from DUAL;		-- 1분후
select SYSDATE+1/24/60/60 from DUAL; 	-- 1초후
select ADD_MONTHS(SYSDATE,1) from DUAL; -- 1달후
select LAST_DAY(SYSDATE) from DUAL; 	-- 오늘의 마지막 달의 일(지금 4월이니깐 19/04/30 출력)

 

반응형

'개발 > Oracle' 카테고리의 다른 글

[Oracle] ORA-28002: the password will expire within 7 days  (0) 2019.07.31
[Oracle] Left join 시에 on 절에 여러개 넣기  (0) 2019.05.31
[Oracle] 리눅스에서 오라클 접속  (0) 2019.05.15
[Oracle] 오라클 관리자(system,sys) 계정 비밀번호  (0) 2019.05.09
[Oracle] 오라클 날짜 출력, 표현  (0) 2019.04.18
반응형


JQuery 선택자


1
2
3
4
5
6
7
8
9
10
11
12
<input type="text" class="text_box" id="text_id"/>
 
<select id="select_id">
    <option value="1">1</option>                    
    <option value="2">2</option>
</select>
 
<input type="radio" name="radio_name" value="1" checked="checked"/>
<input type="radio" name="radio_name" value="2"/>
 
<input type="checkbox" name="checkbox_name" id="checkbox_id1" value="1" checked="checked"/>
<input type="checkbox" name="checkbox_name" id="checkbox_id2" value="2"/>
cs


input type = "text" 일 경우

1
var text_value = $("#text_id").val();
cs
text_value 의 변수에 id가 "text_id"인 value 을 넣을 수 있다.

id 가 "text_id"인 곳에 값을 넣으려면 

1
$("#text_id").val('텍스트박스에 값넣기');
cs
text_id 의 value 가 '텍스트박스에 값넣기' 로 들어간다.



"select" 일 경우


1
var select_value = $("#select_id option:selected).val();
cs
cs

select_value 의 변수에 id가 "select_id"인 선택된 option의 value 를 넣을 수 있다.


1
$("#select_id").val('1').prop("selected",true);
cs


select_id 의 value 가 '1'인 option 이 선택된다.



input type = "radio" 일 경우


1
var radio_value = $(":input:radio[name=radio_name]:checked").val();
cs
radio_value 의 변수에 name이 "radio_name"인 요소중에 체크된 value 값이 들어간다.

요소 하나 하나 선택하고 싶을시에는 radio의 id 를 각각 주고 name 대신 id 로 선택하면된다.


1
$("input:radio[name='radio_name']:radio[value='2']").prop("checked",true);
cs
name 이 "radio_name" 인 요소 중에 value='2' 인 요소가 체크된다.


input type = "checkbox" 일 경우



1
$("input:checkbox[name='checkbox_name']:checkbox[value='2']").prop("checked",true);
cs
name 이 "checkbox_name" 인 요소 중에 value='2'인 요소가 체크된다.


1
$("#checkbox_id1").prop('checked',true);
cs
id 가 "checkbox_id1"인 요소가 체크된다.




반응형

'개발 > JQuery' 카테고리의 다른 글

[jquery] html 특정영역(div) 이외 클릭시 이벤트  (0) 2022.08.18
[Jquery] Jqeury alert - 제이쿼리 alert  (0) 2019.03.19
반응형

Mybatis 에서 쿼리 2개 실행하기.


우선 dataSource 에 있는 url 프로퍼티에 
 <property name="url" value="jdbc:mysql://127.0.0.1:3306/TestDB?allowMultiQueries=true" />

allowMultiQueries 파라미터를 추가해준다.


쿼리 작성 방법은 예를들어 프로시저 호출 후(해당 getData프로시저는 return 이 select문이 아니다.)에 그 값을 불러오는 방식이다.

<select id="getData" statementType="CALLABLE" parameterType="TestVO" resultType="TestVO">

CALL getData(

#{inputparam1},

#{inputParam2},

@a,@b

);

select @a as outParam01,@b as outParam02;

</select>


물론 inputparam1,inputparam2,outParam01,outParam02 4개의 항목이 TestVO 안에 getter,setter 메소드가 있어야한다.

반응형

'개발 > Mybatis' 카테고리의 다른 글

[Mybatis] ; bad SQL grammar []; nested exception is java.sql.SQLException: ORA-00911: 문자가 부적합합니다  (0) 2020.07.07
[Mybaits] Type handler was null on parameter mapping for property '__frch_item_0.value'.  (0) 2020.04.14
[Mybatis] invalid comparison: java.util.ArrayList and java.lang.String  (0) 2020.04.14
[Mybatis] The content of elements must consist of well-formed character data or markup.  (0) 2020.02.18
[Mybaits] Mybatis foreach 사용법  (0) 2019.04.01

+ Recent posts

티스토리툴바