본문 바로가기

728x90
반응형

2024/12

지미 카터 전 미국 대통령 서거 - 지미 카터는 누구인가? 주요 내용 총정리 지미 카터 전 미국 대통령 서거 지난 12월 30일(현지시간), 미국의 제39대 대통령을 역임한 지미 카터(Jimmy Carter) 전 대통령이 99세의 나이로 별세했습니다. 지미 카터는 미국 역사상 가장 고령의 전직 대통령이었으며, 퇴임 후에도 활발한 인도주의 활동을 펼치며 세계 평화와 인권을 위해 헌신했던 인물입니다.지미 카터, 그는 누구였나?**지미 카터(Jimmy Carter)**는 1924년 10월 1일, 조지아주 플레인스(Plains)에서 태어났습니다. 그는 평범한 농부의 아들로 자라며 농장 일을 도왔고, 이를 통해 근면과 겸손, 공동체 의식을 배우며 성장했습니다.초기 생애와 군 경력카터는 해군사관학교(United States Naval Academy)를 졸업하고 해군 장교로 복무했습니다.그는.. 더보기
[지식루프의 웹개발공부] <link rel="preconnect"> 설명 설명1. 개념 및 역할****는 브라우저가 외부 서버와 미리 연결하도록 지시하는 HTML 태그입니다.외부 리소스(예: 폰트, 이미지, API 등)를 불러올 때 DNS 조회, TLS 핸드셰이크, 연결 설정 시간을 단축시켜 페이지 로딩 속도를 개선합니다.즉, 서버와의 연결을 미리 준비해두어 사용자가 웹사이트를 더 빠르게 이용할 수 있도록 합니다.2. 코드 분석html link rel="preconnect" href="https://fonts.googleapis.com"> link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>https://fonts.googleapis.com : 구글 폰트의 CSS를 가져오는 도메인https://fonts.gs.. 더보기
[지식루프의 웹개발공부] padding과 margin의 차이 padding과 margin의 차이1. 개념padding : 요소 안쪽의 여백 (컨텐츠와 테두리(border) 사이의 거리).margin : 요소 바깥쪽의 여백 (요소와 다른 요소 사이의 거리). 2. 시각적인 이해CSS[ margin ]    [ border ]      [ padding ]        [ content (텍스트, 이미지 등) ]      [ padding ]    [ border ]  [ margin ]  **margin**은 요소 외부 여백**padding**은 요소 내부 여백3. 예시로 비교HTMLHello, CSS! CSS.box {  width: 200px;  height: 100px;  background-color: lightblue;  padding: 20px;  mar.. 더보기
[지식루프의 웹개발공부] HTML <link> 태그의 rel 속성 HTML 태그의 rel 속성1. rel 속성이란?**rel**은 태그에서 현재 문서와 외부 리소스(링크)의 관계를 정의하는 속성입니다.**Relationship(관계)**의 약자입니다.CSS, 아이콘, RSS 피드 등 다양한 외부 파일을 문서에 연결할 때 사용됩니다.2. 기본 문법 link rel="stylesheet" href="style.css">rel="stylesheet": 외부 CSS 파일을 문서에 연결합니다.href="style.css": 연결할 파일의 경로입니다.3. rel 속성 값과 의미Rel값 설명예시stylesheetCSS 스타일시트 연결icon브라우저 탭 아이콘 (파비콘) 연결apple-touch-iconiOS 홈 화면에 추가되는 아이콘 설정manifest웹 앱 매니페스트 파일 연.. 더보기
[지식루프의 웹개발공부] CSS에서 id와 class의 차이 CSS에서 id와 class의 차이1. 개념id : 특정 단 하나의 요소에 적용 (고유, 유일).class : 여러 요소에 반복적으로 사용 가능 (재사용성 높음).2. 문법 및 사용 예시(1) HTML 코드 예시div id="header">헤더 영역div>p class="text-large">큰 텍스트p>p class="text-large">다른 큰 텍스트p>(2) CSS 코드 예시 #header {        background-color: lightblue;        font-size: 24px;} .text-large {        font-size: 32px;        font-weight: 700;}3. 결과id="header":한 번만 사용 가능한 스타일입니다. 부분만 backgro.. 더보기
[지식루프의 웹개발공부] <link> 태그와 <a> 태그 차이 태그와 태그는 HTML에서 링크와 관련된 태그이지만, 용도와 동작 방식이 다릅니다.1. 태그문서와 외부 리소스를 연결하는 태그입니다.주로 CSS, 아이콘, 폰트 등 외부 파일을 HTML 문서에 불러올 때 사용됩니다.클릭할 수 있는 링크가 아님. 사용자 인터랙션은 없습니다.예시 – CSS 파일 불러오기: link rel="stylesheet" href="style.css">rel="stylesheet": 외부 CSS 파일을 연결href="style.css": CSS 파일의 경로다른 예시 – 파비콘(브라우저 탭 아이콘) 불러오기: link rel="icon" href="favicon.ico" type="image/x-icon">2. 태그 (Anchor 태그)클릭 가능한 하이퍼링크를 생성하는 태그입니다... 더보기
[지식루프의 웹개발 공부] html 페이지에서 꺾쇠 기호(< >)를 넣는 올바른 방법 #꺾쇠 기호를 넣는 올바른 방법꺾쇠 ()를 글자로 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라,&lt;(앰퍼샌드 엘 티 세미콜론) &gt;(앰퍼샌드 지 티 세미콜론) 를 입력해 줘야 합니다.  > 는 &gt;(앰퍼샌드 지 티 세미콜론) 로 입력해 줘야 합니다.  여기서 lt라는 건 영어로 "~보다 작다"라는 뜻인 less than의 약자고 gt라는 건 "~보다 크다"라는 뜻인 greater than의 약자입니다.즉,이렇게 출력화면에서 보이고 싶다면,  html 에서는 다음과 같이 입력해야 합니다.  [코드 복사하여 활용해보세요]DOCTYPE html>html> head>   title>Weekly Codeittitle>   meta charset="utf-8" /> head> body>  p> .. 더보기
허드슨 강의 기적"(Miracle on the Hudson) 허드슨 강의 기적"(Miracle on the Hudson)은 2009년 1월 15일에 발생한 US 에어웨이즈 1549편 비상착수 사건을 말합니다. 사건 개요항공편: US 에어웨이즈 1549편출발지: 뉴욕 라과디아 공항 (LGA)목적지: 노스캐롤라이나 샬럿 더글러스 국제공항 (CLT)항공기: 에어버스 A320-214탑승 인원: 155명(승객 150명, 승무원 5명)이 항공기는 이륙 직후 캐나다기러기 떼와 충돌하면서 양쪽 엔진이 고장 나는 사고를 겪었습니다. 기장이었던 체슬리 설렌버거(설리, Chesley Sullenberger)는 엔진이 모두 정지된 상태에서 허드슨 강 위에 비상착수를 결정했습니다.비상착수와 구조착수 시각: 오후 3시 31분장소: 뉴욕 허드슨 강결과: 탑승자 전원 생존설리 기장은 3분 만.. 더보기

728x90
반응형