나로부터시작: 6월 2016

jquery tmpl plugin 사용법

jquery tmpl plugin 사용법

1. html형태
{{html 내용}}

2. substring
${날짜.substr(0,4)}

마우스 오버 이미지 배너 만들기


마우스 오버 이미지 배너 만들기



1. CSS의 background 

 <div id="rightBanner"></div>



<style>

    #rightBanner {

        width: 250px;   /* 배너의 가로 사이즈 설정 */

        height: 167px;  /* 배너의 세로 사이즈 설정 */

        background: url('http://cfile25.uf.tistory.com/T250x250/197E8B3E4F52C12926118A') no-repeat center;  /* 배너의 기본 이미지를 백그라운드로 설정 */ 

    }

    #rightBanner:hover {

        background: url('http://cfile24.uf.tistory.com/T250x250/176CF9414F493C56141FD9') no-repeat center;  /* 배너의 마우스오버 이미지를 백그라운드로 설정 */

    }

</style>





2. <img> 태그와 inline 자바스크립트 

<img id="leftBanner" src="http://cfile24.uf.tistory.com/T250x250/155E5D044B71F5D55435A2" onmouseover="this.src='http://cfile21.uf.tistory.com/T250x250/156F9E0D4B876FBD50FCD6'" onmouseout="this.src='http://cfile24.uf.tistory.com/T250x250/155E5D044B71F5D55435A2'"></img>





3. <img> 태그와 자바스크립트 

<img id="centerBanner" src="http://cfile1.uf.tistory.com/T250x250/163A8B274C350DAF3C9E6E"></img>

<script>

(function(d) {

    var img = d.getElementById("centerBanner");

    img.onmouseover = function () {

        this.src = "http://cfile2.uf.tistory.com/T250x250/113A8B274C350DAB3B45C1";

    };

    img.onmouseout = function () {

        this.src = "http://cfile1.uf.tistory.com/T250x250/163A8B274C350DAF3C9E6E";

    };

}(document));

</script>







4. <img> 태그 2개와 자바스크립트

<div id="bannerWrapper">

        <img id="frontImage" src="http://cfile22.uf.tistory.com/T250x250/2002CD414F4869192D99FA"/>

        <img src="http://cfile24.uf.tistory.com/T250x250/203E5A424F471E3025FA01"/>

</div>





<style>

    #bannerWrapper {

        position: relative;     /* 하위 태그가 상대적인 위치를 가질 수 있도록 설정 */

    }

    #bannerWrapper img {

        position: absolute;   /* img 태그들이 겹쳐질 수 있게, 다른 태그에 영향을 주지 않게 설정 */

    }

    #bannerWrapper #frontImage {

        z-index: 1;    /* 앞에 나올 이미지를 설정 */

    }

    #bannerWrapper:hover #frontImage {

        display: none;  /* 마우스오버가 되면 앞에 나온 이미지를 숨김 */

    }

</style>



5.  <div> 태그의 overflow:hidden과 <img> 태그 1개와 CSS 



<div id="verticalBannerWrapper">

        <img id="verticalBannerImg" src="http://cfile28.uf.tistory.com/image/2347025052E59D691D96CF"/>

</div>

<style>

    #verticalBannerWrapper {

        overflow: hidden;   /* div의 높이/넓이보다 커지는 경우 보여주지 않도록 설정*/

        height: 400px;      /* 보여줄 배너의 높이 */

        width: 265px;       /* 보여줄 배너의 넓이 */

        position: relative; /* 내부의 태그가 상대적으로 움직일 수 있도록 설정 */

    }

    #verticalBannerImg {

        position: absolute; /* 위치 변경이 다른 태그에 영향을 주지 않도록 설정 */

    }



    #verticalBannerWrapper:hover #verticalBannerImg {

        top: -400px;    /* 마우스 오버가 됐을 때 img 태그를 400px만큼 올리도록 설정 */

    }

</style>







저작권 : http://unikys.tistory.com/336

position으로 가운데 중앙 자리 잡기

댓글달기


position 속성 5가지 

static - 기본값으로 위치정보를 임의로 설정 해줄 수 없다.

absolute - 절대위치로, 문서 최 좌측상단을 기준으로 위치정보를 설정하며 스크롤시 이동한다.

relative - 상대위치로, static 위치 사용시 있던 위치를 기준으로 이동한다.

fixed - 위치 고정으로, 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표가 설정되어있다.

inherit  - 부모 태그의 속성값을 상속받게 된다. 



/*상단 메뉴 자리를 잡아주기 위한 style*/

.box-container { position:relative; height:0px; margin-top:0px; border:0px solid red; }

.box-inner { position:absolute; left:0;right:0;margin-left:auto;margin-right:auto; }



<div class="box-container">

  <div class="box-inner">

    내용

  </div>

</div>

round, newid 사용하여 난수 생성

