전체 글
-
고전 암호 공격암호 2023. 6. 17. 02:58
단일 치환 암호 공격 주어진 평문의 각 알파벳을 미리 정해진 알파벳에 일대일 대응 시켜 치환하는 방법 →빈도 분석을 통해 복호화 가능 Vigenere 암호 공격 문자의 빈도를 보존 하지않음 →키의 길이를 찾아내고, 키 자체를 찾아냄으로 복호화 가능 Kaslskl 테스트 암호문에서 최소 3문자로 구성된 반복된 텍스트 세그먼트를 찾는다. 두 개의 세그먼트 사이의 거리를 d라고 가정 키의 길이 m에 대하여 공격자는 d|m이라고 추정할 수 있음 공격자는 키의 문자가 다르지 않은 경우를 피하기 위해 최소 세문자로 구성된 세그먼트 사용 키의 길이 찾은 후 공격자는 암호문 m개를 서로 다른 조각으로 나눈 뒫, 빈도 공격을 포함한 암호 해독 방법 적용 암호문 조각을 해독하며 전체 평문을 생성하기 위해 조합 Hill c..
-
암호공격암호 2023. 6. 16. 23:54
암호공격이란? 송신자와 수신자 이외의 허가 받지 않은 제3자가 암호 시스템을 공격하여 공개되지 않은 키를 불법적으로 획하거나, 이를 악용하 암호문의 내용을 가로채는 행위 수동적 공격 메시지의 도청: 공격자가 전송되는 메시지를 도중에 가로채어 그 내용을 외부로 노출시키는 공격으로, 메시지의 내용을 공격하는 개념. 트래픽 분석: 전송 메시지 암호화로 도청을 통한 메시지 내용 파악이 불가능한 경우, 송신자와 수신자의 메시지 전송 트래픽을 분석하여 암호문의 내용을 가로채어 해독하거나 이를 공격하는 개념 ※ 트래픽이란? 전화 또는 컴퓨터 통신의 특정 전송로에서 일정 시간 내에 흐르는 정보의 이동량. 쉽게 말해서 데이터 전송량 능동적 공격 메시지 변조: 전송되는 메시지들의 순서를 바꾸거나 메시지의 일부분을 다른 메..
-
CSS Framework웹프로그래밍 2023. 6. 13. 20:40
프레임워크 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조, 소프트웨어 개발의 뼈대 역할. 여러가지 기능을 가진 클래스와 라이브러리가 특정 결과물을 구현하고자 합쳐진 형태라고 볼 수 있다. 여기서 라이브러리란 자주 사용되는 로직을 재사용하기 편하도록 수많은 클래스들을 묶어서 제공하는 문서를 의미합니다. 쉽게 말하자면 라이브러리를 여러개 묶어서 제공해주어 표준을 세운것이 프레임워크 입니다. 종류 Spring: 자바의 웹 프레임워크 Bootstrap: 트위터의 자바스크립트 기반 웹 프레임워크 Node.js의 Express.js, Next.js 프레임 워크 등이 있습니다. 이렇게 여러개의 프레임워크가 존재하는 만큼 각각의 프레임 워크들만의 장단점도 있습니다. 장단점 장점 효율적 -> ..
-
SVG Graphics웹프로그래밍 2023. 6. 13. 15:43
저번에 Canvas를 이용하여 그림을 그리는 것에 대해 썼습니다. 이번에는 저번에 소개한 방식중 다른 방식인 SVG Graphic에 대해 써볼까 합니다. SVG-> Scalable Vector Graphics: 확장가능한 벡터 그래픽 웹을 위한 그래픽 정의로 사용 원 그리기 여기서 svg 그림 그리는 도화지의 크기를 지정해줍니다. Canvas와 다르게 SVG는 HTML로만 작성 가능한 것을 알 수 있습니다. stroke -> 선색상 사각형 그리기 rect를 태그 이용 둥근 모서리를 만들고 싶다면 위와 같이 rx, ry를 이용해주면 됩니다. SVG 와 Canvas 차이점 Canvas SVG 픽셀 기반 모양 기반 해상도에 의존 해상도 비의존 이벤트 핸들러 지원 X 이벤트 핸들러 지원 O 그래픽의 보존성 x ..
-
자바스크립트 시간(타이밍 이벤트)웹프로그래밍 2023. 6. 13. 15:42
setTimeout(함수, 밀리세컨드)->3초 기다려주는 함수 window.setTimeout(function, milliseconds); setInterval(함수, 밀리세컨드) ->중도 시간 측정 해주는 함수 window.setInterval(function, milliseconds); clearInterval()-> 시간을 멈춰주는 함수 Stop time 자바스크립트에서 시간 관련해서 기본적으로 제공하는 window Timing Events입니다. 이 이벤트를 잘 활용해서 동기 비동기 방식에도 잘 적용할 수 있을것 같네요.
-
Canvas Graphics웹프로그래밍 2023. 6. 13. 13:50
HTML로 그래픽을 실행하는 방법 Canvas에 javascript로 비트맵 스타일로 그림 그리기 SVG로 그리기 Canvas 예제 라인 그리기 다음과 같이 moveTo와 lineTo, stroke를 통해 그린다. moveTo는 이동함수 lineTo는 선긋는 함수 stroke는 그림그리는 함수 beginPath함수를 이용하여 그릴수도 있다. lineWidth 선 굵기 strokeStyle은 색상 여기서 좌표평면은 x축 y축이 있는데 다음과 같이 움직인다. 따라서 0,75에서 250,75로 선하나가 다음과 같이 그려질 것이다. 참고로 strokeStyle의 default값은 검정색이다. 원 그리기 여기서 arc함수는 (x값, y값, 반지름,시작각도, 끝각도) 로 이루어 진다. 삼각형 그리기 lineTo함수..
-
The Browser Object Model(BOM)웹프로그래밍 2023. 6. 13. 13:18
BOM = Browser Object Model:: 브라우저 객체 모델 window.document.getElementById("header"); ->document.getElementById("header"); 생략가능 : 객체 내부가 아닌 전역 변수에서의 this는 Window를 가르킴 에를 들어 JavaScript The window.location object 이런 형식으로 활용가능하다. 웹페이지의 뒤로가기 형식 또한 다음과 같이 버튼에 함수로 만들 수 있다. window.history.back()을 이용 이외에도 Alert Box, Comfirm Box, Prompt Box 등이 있다. alert("I am an alert box!"); window.confirm("sometext"); wind..
-