오늘의 공부/html & css (6) 썸네일형 리스트형 HTTP 메서드 CONNECT란? 설명: CONNECT 메소드는 HTTP 프록시 서버를 통해 암호화된 터널(tunnel)을 설정하는 데 사용돼요. 주로 HTTPS(SSL/TLS) 연결을 만들 때 필요합니다. 비유: 호텔에서 VIP 룸을 예약했을 때, 일반 출입구가 아니라 비밀 통로(전용 엘리베이터)를 통해 특별한 방으로 들어가는 것과 같습니다.보통 호텔 직원(프록시 서버)이 VIP 룸(HTTPS 서버)까지 직접 안내하지 않지만, CONNECT를 쓰면 VIP 전용 통로를 통해 곧바로 룸에 입장할 수 있어요. 즉, CONNECT를 사용하면 프록시 서버가 단순히 데이터를 전달하는 게 아니라, 클라이언트가 직접 목표 서버와 보안 통신할 수 있도록 해줍니다. HTTP 메서드 TRACE TRACE: 루프백 시험에 사용 설명이 와닿지 않아서 찾아봤습니다.[비유]"내가 주문한거 맞나요" -설명: TRACE 메소드는 클라이언트(사용자) → 서버 → 클라이언트로 돌아오는 HTTP 요청을 그대로 반사하여 보여주는 기능이에요. 이를 통해 요청이 서버까지 가는 과정에서 변형되지 않았는지 확인할 수 있습니다. 비유: 식당에서 "제가 방금 주문한 내용이 맞는지 확인해 주세요!"라고 말하면, 직원이 "당신은 치즈버거와 감자튀김을 주문했습니다!"라고 반복해주는 것과 같습니다.HTTP/1.1 200 OKContent-Type: message/httpTRACE /orders HTTP/1.1Host: example.comUser-Agent: Mozilla/5.0 HTTP 메서드 OPTIONS OPTIONS: 리소스 서포트하는 메서드 취득 설명이 와닿지 않아서 찾아봤습니다.[비유]"이 가게에서 뭘 팔아요?"설명: OPTIONS 메소드는 특정 리소스(URL)에 대해 어떤 HTTP 메소드를 사용할 수 있는지 물어보는 요청이에요.비유: 레스토랑에 가서 "여기서 어떤 메뉴를 주문할 수 있나요?"라고 묻는 것과 같습니다. 그러면 직원이 "우리는 피자, 파스타, 샐러드를 판매합니다."라고 답해줄 거예요.실제 응답 예시(이 리소스에서는 GET, POST, OPTIONS만 사용할 수 있습니다HTTP/1.1 200 OKAllow: GET, POST, OPTIONS 3.파비콘을 티스토리에 적용하기 파비콘(favicon이란?) 파비콘은 웹페이지에 접속했을 때 위 예시 사진 처럼 브라우져 상단탭에 들어가는 아이콘을 의미합니다. 파비콘은 ico 파일 형태로 루트디렉토리에 위치하면 사용이 가능합니다. 이번 포스팅은 티스토리 블로그에 직접 파비콘을 적용시켜보겠습니다. 1.우선 파비콘 적용전 제 블로그 탭 상태입니다. 2. 파비콘을 적용시키려면 파비콘을 만들어야겠죠? 저는 'favicon generator' 라고 구글링 한 결과 https://favicon.io/favicon-generator/ The best Favicon Generator (completely free) The only favicon generator you need for your next project. Quickly and easi.. 2.HTML 스타일 적용 CSS파일을 두지 않고 HTML태그 내에서 어떤 속성을 주고 싶을 때 어떻게 해야할까? 태그 이름에 style=""을 붙이고 속성과 값을 입력해주면 된다. 예를 들어서 태그에 글씨 색을 회색으로 하고 싶다면 이런식으로 color라는 속성에 grey라는 값을 추가해주면 가능하다. 참고 사이트 https://www.w3schools.com/html/html_styles.asp HTML Styles HTML Styles The HTML Style Attribute Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax: The property.. 1.css: font-weight 2020년 2월7일 장고를 활용해서 게시판을 만드는 중입니다. 그래도 이왕 만드는거 css 를 통해서 이쁘게 만들려고 합니다. 그 중 버튼의 '로그인'과 '글씨'를 두껍게 하려고 합니다. 로그인 회원가입 css코드 1)오류: bold라는 값을 font-style 속성에 적용해서 조금 헤메었습니다. 1)해결: bold 속성값은 font-weight 속성에 적용해야 했습니다 font-weight는 글자의 두꺼운정도를 조절합니다. .navbar-brand{ font-family: 'Nanum Gothic', sans-serif; font-weight:bold; } a.btn{ font-family: 'Nanum Gothic', sans-serif; font-weight:bold; } 이전 1 다음
