오픈소스를 쉽게 받을 수 있는 사이트 목록 Bootstrap (https://getbootstrap.com/) Bootstrap은 세계적으로 반응형 웹 사이트 구축할때 사용되는 가장 인기 있는 프레임워크입니다. 필수 공식 테마에서 웹 사이트 템플릿을 받아서 자유롭게 커스터마이징 하신다면 빠르게 웹 사이트를 제작하실 수 있습니다. 웹 페이지를 구성함에 있어 필요한 아이콘, 목록, 메뉴, 이미지 등등 다양한 요소들이 CSS와 Javascript로 제작되어 있어 폭발적인 인기를 얻고 있습니다. GitHub (https://github.com/) 깃허브를 빼놓고 오픈소스를 말할수는 없을 것 같습니다. 깃허브에 있는 검색창에다가 내가 원하는 기술을 검색만 하면 개발자들이 공개해놓은 오픈소스들을 어마어마하게 많이 ..
내용 css 를 활용한 퀵메뉴 입니다.
화면 스크린 크기에 따라 표시 / 숨김 - 반응형 테마에서 모바일 데스크탑에서만 보이게 / 안보이게 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..