정짱의 작은 도서관

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. 이번 시간에는 중복을 제거하고 재사용성을 높이며 유지보수를 효율적으로 하는 방법을 설명하겠습니다. 그리고 이전 다른 .html에도 모두 적용을 하겠습니다. ype html> WEB HTML CSS JavaScript Iron man CSS이란 무엇인가? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside ..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. 생활코딩 미디어 쿼리 강의와 이전 정리 내용을 가지고 같은 것을 만들었습니다. WEB HTML CSS JavaScript Iron man CSS이란 무엇인가? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. CSS is designed to enable the se..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. grid.html을 만들고 설명하겠습니다.사진을 보게 되면 NAVIGATION ARTICLE 디자인 용도로만 쓰는 것을 감싸주는div 태그는 기본적으로 block level element이므로화면 전체를 쓰기 때문에 줄바꿈이 된것이다. NAVIGATION ARTICLE inline element 이다.필요에 따라 사용하면 됩니다. 구분을 위해 위 사진과 같이 만들어 줍니다. NAVIGATION ARTICLE 다음으로는NAVIGATION과 ARTICLE을 나란히 배치를 해보기 위해서부모 태그가 필요하므로 부모 태그를 하나 만들어 줍니다. id를 주고난 후 선택한 #id에 대해서 red색상을 주고 구분을 해줍니다. 그러면 위와 ..

[WEBn] WEB2 - CSS 생활코딩 강의를 들었던 것을 정리를 하겠습니다. html 문법이면서 style태그 안쪽 내용은 css이니까 css언어의 문법에 맞게 처리해주라는 의미입니다. 위 사진에 있는 a, #active, .saw, h1는 선택자라고 부르고, 셀렉터입니다.아래 자세히 설명하겠습니다. 가독성 및 유지보수에 효과적으로 증가합니다. 사진과 같이 이렇게 볼 수 있습니다. Webpage에 CSS삽입방법은첫 번째 style tag두 번째 style property있습니다. CSSstyle이라는 속성을 쓰면 그 속성의 값을 CSS문법에 따라 해석해서 style속성에 적용을 합니다.선택자는 필요가 없습니다. 설명을 위해 1.html과 2.html을 서로 다르게class 하나로 묶어 보겠습니다. G..

[WEBn] WEB1 에디터 설치Editor라는 프로그램이 필요하기 때문에github.com에서 만든 Atom(아톰)을 쓴다. https://atom.io/ 다운로드해서 설치를 한다.실행을 하고 난 후 프로젝트를 만든다. test.html https://opentutorials.org/course/3084/18437 생활코딩을 보고 난 후 정리하는 글이에 다시 한번 복습하는 과정으로 정리를 하겠습니다. 필자는 위 사진에 있는 기획서대로 만들어 보겠다.정리 내용이므로 자세하게 따라가면서 배우기 원한다면 생활코딩 https://opentutorials.org/course/1 에서 차근차근 따라해보자. 웹브라우져에 표시된다. 첫번째로는 제목 web 이라는 제목을 적었으며다음으로는 목차, 소제목을 적었다. 코딩..

안녕하세요. 정짱의 작은 도서관 입니다. 카카오미니 X 티스토리에서 카카오미니 이야기를 포스팅 하겠습니다. 응모 기간은 4월 9일(월요일)까지이며, 공식 블로그를 통해 4월 18일(수요일)에 발표를 한다고 합니다. 공식 블로그를 통해 이벤트에 관련 된 내용을 보면 '이런 이야기를 들려주세요'라는 예시들이 몇개 있어 그냥 평소 카카오미니를 사용하는 필자의 경험을 통해 작성을 해보겠습니다. 필자는 카카오톡 선물하기에서 구매를 했는데 아마 구매한 날짜가 화이트데이 그쯤이였다.화이트데이 이벤트로 할인을 하는 줄 알았다.하지만 현재도 그 가격이었다.. 49000원이지만 화이트데이 이벤트 때 무슨 사탕 공유하기가 있어 500포인트를 받았으며,카카오 페이로 즉시 할인을 받아 1000원을 더 할인 받아 구매하게 되었다..

전자서명전자서명의 형식은 암호방식에 따라 크게 두 가지로 구별된다.공개키 암호방식을 이용한 공개키 서명방식과 관용 암호방식을 이용한 중재서명방식으로 나눌 수 있다. 전자서명 서비스메시지 인증과 메시지 무결성, 부인방지, 기밀성이 있다. 전자서명의 주요 기능위조 불가합법적인 서명자만이 전자서명을 생성할 수 있어야 한다.서명자 인증전자서명의 서명자를 누구든지 검증할 수 있어야 한다.부인방지서명자는 서명행위 이후로 서명한 사실을 부인할 수 없어야 한다.변경 불가서명한 문서의 내용을 변경할 수 없어야 한다.재사용 불가전자문서의 서명을 다른 전자문서의 서명으로 사용할 수 없어야 한다. 전자서명 정리구분 이론 근거 특징 RSA 소인수분해 RSA 아이디어 이용, 송신자 개인키/공개키 이용(공개키와는 다름!) ElGa..

[정보보안기사] 암호학 일방향 해시함수의 특징임의 길이의 메시지로부터 고정 길이의 해시값을 계산한다.해시값을 고속으로 계산할 수 있으며, 시간이 너무 오래 걸리면 안 된다.일방향 해시함수는 일방향성을 가질 필요가 있다. 이것은 해시값으로부터 메시지를 역산할 수 없다는 성질이다.(해시 값으로 부터 메시지를 구할 수는 없다.)메시지가 다르면 해시값도 다르다. 해시함수의 충돌구분 동일 용어 설명 깨는 방법 포함관계 전자서명 역상저항성 프리이미지저항성 y=h(x) => x? - 포함 X 약 일방향성 두 번째역상저항성 제2프리이미지저항성,약한충돌내성 h(x) = h(x') =>다른 입력값 x'( ≠ x) 무차별공격(전수공격) U충돌저항성은 두 번째역상저항성을 보장 강일방향성 충돌저항성 충돌회피성,강한충동내성 h(..

[Liunx] 리눅스 X 윈도 X 윈도 X.org- X.org 기반의 X 윈도 시스템이다.- 네트워크 프로토콜에 기반한 그래픽 사용자 인터페이스 환경이다.- 디스플레이 장치에 의존적이지 않고 서로다른 이 기종을 함께 사용한다.- 클라이언트/서버 구조, X Protocol 사용한다.- 로컬 사용자가 TCP 포트 6000번을 통해 전달한다.- Unix Domain Socket을 이용한 통신이다. Xlib- C언어로 구현된 클라이언트 라이브러리, X서버와 대화해주는 역할이다.- 저수준의 인터페이스, 단순한 기능이다.- 최근 Xlib의 기능을 포함한 Xt, Xaw, Motif, FLTK, GTK+, Qt, Tk, SDL 등이 있다.- 최근 X.org에서는 XCB(X protocol C-language Bindi..