화면 스크린 크기에 따라 표시 / 숨김 - 반응형 테마에서 모바일 데스크탑에서만 보이게 / 안보이게 1. 화면 사이즈가 450px 이하일 때만 보이는 코드 /* 화면 사이즈가 450px 이하일 때만 표시 */ @media screen and (min-width: 450px) { #HTML {display:none;} } /* 화면 사이즈가 999px 이상일 때만 표시 */ @media screen and (max-width: 999px) { #HTML {display:none;} } 2. 접속하는 화면 크기에 따라, 보여줄 내용을 각각 다르게 (1) CSS 내용 /* 접속하는 화면 크기에 따라 표시/숨김을 제어 */ /* 640보다 작을경우 */ @media all and (max-width: 639px..
1. 취약점 개요 폴더나 파일명의 위치가 예측 가능하고 쉽게 노출되어 공격자가 이를 악용하여 대상에 대한 정보를 획득하고 민감한 데이터에 접근 가능 2. 개선방향 . 웹 디렉터리를 조사하여 [표. 삭제해야 할 파일 확장자]에 포함된 백업 파일을 모두 삭제하고, *.txt 같이 작업 중 생성된 일반 텍스트 파일이나 이미지 파일 등도 제거함 . 백업 파일은 백업 계획을 수립하여 안전한 곳에 정기적으로 백업해야 하며 웹 서버 상에는 운영에 필요한 최소한의 파일만을 생성하여야 함 . 웹 서버 설정 후 디폴트 페이지와 디폴트 디렉터리 및 Banner를 삭제하여 Banner Grab에 의한 시스템 정보 유출을 차단함 . Apache, IIS, Tomcat 등 각 웹 서버 설정 시 함께 제공되는 샘플 디렉터리 및 매..
웹퍼블리셔(Web Publisher)는 웹사이트를 제작함에 있어서 어느 정도의 역량을 가져야 하며, 어디까지가 역할일까? 다음은 나름의 경험과 고민을 통해서 정리한 것으로 개인마다 의견이 다를 수 있다. 조금 더 경력이 쌓이면 달라질 수도 있겠지만 우선은 다음과 같은 일곱 단계의 과정을 웹퍼블리셔가 할 수 있는 업무의 범위라고 생각하고 간략히 정리해 보겠다. 편의상 단계라는 표현을 썼지만 반드시 지켜져야 하는 순서는 아닙니다. 1단계 – 환경분석과 시스템배치 UI/UX 단계에서 프로젝트에 대한 환경적인 분석을 실시한다. 여기서 환경이라 함은 사이트가 운영 및 유지되는 서버와 서버 사이드 개발 인력의 수, 역량 등을 의미한다.사용된 웹서버와 데이터베이스 서버는 무엇인가? 인코딩을 무엇을 할 것이며, HTM..
px → em 변환을 정확하게 하기 위해서는 상대적인 기준값을 이해하고 있어야 합니다. 이 계산은 CSS에서 상대 단위를 사용할 때 매우 중요합니다.1. 기본 개념 정리px (픽셀): 고정된 단위로, 화면의 실제 픽셀 수를 의미합니다.em: 상속된 폰트 크기를 기준으로 하는 상대 단위입니다.1em = 부모 요소의 font-size2em = 부모의 글자 크기의 두 배2. 변환 공식css복사편집N px → em 변환 공식: N(px) / 기준 폰트 크기(px) = N(em) 예시: 기준 폰트 크기가 16px일 때32px = 32 / 16 = 2em12px = 12 / 16 = 0.75em 3. 기준 폰트 크기를 결정하는 원칙위치기준이 되는 값html 태그 내부브라우저 기본값 (대개 16px)자식 요소부모 요..