sp_TEST 라는 이름으로 프로시저를 생성하는 코드는 아래와 같습니다.

 

 

-- ================================================ 
-- Template generated from Template Explorer using: 
-- Create Procedure (New Menu).SQL 
-- 
-- Use the Specify Values for Template Parameters  
-- command (Ctrl-Shift-M) to fill in the parameter  
-- values below. 
-- 
-- This block of comments will not be included in 
-- the definition of the procedure. 
-- ================================================ 
SET ANSI_NULLS ON 
GO 
SET QUOTED_IDENTIFIER ON 
GO 
-- ============================================= 
-- Author: <Author,,Name> 
-- Create date:  
-- Description: <Description,,> 
-- ============================================= 
CREATE PROCEDURE [dbo].[sp_TEST] 
( 
@mid varchar(30) 
) 
AS 
BEGIN 
-- SET NOCOUNT ON added to prevent extra result sets from 
-- interfering with SELECT statements. 
SET NOCOUNT ON; 

    -- Insert statements for procedure here 
   select * from TBL_TEST where mID=@mid 
END 
GO

jQuery 타이머 / jQuery 타이머 만들기 / 스톱, 스타드 구현

 

ajax 호출 후 응답시간이 얼마나 걸리는지 확인 하기 위해서 하나 만들어 보았습니다.

ajax 호출시작시 startTimer() 를 호출하고, ajax success 부분에서 stopTimer() 함수 호출해주면 되겠네요.

 

결과페이지

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script language="javascript">


var timer =0;

function resetTimer(){
	$("#hid_sec").val(0);
	$("#sec").html("0");
}


function startTimer(){
	timer = setInterval(function () {
		$("#hid_sec").val(Number($("#hid_sec").val()) + 1);
		$("#sec").html($("#hid_sec").val());
	 }, 1000); 
}


function stopTimer(){
	clearInterval(timer);
}

</script>
</head>
<body>
 <div>
	<span id="sec">0</span>
	<input type="hidden" id="hid_sec" value="0"/>
	<a href="javascript:;" onclick="startTimer();">시작</a> 
	<a href="javascript:;" onclick="stopTimer();">스톱</a> 
	<a href="javascript:;" onclick="resetTimer();">리셋</a> 
</div>

</body>

</html>

 

[Visual Studio 2017] 이전위치로 이동


2010 에서 Ctrl+Shift+8 로 사용하던 기능인데.. 2017에서는 콘트롤 누른 후 - 누르면 됨



[ 반응형 웹 하위브라우저에 대응하기 ] HTML5/CSS3/미디어쿼리 하위브라우저 대응





1. HTML5 요소를 지원하지 않는 브라우저에 대응하기

   -> 접속한 익스플로러 브라우저의 버전이 9보다 낮을 경우에만 해당 스크립트를 내려 받도록 함.


<head>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>





2. CSS3 속성을 지원하지 않는 브라우저에 대응하기

 -> http://css3pie.com 에서 파일 다운로드




-> 다운로드 받은 파일은 아래와 같이 사용

<style>
section{
behavior:url(PIE.htc);
}
</style>




3. 미디어 쿼리 속성을 지원하지 않는 브라우저에 대응하기


 -> https://github.com/scottjehl/Respond 에서 파일 다운로드




-> 다운로드 받은 파일은 아래와 같이 사용


<head>
<!--[if lt IE 9]><script src="respond.min.js"></script><![endif]-->
</head>





미디어 쿼리 지원 스크립트 파일 사용시 주의 사항


1. 로컬환경에서는 작동하지 않음 - 호스팅 서버나 웹서버를 이용한 테스트 필요.

2. 미디어 쿼리 속성을 사용할 때는  all and  구문을 생략하면 안됨.

3. css파일 내에서 css 파일을 불러오는 방식인 임포트 방식으로 미디어 쿼리 속성을 작성하면 작동하지 않음

4. html 문서내에 스타일 코드를 작성하는 방식인 임베디드 방식으로 미디어 쿼리 속성을 작성했을때는 작동하지 않음.




- 참고 도서 ( 추천 합니다!! )


Doit! 반응형 웹 만들기 by 이지스 퍼블리싱


+ Recent posts