반응형

아래 구글 폰트 링크로 이동 후 다음과 같은 순서에 따라 적용한다.

https://fonts.google.com/?subset=korean 

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

1. 적용하고 싶은 폰트 선택(클릭)

2. 삽입하고 싶은 형태를 선택 후 복사 (<link> 또는 @import 선택)

 

import 선택의 경우

1. <style>...</style> 태그 또는 .css 파일 안에 해당 코드를 그대로 삽입

2. CSS rules 에 해당 font-family 적용

* {
	font-family: 'Nanum Gothic', sans-serif;
}

 

<link> 선택의 경우

1. <header>...</header> 안에 해당 태그를 그대로 삽입

2. 마찬가지로 CSS rules 에 해당 font-family 적용

 

반응형
반응형

margin : 블럭 바깥쪽 여백 지정
margin : (위) (오른쪽) (아래) (왼쪽); 순서로 지정.
특정 부위만 지정하고 싶은 경우 해당 위치를 직접 지정해주면 된다.

margin : 0px 10px 0px 10px;

margin-left: 10px;
margin-right: 10px;

padding : 객체 안쪽 여백 지정
margin 과 마찬가지의 속성을 가진다.

Tip. 블럭을 정 중앙에 오게 하고 싶다면..?
<div>.....</div> 로 감싼 후 해당 블럭에 대하여 바깥 여백(margin)을 다음과 같이 설정

.div {
	width: 300px;
	margin: 0px auto 0px auto;
}

div 의 경우 브라우저의 가로 크기 만큼 한줄 통째로 영역이 지정되기 때문에 width 로 정렬할 블럭의 가로 사이즈를 지정한 후에 margin의 auto 속성을 이용하여 객체가 시작되는 위치까지 자동으로 쭉 밀어서 여백을 지정하는 방법을 이용한다.

반응형
반응형

background 에는 3가지 속성을 함께 써준다.

background-image: url('.....');
background-position: center;
background-size: cover;

background-image
배경에 이미지를 넣고 싶을때 사용.

background-positon
배경 이미지 위치 지정.
기본적으로 왼쪽 상단부터 이미지가 시작이 되는데 position을 center 로 지정할 경우 이미지 가운데 부터 시작할 수 있다.

background-size
배경 사이즈 선택. cover 의 경우 배경 블럭 공간 만큼 자동으로 맞춰 준다.

반응형
반응형


asp에서 보통 디비 연결할때 대충 요런식으로 많이들 쓰져..


conn.asp


set conn = Server.CreateObject("ADODB.Connection")

dbstr = "PROVIDER=SQLOLEDB;DATA SOURCE=sqlservername;UID=username;PWD=password;DATABASE=mydatabase"

conn.open dbstr




근데 요렇게 쓰지 말구 함수를 만들어서 쓰는 방법을 권장해 드립니다.


conn.asp


set conn = Server.CreateObject("ADODB.Connection")

dbstr = "PROVIDER=SQLOLEDB;DATA SOURCE=sqlservername;UID=username;PWD=password;DATABASE=mydatabase"


'객체 열기

Sub DbOpen()

If isobject(objCon) Then          '객체 존재여부 체크

Else

objCon.Open (dbstr)

End If

End Sub


'객체닫기

Sub DbClose()

If isobject(objCon) Then          '객체가 존재하면 닫기

objCon.close

Set objCon = Nothing

End If

End Sub



index.asp


<!--#Include Virtual = "conn.asp" -->

<%

Call DbOpen()

'디비작업....

...


%>

<html>

<head>...</head>

<body>...</body>

</html>

<%

Call DbClose()

%>



요렇게 하면 중간 중간 include 파일들에 Call DbOpen() 이나 Call DbClose() 가 중복이 돼도 에러가 안나요~


그런데 만약에 객체로 이미 지정이 되어있는 다음과 같은 경우!

objCon 자체가 이미 object 로 선언을 했기때문에 이 경우에는 state 를 이용해서 객체 상태를 체크하는 방법으로 사용해야합니다.


conn.asp


<object runat="Server" PROGID="ADODB.Connection" Id="objCon" VIEWASTEXT></object

....

<%

'객체 열기

Sub DbOpen()

If objCon.state = 0 Then          'state 를 이용

objCon.Open (objCn_Str)

End If

End Sub

'객체닫기

Sub DbClose()

If objCon.state = 1 Then

objCon.close

End If

End Sub

%>



반응형
반응형



작업 하다보니 궁금증이 생겼다..


한 페이지에 여러 양식의 <form 이 생길 수 있는데 특정 폼에 해당하는 무언가를 가져오려고 한다면???


page1.html


// 보통은 요렇게 한다..


아니 근데 바보야.. 한페이지에 input.. name=cell 이 두개있잖아!!


그렇다면.......



// eq(..)로 선택하는 방법도 있지만 그건 그닥 비추..








반응형

'하베의 스킬 > jquery' 카테고리의 다른 글

[jQuery] 같은 이벤트를 한번에 적용시키기  (0) 2017.09.22
반응형



jQuery 에서 사용되는 특정 id 값이나 name 등등에 같은 이벤트를 적용시킬때가 있다.

예를 들수 있는건 너무나 많지만.. datepicker 를 적용할때를 예로 들어보면..

page1.html page2.html..... 등등의 수많은 페이지에서 날짜 검색을 이용할때

항상 같은 name 과 id 를 사용할 수는 없다..

그럴때는 요렇게..


page1.html


page2.html


클릭하면 달력이 나와야 하는 text box 가 각각의 페이지에 있을 경우 공통 .js 파일에 다음과 같이 한번만 설정해 준다.





쨘~~





반응형

'하베의 스킬 > jquery' 카테고리의 다른 글

[jQuery] 특정 폼(form) 에 있는 셀렉터  (0) 2017.09.22
반응형



프로시저를 만들고 난 후 난감한 상황이 발생되었다..

그동안 썼던 조건들이 잘못된걸 알게된것..

그렇다면 어떻게 하지?

몇백개 되는 프로시저를 일일이 하나씩 열어서 이 조건을 썼나 안썼나 눈으로 찾아야 하는 것일까~

Oh~ No~~~~폭망....

저처럼 고민하고 계실 분들은 아래 쿼리를 써보시라~

호잇~!




생각보다 자주 씀...ㅡ,.ㅡ

반응형

+ Recent posts