어느용

media query Size

부트스트랩의 그리드 class

.col-xl- (초대형 장치)

.col-lg- (대형 장치 - 화면 너비가 1200 px 미만)

.col-md- (중간 크기 장치 - 화면 너비가 992px 미만)

.col-sm- (소형 장치 - 화면 너비가 768px 미만)

.col- (소형 장치 - 화면 너비가 576px 미만)

.col (기본값 - 자동으로 반응)

기본 - 데스크탑

@media (min-width: 1281px)

- 랩탑, 데스크탑

@media (min-width: 1025px)

- 태블릿, 아이패드 (세로)

@media (min-width: 768px)

- 태블릿, 아이패드 (가로)

@media (min-width: 481px)

- 저해상도 태블릿, 모바일 (가로)

@media (min-width: 320px)

- 대부분의 스마트폰 모바일 기기 (세로)

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Styles */

}

/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 321px) {

/* Styles */

}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {

/* Styles */

}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

/* Styles */

}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/* Styles */

}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/* Styles */

}

/**********

iPad 3

**********/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

/* Desktops and laptops ----------- */

@media only screen and (min-width : 1224px) {

/* Styles */

}

/* Large screens ----------- */

@media only screen and (min-width : 1824px) {

/* Styles */

}

/* iPhone 4 ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

/* iPhone 6, 7, 8 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

/* iPhone 6+, 7+, 8+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

/* iPhone X ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

/* iPhone XS Max, XR ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

/* Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

}

/* Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

}

MSSQL Table List Query

(10%) select name from sysobjects where type='U'

(13%) select * from information_schema.tables

(76%) select * from sys.tables

Load Avg

다른건 그냥 웹에서 찾아보고
CPU Core 갯수를 가져오면

1	sysctl hw.ncpu \| awk '{print $2}'

load Avg가 저 수치가 되면 모든 cpu의 core를 100% 사용하고 있다는 거…

cmd 대신 사용하는 powershell 의 prompt에서 git branch확인

1 2	Install-Module posh-git -Scope CurrentUser Install-Module oh-my-posh -Scope CurrentUser

1 2	if (!(Test-Path -Path $PROFILE )) { New-Item -Type File -Path $PROFILE -Force } notepad.exe $PROFILE

admin 권한으로

1	Set-ExecutionPolicy -Scope LocalMachine -ExecutionPolicy RemoteSigned -Force

notepad에서

import-module posh-git

import-module oh-my-posh

set-theme agnoster

그리고 폰트를 D2Coding으로 변경 기왕이면 바탕 화면 색도 검정색으로 변경

$(System.DefaultWorkingDirectory)**\*.zip -> $(System.DefaultWorkingDirectory)**\프로젝트명.zip

개인 서버 Spec

[INTEL] 코어4세대 i5-4460 벌크 (하스웰 리플레시/3.2GHz/6MB/쿨러미포함) + 쿨러
[인텍 앤 컴퍼니] GWA-H81 (인텔H81/M-ATX)	m-atx 라서 그런지 hyper-v 기능을 사용할수 없는게 함정
[삼성전자] 삼성 DDR4 8GB PC3-10600 [중고상품]
[FSP] FSP500-50HPN 85+ (ATX/500W)
[MBF] 엠비에프 IDE 전원 4핀 to SATA 전원 케이블 0.3M
[RAIDMAX] 나월 티타늄 (미들타워)

VisualStudio에서 정규식으로 문자열 바꾸기

1 2	=> f([drk])_test => f$1_change

위와 같이 하면 drk중 한개의 문자를 남기고 test를 change로 바꾼다.

날자별

참고자료

글 목록

media query Size

MSSQL Table List Query

Load Avg

cmd 대신 사용하는 powershell 의 prompt에서 git branch확인

VisualStudio Ctrl+MouseWheel Zoom 기능 막기

VisualStudio Cursor Caret이 잘 보이지 않는 문제 해결

Solution 아래 여러 Project가 있는데 자동 배포 하려고 했더니 Error가 딱~~~

개인 서버 Spec

VisualStudio에서 정규식으로 문자열 바꾸기

AD

많이 본글

최근 글

그 밖의 기능

날자별

참고자료

글 목록

태그

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

이 글 공유하기:

AD

많이 본글

최근 글

그 밖의 기능