본문 바로가기

분류 전체보기154

Bootstrap4 알아보기#1 _ container 속성 Bootstrap Bootstrap은 빠르고 쉬운 웹 개발을 위한 무료 프런트 엔드 프레임워크입니다. Bootstrap은 반응형 디자인을 쉽게 만들 수 있는 기능도 제공합니다! Bootstrap의 장점 사용하기 쉬움: HTML 및 CSS에 대한 기본 지식만 있으면 누구나 Bootstrap 사용을 시작할 수 있습니다. 반응형 기능: Bootstrap의 반응형 CSS는 휴대폰, 태블릿 및 데스크탑에 맞게 조정됩니다. 모바일 우선 접근 방식: Bootstrap에서 모바일 우선 스타일은 핵심 프레임워크의 일부입니다. 브라우저 호환성: Bootstrap 4는 모든 최신 브라우저(Chrome, Firefox, Internet Explorer 10+, Edge, Safari 및 Opera)와 호환됩니다. ㄴ 출처 :.. 2023. 5. 12.
JavaScript는 HTML 콘텐츠를 변경할 수 있다. #JavaScript_1 html 파일에서 외부 .js 파일 호출하는 법 .js 파일에서 함수 생성 하는 법. function myFunction() { document.getElementById("first").innerHTML = "second."; } html 파일에서 .js 파일에 생성된 함수 호출 하는 법. ㄴ id 값을 이용 / html 페이지에는 second 글자가 출력. html 파일 내부에서 javascript 사용하기 ㄴMy First JavaScript 출력 된다. ㄴ tag 내에 든 tag 내에 든 어디든 배치 가능하다. document.getElementById(id); ㄴ 해당 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다. 2023. 4. 28.
Fortinet FortiNAC (CVE-2022-39952) 취약점을 이용한 zip 파일 업로드 및 악성코드 실행 시도. 목차 Fortinet FortiNAC (CVE-2022-39952) 취약점 한줄 요약 Fortinet의 FortiNAC 제품에서 "keyUpload.jsp" Fortinet의 FortiNAC 제품에서 "keyUpload.jsp" 엔트포인트의 파일 업로드 기능을 악용 RCE 공격을 이용 특수 제작된 파일을 업로드할 수 있습니다. Fortinet 회사, FortiNAC 제품 소개 Fortinet은 물리적 방화벽, 바이러스 백신 소프트웨어, 침입 방지 시스템 및 엔드포인트 보안 구성 요소와 같은 사이버 보안 솔루션을 개발 및 판매 회사. FortiNAC™은 네트워크에 연결하는 모든 항목에 대한 가시성, 제어, 자동 대응을 제공함으로써 보안 패브릭을 강화하는 포티넷의 네트워크 액세스 제어 솔루션입니다. 취약점 .. 2023. 3. 7.
Bootstrap4 테이블 크기 고정 하기, 강제로 줄 바꿈하기 bootstrap4를 이용한 개인적인 홈페이지를 만들면서. 페이지내에 표를 이용한 업무 이력 관리를 해보려고 했다. 테스트 목적으로 만든 표에서는 아래처럼 "width" 값에 비율만 지정해줘도 정상적으로 작동했다. 첫번째 두번째 세번째 손흥민 요즘 경기력이.. 너무슬프다 너무슬프다 너무슬프다 너무슬프다 너무슬프다 너무슬프다 근데 실제 사용하려고 DB화 해놓은 데이터를 적용시키니 table 크기가 뒤죽박죽에 마지막 열은 아예 페이지 외부로까지 빠져나와버렸다. ... 이게 뭐지.. 하면서 이것저것 다 해보고 여러 방식으로 크기를 정렬해보려고 했다. 결국 해결한 방법으로는 아래 코드를 적용함으로 해결하였다. 코드 설명 word-berak 글이 길어질 때 줄바꿈을 어떻게 할지 지정하는 속성. word-berak.. 2023. 1. 16.
728x90
반응형