코딩하는 감자

CSS속성 표현 단위 px : 픽셀 % : 상대적 백분률 em : 요소의 글꼴 크기 rem : 루트 요소(html)의 글꼴 크기 vw : 뷰포트 가로 너비의 백분률 vh : 뷰포트 세로 너비의 백분률 margin : 요소의 외부 여백(공간)을 지정하는 단축 속성(0 : 외부 여백이 없음, auto : 브라우저가 여백을 계산), 음수를 사용할 수 있는 속성 -> 단축 속성 :1개의 값부터 최대 4개의 값까지 입력할 수 있다. - 4개 입력 : margin 1px(상) 2px(우) 3px(하) 4px(좌) - 3개 입력 : margin 1px(상) 2px(좌,우) 3px(하) - 2개 입력 : margin 1px(상,하) 2px(좌,우) - 1개 입력 : margin 1px(상,하,좌,우) margin 개별..

CSS속성 - 박스 모델 width : 박스의 가로 영역 범위 지정 (auto : 브라우저가 너비 계산) height : 박스의 세로 영역 범위 지정 (auto : 브라우저가 너비 계산) span : 콘텐츠 영역 설정 용도(인라인 요소(auto(기본값 상태)일 때 가로 넓이 줄이려고 함) div : 콘텐츠의 영역 설정 용도(블록 요소(auto(기본값 상태)일 때 세로 넓이를 늘리려고 함) max-width : 요소가 커질 수 있는 최대 가로/세로 너비 (none : 최대 너비 제한 없음) max-height :요소가 커질 수 있는 최대 가로/세로 너비 (none : 최대 너비 제한 없음) min-width : 요소가 작아질 수 있는 최소 가로/세로 너비 (0 : 최소 너비 제한 없음) min-height..

속성의 종류 박스 모델 : 가로, 세로 너비 글꼴, 문자 : 폰트(서체), 문자 크키 등 배경 : 배경 이미지 등 배치 : 원하는 요소를 원하는 위치에 배치 플렉스(정렬) : 수직에서 쌓이는 레이아웃이 아닌 수평 정렬 전환 : 요소의 전 생태와 후 상태를 자연스럽게 애니메이션 처리를 해주는 것 변환 : 요소를 회전하거나 이동시키거나 크기를 조정시키는 것(2D, 3D변환 등) 띄움 : 요소를 공중으로 띄우는 것(이미지 주변으로 문자가 나타내게 하는것 ex.신문기사 등) 애니메이션 : 복잡한 구조의 이미지 변환을 사용할 떄 자연스럽게 해주는 것 그리드 : 행과 열을 가지고 있는 2차원의 레이아웃을 제어하기 위함 다단 : 여러 단으로 나누고 구별해줄 때 사용 필터 : 이미지 흐림(blur)처리, 흑백(gray..

가상 요소 선택자(Pseudo-Elements) before : 선택자 x요소 내부 앞에 내용(content)을 삽입 .x::before{ content: "앞"; } after : 선택자 x 요소의 내부 뒤에 내용(content)을 삽입 .x::after { content: "뒤"; } 속성 선택자(Attribute) attr : 속성 x를 포함한 요소 선택 [x]{ color: red; } attr=value : 속성 x를 포함하고 값이 y인 요소 선택 [x="y"]{ color:red; }

네트워크 보안 방화벽 : 외부의 공격으로부터 방어하는 것을 목적으로 컴퓨터에 설치하는 소프트웨어나 인터넷에 설치하는 하드웨어의 총칭 방화벽의 종류에는 패킷 필터형 방화벽이나 애플리케이션 게이트웨이형 방화벽이 있다. 방화벽은 네트워크 간의 통신 가능 여부를 제어한다. 웹 애플리케이션 방화벽(Web Application Firewall) : 웹 애플리케이션의 통신 제어로 특화된 방화벽 프록시서버 : 해당 컴퓨터 대신 인터넷에 엑세스하는 서버(IP주소의 효과적인 활용을 위해서 사용한다.) 공격을 감지하고 시스템을 방어하는 세가지 장치 IDS(Intrusion Detection System) : 침입 감지 시스템 -> 공격 감지를 관리자에게 통보 IPS(Intrusion Prevention System) : 침..

DoS(Daniel of Service attack 서비스 방해 공격) : 웹 사이트에 집중 엑세스 공격을 하여 웹 사이트를 다운시키는 것 DDoS(Distributed DoS 분산형 DoS) : Dos는 일대일 공격이지만 DDoS는 일대다 공격이다. 분산된 여러 공격자가 하나의 웹 사이트를 다운시킨다. 대기형 공격 : 많은 사용자가 엑세스하는 사이트를 대상으로 취약점을 찾아 사이트를 변조해 바이러스를 감염시킨다. 표적형 공격 : 특정 조직이나 기업을 표적으로 한 공격 드라이브 바이 다운로드 : 브라우저 등을 경유하여 사용자의 PC에 몰래 그리고 강제적으로 멀웨어를 다운로드시켜 설치하는 공격방법 버퍼오버플로 : 소프트웨어에 대한 입력을 저장하는 영역(버퍼)을 넘치게 하는 것(오버플로)으로 시스템에 의도하..