CLIEL LAB

색상은 기본적으로 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

1. 전체 선택 문서의 전체 태그를 선택하려면 * 문자를 사용합니다. 참고로 전체 선택자는 html부터 시작해 /html까지의 모든 태그를 대상으로 합니다. 2. 태그 선택 특정 태그를 선택하려면 태그명을 그대로 사용합니다. 참고로 여러 개 태그를 선택해야 하는 경우에는 span, div처럼 쉼표를 통해 구분해서 필요한 태그를 넣어주면 됩니다. 3. 아이디 선택 특정 태그의 아이디를 통해 원하는 요소를 선택하려면 # 문자를 사용합니다. 4. 클래스 선택 . 문자를 사용하면 태그에 있는 클리스명으로 요소를 선택할 수 있습니다. 만약 특정 태그에 있는 클래스만을 대상으로 하고 싶다면 [태그]. [클래스] 형식으로 지정하면 됩니다. 5. 속성 선택 태그 안에 특정 속성을 기준으로 요소를 선택하려면 [속성=값]..

Web/HTML5 & CSS3 2019. 9. 30. 13:25

HTML5에서는 웹페이지의 구조를 이루기 위한 다음 태그가 추가되었습니다. header 헤더 nav 네비게이션 메뉴 aside 사이드 공간 section 특정 분류 공간 article 본문 footer 하단푸터 위 태그는 예를 들어 다음과 같이 작성될 수 있습니다. 제목 메뉴1 메뉴2 메뉴3 안녕하세요. 반갑습니다. 예제 그런데 해당 태그를 구현하고 막상 실행해 보면 화면상으로는 별다른 변화가 없음을 알 수 있습니다. 시멘틱 구조 태그의 목적은 사람이 아닌 검색엔진과 같은 기계적인 대상으로부터 웹페이지의 구조를 알려주는 데 있습니다. 예를 들어 위화면은 다음의 메인 페이지인데 사람이 눈으로 보기에는 어디가 header고 어디가 footer이며 어디가 aside에 해당하는지를 대략적으로 알 수 있습니다. ..

Web/HTML5 & CSS3 2019. 9. 30. 11:22

1. fieldset fieldset 태그를 사용하면 특정 요소끼리 그룹 지어 표현할 수 있습니다. 아이디: 비밀번호: 또한 fieldset 내부에 legend 태그를 사용하면 그룹에 제목을 지정할 수도 있습니다. 로그인 아이디: 비밀번호: 2. div HTML내부에서 block형태로 공간을 생성합니다. 아이디: 비밀번호: div는 시각적 요소보다는 전체 HTML의 레이아웃을 잡는데 많이 사용합니다. 이전에는 table태그를 사용했지만 table로 웹페이지의 레이아웃을 잡는 건 되도록 지향하는 것이 좋습니다. 3. span span은 HTML내부에서 inline형태의 공간을 사용하는 태그입니다. 아이디: 비밀번호: div의 block과 span의 inline형식이 무엇이 다른지는 해당 태그 앞뒤에 특정 ..

Web/HTML5 & CSS3 2019. 9. 30. 10:16