CLIEL LAB

1. width / height 가로와 세로 크기를 지정합니다. width와 height는 내부에서 글자를 표시하는 영역의 크기를 조절합니다. 그런데 box-sizing 속성을 사용하면 width와 height의 크기 기준을 border까지 포함한 크기로 바꿀 수 있습니다. 2. margin / padding margin과 padding는 여백과 관련된 속성으로 border를 기준으로 안쪽을 padding, 바깥쪽을 margin으로 볼 수 있습니다. 참고로 margin은 margin-bottom으로 아래쪽, margin-left로 왼쪽, margin-right로 오른쪽, margin-top으로 위쪽 영역을 개별적으로 지정할 수 있습니다.

Web/HTML5 & CSS3 2019. 10. 24. 15:02

크기와 관련하여 CSS3에서 사용 가능한 단위는 %, em, cm, mm, inch, px 등이 있습니다. 하지만 이들 중 %, em, px만 자주 사용하고 다른 것은 사용빈도가 다소 낮습니다. %는 우선 기본적인 크기에서 상대적인 크기를 결정하는 단위입니다. abcdefg abcdefg em은 배수 단위입니다. 따라서 1em은 1배, 1.5em은 1.5배를 의미합니다. 이 역시 상대적인 크기입니다. abcdefg abcdefg px는 픽셀단위 크기이며 %와 em과는 달리 절대적인 크기를 설정하도록 합니다. abcdefg abcdefg

Web/HTML5 & CSS3 2019. 10. 21. 15:56

1. display 요소를 표시하는 속성 중 display는 요소를 어떤 형태로 표시할지를 지정하는 속성입니다. 이 속성에서 가장 많이 사용하는 것으로는 none, block, inline, inline-block이 있습니다. 그 외에 다른 것도 많지만 모든 브라우저마다 지원하는 내용이 달라 잘 사용되지는 않습니다. 먼저 none는 요소를 화면에 보이지 않게 합니다. block는 요소가 전체 영역을 모두 사용해 block형태로 보이도록 합니다. inline은 block과 달리 다른 요소와 같이 배치될 수 있도록 합니다. inline-block는 inline과 비슷하지만 요소에 width와 height속성을 사용할 수 있습니다. 2. visibility visibility는 요소를 보이거나 보이지 않게 하..

Web/HTML5 & CSS3 2019. 10. 18. 15:26

색상은 기본적으로 red, blue처럼 특정 키워드를 통해서 설정이 가능합니다. abcdefg abcdefg 그러나 위와 같은 키워드 설정 말고도 숫자를 통해 색상을 더욱 정밀하게 조절할 수 있는데 이때 사용 가능한 색상 단위로는 첫 번째로 rgb가 있습니다. rgb는 순서대로 red, green, blue 색상을 의미하며 이들 각각의 색상값을 구분해서 지정합니다. 이때 각각의 값은 0부터 255까지 지정이 가능합니다. abcdefg abcdefg rgb와 비슷한 rgba도 있는데 이때 a는 투명도를 의미합니다. abcdefg abcdefg 투명도는 0.0 부터 1.0까지 설정이 가능하며 0.0에 가까울수록 투명도가 증가합니다. hex단위는 #000000 형태의 16진수 단위로 입력하며 2자리 단위로 R..

Web/HTML5 & CSS3 2019. 10. 17. 10:21

1. 일반 구조 선택자 CSS3부터 지원하는 선택자로서 다음의 선택자 사용이 가능합니다. first-child 동위 관계에서 첫번째 요소 last-child 동위 관계에서 마지막 요소 nth-child(수열) 동위 관계에서 수열번째 요소 nth-last-child(수열) 동위 관계에서 뒤에서 부터 수열번째 요소 특히 수열의 경우 예제에서는 3n이라고 지정하였는데 이렇게 되면 3, 6, 9와 같은 순서의 요소를 선택할 수 있게 됩니다. 만약 3n+1처럼 했다면 1, 4, 7, 11과 같이 순서가 바뀌게 됩니다. 2. 형태 구조 선택자 형태 구조는 동일 요소가 존재할 때 페이지 내에서 등장하는 순서에 따라 선택 가능한 선택 자이며 사용 가능한 선택자로는 다음과 같은 것들이 있습니다. first-of-type..

Web/HTML5 & CSS3 2019. 10. 11. 14:51

1. 자손 선택자 특정 요소의 자손을 선택하려면 > 기호를 사용합니다. 자손이라 함은 대상 요소에서 바로 아래 요소들만을 지정하며 아래 예시는 ID가 div1인 태그 바로 아래 위치하는 span자손만을 선택하도록 합니다. 2. 후손 선택자 특정 요소 아래에 있는 모든 요소를 대상으로 하며 별도의 기호 없이 부모와 선택하고자 하는 후손 요소를 순서대로 나열합니다. 따라서 아래 예제는 ID가 div1인 요소 아래 모든 span요소를 선택하도록 합니다. 후손으로 선택하고자 하는 요소가 하나 이상이라면 다음과 같이 부모와 후손요소합해 콤마(,)로 구분하여 선택자를 작성해야 합니다. 3. 동위 선택자 자손도 후손도 아닌 동일 지휘의 요소선택을 의미하며 바로 뒤의 하나만 선택할 때는 +기호를 뒤에 있는 모든 요소를..

Web/HTML5 & CSS3 2019. 10. 7. 11:04

netstat는 컴퓨터의 네트워크 상태를 확인할 수 있는 명령어로서 열려있는 포트나 연결 중인 컴퓨터의 목록 등을 확인할 수 있습니다. netstat명령어에서 사용가능한 옵션은 다음과 같습니다. 일부는 제외되었으며(나도 모르니까..;;_) 자주 사용하는 것만을 위주로 알아보고자 합니다. -a 모든 연결과 수신중인 포트를 나열합니다. -b 해당 네트워크와 연결된 프로그램 파일의 프로세스를 표시합니다. -e NIC에서 송수신한 패킷용량및 종류를 표시합니다. -f 연결측 IP대신 도메인(FQDN)으로 표시합니다. -n 연결측 IP와 연결 포트번호를 표시합니다. -o 각 연결과 연관된 프로세스 아이디(PID)를 표시합니다. -p 지정한 프로토콜과 관련된 연결리스트를 표시합니다. -q 현재 활성화된 모든 연결을 ..

Server/Windows Server 2019. 10. 7. 11:00

하도 헷갈려서 여기에다가 정리해 둡니다. Request.Url.AbsolutePath /[directory]/[directory]/[page] Request.Url.AbsoluteUri [Scheme]://[domain]/[directory]/[directory]/[page]?[Parameter] Request.Url.Host localhost Request.Url.Authority localhost:80 Request.Url.LocalPath /[directory]/[directory]/[page] Request.Url.PathAndQuery /[directory]/[directory]/[page]?[Parameter] Request.Url.Port 80 Request.Url.Query ?[Parame..

.NET/ASP.NET 2019. 10. 2. 09:09