본문 바로가기

분류 전체보기321

TLS/SSL handshaking HTTPS에서 클라이언트와 서버간 통신 전 SSL 인증서로 신뢰성 여부를 판단하기 위해 연결하는 방식 클라이언트는 서버에게 client hello 라는 메시지를 담아 서버로 보낸다. 이때 암호화된 정보를 함께 담는데 버전, 암호 알고리즘, 압축 방식 등을 담는다. 서버는 클라이언트가 보낸 암호 알고리즘과 압축 방식을 받아 세션ID와 CA(공개인증서)를 server hello 메시지와 함께 담아 응답한다. 이 CA인증서에는 앞으로 통신 이후 사용할 대칭키가 생성되기 전, 클라이언트에서 handshaking 과정 속 암호화에 사용할 공개키를 담고 있다. 클라이언트 측은 서버에서 보낸 CA인증서에 대해 유효한지 CA목록에서 확인하는 과정을 진행 CA인증서에 대한 신뢰성이 확보되었다면 클라이언트는 난수 바이트를.. 2023. 2. 9.
KDT 5th 웹개발자 입문 수업 11일차 스타벅스 홈페이지 클론의 마지막 날이다. 푸터 부분을 마치고 자바스크립트를 나간다고 한다! 완성했고 확실히 홈페이지 클론을 쭉 실습해보니 요령이 생겨서 쉬웠다. css로 퍼블리싱 할 때 중요한건 한 섹션을 어떻게? 분류할지인 것 같다. display flex나 position absolute를 사용할 때 그 기준이 되는 것들이 중요하다고 느꼈다. 푸터까지 완성! https://jocular-cuchufli-21c4f9.netlify.app/ Starbucks Coffe Korea 스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다. jocular-cuchufli-21c4f9.netlify.app 2023. 2. 9.
KDT 5th 웹개발자 입문 수업 10일차 어제 복습하겠다고 혼자 뚱땅거리며 만들던 스타벅스 모작이 잘 안풀려서 거진 한가지 이유로 1시간 넘게 헤맸다. 알고보니 선택자 지정상 inner 클래스에 height 잡아 둔 것이 화근이었고 (BEM의) Block 요소에는 가급적 저런 요소를 두지 않도록 다시 신경써야겠다고 생각했다. ㅜㅜ 별 것도 아닌데 이유를 찾느라 하나하나 고쳐보았고 다신 이런 실수를 하지 않아야겠다고 다짐하게 되었다. 스타벅스 클론 코딩 마지막날! 어제는 메인 메뉴 컨텐츠와 뱃지, 컨텐츠, 공지와 리워드까지 진행했으며 나머지 상품 컨텐츠와 푸터를 마무리로 끝낸다고 한다. 1. 상품 컨텐츠 (1) 이 부분을 만들었고, 일단 html 구조상 section으로 크게 나눠주고 img item과 img text, btn을 두되, posit.. 2023. 2. 8.
HTTP & HTTPS HTTP (HyperText Transfer Protocol) 인터넷 상에서 클라이언트와 서버가 자원을 주고 받을 때 쓰는 통신 규약 HTTP는 텍스트 교환이므로 누군가 네트워크에서 신호를 가로채면 내용이 노출되는 보안 이슈가 존재 → 이런 보안 문제를 해결해주는 프로토콜이 HTTPS HTTPS 인터넷 상에서 정보를 암호화하는 SSL 프로토콜을 사용하여 클라이언트와 서버가 자원을 주고 받을 때 쓰는 통신 규약 텍스트를 공개키 암호화 방식으로 암호화 한다. HTTPS 통신 흐름 애플리케이션 서버를 만드는 기업(A)은 HTTPS를 적용하기 위해 공개키와 개인키를 만든다. 신뢰할 수 있는 기업(CA)을 선택하여 그 기업에게 공개키 관리를 부탁하여 계약을 한다. (CA, Certificate Authority .. 2023. 2. 8.

티스토리툴바