본문 바로가기

분류 전체보기321

대칭키와 공개키 Symmetric Key (대칭키) 암호화와 복호화 같은 암호키(대칭키)를 사용하는 알고리즘 동일한 키를 주고 받기 때문에 매우 빠르다는 장점이 있지만 대칭키 전달과정에서 해킹 위험에 노출 공개키(Public Key)/비대칭키(Asymmetric Key) 암호화와 복호화에 사용하는 암호키를 분리한 알고리즘 대칭키일 때는 송수신자 키를 알아야하기 때문에 분배가 복잡하고 어렵지만 공개키와 비밀키로 분리할 경우 남들이 알아도 되는 공개키만 공개하면 되므로 대칭키의 키 분배 문제를 해결하기 위해 고안됐다. 자신이 가지고 있는 고유한 암호키(비밀키)로만 복호화할 수 있는 암호키(공개키)를 대중에 공개한다. 공개키 암호화 방식 진행 과정 A가 웹 상에 공개된 B의 공개키를 이용하여 평문을 암호화하여 B에 보낸다. .. 2023. 2. 7.
KDT 5th 웹개발자 입문 수업 9일차 어제 남은 헤더의 메인 컨텐츠 부분을 만들었다. 도중에 li를 l1으로 써서 당황했는데, cmd+d를 눌러서 이름이 같은 여러 요소를 한번에 지정이 가능하다는 점을 알게되었다. 스타벅스 홈페이지 클론 코딩 - 2 1. 메인 메뉴 컨텐츠 배치 position fixed를 사용하여 뷰포트 기준으로 width를 가져올 필요가 있음. 부모 요소에서부터 위치를 가져오므로 left값을 0으로 줘야 한다. 일단 컨텐츠는 hover가 되었을 때 보여야 하므로 display none으로 해주고 메인 메뉴가 hover 됐을 때 display block 으로 해주면 보이게 된다. 메인 메뉴 컨텐츠 또한 inner 안에 있어야 하는데 width를 제외한 다른 속성은 필요 없으므로 header > .inner 같이 특정 지어준.. 2023. 2. 7.
KDT 5th 웹개발자 입문 수업 8일차 주말 간 헤더를 세 개의 사이트(인프런과 청년몽땅정보통, 투썸플레이스)에 만들어 보면서 그래도 좀 실력이 늘었을까 싶다. 완벽하게 모작하지는 못했지만(아직 자바스크립트 활용법을 모름..) 모양만 대애충 ... 오늘부턴 스타벅스 페이지를 클론 코딩 한다고 하신다! 스타벅스 홈페이지 클론 코딩 - 1 1. 문자 인코딩 설정 - UTF-8 : 초성, 중성, 종성으로 문자를 구분하여 작성 (ex. ㄱ, ㅏ, ㅇ, ㅇ, ㅏ, ㄴ,...) - EUC-KR : 하나의 완성된 글자를 인식 (ex. 강, 안, ...) 2. 뷰포트 렌더링 방식 설정 - width=device-width : 화면의 가로 너비를 각 디바이스의 가로 너비와 동일하게 적용 - initial-scale=1.0 : 화면의 초기 화면 배율(확대 정도.. 2023. 2. 6.
UDP User Datagram Protocol 데이터를 데이터그램 단위로 처리하는 프로토콜 비연결형, 신뢰성 없는 전송 프로토콜 데이터그램 단위로 쪼개면서 전송을 해야하므로 Transport layer에서 사용하는 프로토콜 TCP/UDP 왜 나오게 됐는가? IP의 역할은 Host to Host만을 지원하므로 장치와 장치 사이의 이동은 IP로 가능하지만 하나의 장비 안에 수 많은 프로그램들이 통신을 할 경우엔 IP로는 불가능하다. → 포트번호가 등장 그래서 IP에 오류가 발생하면 ICMP에서 알려주지만 대처를 하지 못한다. → 그렇기에 TCP/UDP가 등장 ICMP : 인터넷 제어 메시지 프로토콜로 네트워크 컴퓨터 위에서 돌아가는 운영체제에서 오류 메시지를 전송받는데 사용됨 TCP의 경우 데이터의 분실, 중복,.. 2023. 2. 6.