댓글달기


-- 100 ~120 사이 숫자 난수 

declare @s int = 100

declare @e int = 120

 

print round(((@e - @s + 1) * rand() + @s), 0, 1)



-- 4자리 숫자 난수 

print  ROUND( ( 9999 ) * RAND() + 1111 , 0, 1)



-- 4자리 문자+숫자 난수

left(replace(newid(),'-',''),20)

jquery api / 폰트확인 /

댓글달기

jquery api :
https://api.jquery.com

폰트확인 :
http://www.fileformat.info/info/unicode/font/custom.htm

javascript 형변환 (int -> string, string ->int )

댓글달기

int -> string



int i = 123;

string s = Integer.toString(i)

string ->int


string s = "123";

int i = Integer.parseInt(s);

난수 만들기

댓글달기


--난수 만들기




declare @is_limit int  = 10 -- 난수범위 시작 숫자

declare @ie_limit int  = 100 -- 난수범위 끝 숫자



-- 범위 : 11 ~ 99 

select round(((@ie_limit - @is_limit + 1) * rand() + @is_limit), 0, 1) as randomNum



-- 범위 : 10 ~ 100 

select round(((@ie_limit - @is_limit) * rand() + @is_limit), 0, 1) as randomNum





-- 형태 : 99696D759F614BE6A90A2A3A6523BA5E

select replace(newid(),'-','') as '쿠폰번호'

String.Format()에 중괄호({, }) 사용법

기본형태
string.Format(@"string aa = {0}", 123);

중괄호 잘못넣으면 아래 메세지
"입력 문자열의 형식이 잘못되었습니다."라는 메시지와 함께 FormatException 예외가 발생

중괄호를 중첩해서 "{{", "}}" 형식으로 사용
string str = string.Format(@"function() {{alert({0});}}", @"보여줄 메세지");

스키마 'dbo'에 대한 select 권한이 거부되었습니다.

댓글달기

UI로 처리 방법

해당 DB > 보안 >사용자 > 해당사용자 속성 > 맴버자격 > 해당 맴버자격 선택

서버에서 post형식으로 JSON 값 호출

댓글달기


var httpWebRequest = (HttpWebRequest)WebRequest.Create("http://url");

httpWebRequest.ContentType = "application/json";

httpWebRequest.Method = "POST";



using (var streamWriter = new StreamWriter(httpWebRequest.GetRequestStream()))

{

    string json = "{\"user\":\"test\"," +

                  "\"password\":\"bla\"}";



    streamWriter.Write(json);

    streamWriter.Flush();

    streamWriter.Close();

}



var httpResponse = (HttpWebResponse)httpWebRequest.GetResponse();

using (var streamReader = new StreamReader(httpResponse.GetResponseStream()))

{

    var result = streamReader.ReadToEnd();

}

VMware 최적화 및 속도 향상 설정

댓글달기

VMware 최적화 및 속도 향상 설정

* 하드디스크 설정
- VM > Settings > Hardware > Hard Disk > Advanced > Independent, Persistent

* 스냅샷 비활성
- VM > Settings > Options > Snapshots > Just power off

- VM > Settings > Options > Unity > 모두 끄기

- VM > Settings > Options > Advanced > Input grabbed: High, Input ungrabbed: Low

* 디버깅 정보 수집 중지
- VM > Settings > Options > Advanced > Gather debugging infomation: None

* memory page trimming 비활성
- VM > Settings > Options > Advanced > Disable memory page trimming

* 추가메모리 스왑사용 설정
- edit->Preferences->memory->additional memory->Fit all virtual.....

- 호스트 OS 상의 백신 실시간 검사 기능 상에서 가상머신 폴더들 예외로 설정

* .vmx 파일에 다음추가
- sched.mem.pshare.enable = "FALSE"
- mainMem.useNamedFile = "FALSE"
- MemTrimRate = "0"

브라우저에서 browserLink SignalR/send?transport=longPolling@connectionToken= 형태로 계속 호출하는 경우

댓글달기

메세지 : browserLink SignalR/send?transport=longPolling@connectionToken=

해결 :

Visual Studio에서 [브라우저 링크 사용] 체크 해지

동일한 값이 있는 테이블에서 랭킹 구하기 (rank 함수)

댓글달기


SELECT rank() over (ORDER BY rs.score DESC,  rs.ranking_reg_date asc  ) as rank_no , rs.idx

, rs.player_id, rs.login_id,score, rs.clear_map,  rs.ranking_reg_date

FROM (



SELECT Rank() over (Partition BY player_id ORDER BY score DESC,  ranking_reg_date asc ) AS rank_top 

, idx, player_id, login_id,score, clear_map,  ranking_reg_date

FROM dbo.ranking  where 1=1  



) rs WHERE rank_top = 1

RANK()함수

댓글달기

출처 : http://gdbt.tistory.com/50