전체 글 439

[지식루프의 웹개발공부] 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웹 앱 매니페스트 파일 연..

IT공부 2024.12.31

[지식루프의 웹개발공부] 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..

IT공부 2024.12.30

[지식루프의 웹개발공부] <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 태그)클릭 가능한 하이퍼링크를 생성하는 태그입니다...

IT공부 2024.12.30

[지식루프의 웹개발 공부] 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> ..

IT공부 2024.12.30

허드슨 강의 기적"(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분 만..

사회이슈 2024.12.29

직방이 어려움을 겪고 있는 이유

직방은 최근 몇 년간 매출 성장에도 불구하고 영업 손실이 지속적으로 증가하며 재무적 어려움을 겪고 있습니다. 주요 원인으로는 다음과 같은 요인들이 지목됩니다:무리한 인수합병(M&A)과 사업 확장:2022년 직방은 삼성SDS의 홈 IoT 부문을 약 1,000억 원에 인수하며 스마트홈 분야로의 진출을 시도했습니다.그러나 이러한 인수는 기대했던 수익성 개선에 기여하지 못하고, 오히려 재무 부담을 가중시켰습니다. 부동산 시장 침체:전국 주택 거래량이 2020년 말 128만 건에서 2023년 56만 건으로 절반 이상 감소하며, 부동산 플랫폼의 주요 수익원인 광고 수익에 부정적인 영향을 미쳤습니다. 자회사들의 부진한 실적:직방은 호갱노노, 온택트플러스, 슈가힐 등 다양한 회사를 인수하며 사업 다각화를 시도했지만, ..

경제공부 2024.12.29

[지식루프의 상식공부] 프롭테크(PropTech) 란?

프롭테크(PropTech) =  부동산(Property) + (Technology)즉, 합성어로, 부동산 산업에 첨단 기술을 적용해 혁신을 이루는 분야를 말합니다. 부동산의 거래, 개발, 관리, 임대 등 전반적인 과정에 AI, 빅데이터, 블록체인, IoT와 같은 디지털 기술을 접목해 효율성을 높이고, 사용자 경험을 개선하는 것을 목표로 합니다.주요 분야거래 및 중개 플랫폼부동산 매매·임대·중개를 온라인에서 쉽게 할 수 있도록 돕는 서비스예시: 직방, 다방, 호갱노노스마트 빌딩/관리IoT, AI를 이용해 건물 에너지 관리, 보안, 시설 유지보수를 자동화예시: SKT 스마트홈, KT 기가지니 홈크라우드 펀딩 및 부동산 투자개인이 소액으로 부동산에 투자할 수 있도록 돕는 플랫폼예시: 루센트블록, 테라펀딩VR/..

비행기 블랙박스는 얼마나 견딜 수 있을까

비행기의 블랙박스(Flight Data Recorder, FDR 및 Cockpit Voice Recorder, CVR)는 비행기 사고 시에도 데이터를 보존할 수 있도록 설계되어 있습니다. 심지어 비행기가 폭발하거나 화재가 발생해도 블랙박스는 대부분의 경우 온전하게 살아남습니다. 왜 블랙박스는 폭발에서도 살아남을까?고온·고압 내성블랙박스는 섭씨 1,100도에서 60분간 견딜 수 있도록 설계됩니다.사고 직후 발생하는 폭발과 화재에도 데이터를 보호할 수 있습니다.물리적 충격에 강함**3,400g의 충격(초고속 충격)**을 견딜 수 있도록 만들어집니다. 이는 비행기가 지면에 고속으로 충돌하거나 산산조각나는 경우를 가정한 것입니다.수압 내성심해 6,000m에서 30일간 견딜 수 있습니다. 이는 해상에서 추락하는 ..

제주항공 추락사건 정리

2024년 12월 29일, 제주항공 2216편이 무안국제공항 착륙 중 추락하는 안타까운 사고가 발생했습니다. 이 사고로 탑승자 181명 중 177명이 사망하고, 2명이 구조되었으며, 2명은 실종 상태입니다. https://www.youtube.com/watch?v=SlPptbh9cjg #사고 개요해당 항공기는 태국 방콕 수완나품 공항을 출발해 한국 무안국제공항으로 향하던 중이었습니다. 착륙 시 주 착륙 장치가 전개되지 않아 동체 착륙을 시도했으나 활주로를 이탈하여 공항 외곽의 방호벽과 충돌한 후 폭발했습니다.#탑승자 정보탑승자 181명 중 175명은 승객, 6명은 승무원이었습니다. 승객 대부분은 방콕에서의 5일간 크리스마스 패키지 여행을 마치고 귀국하던 중이었으며, 이 중 13명은 지방 또는 지역 공무원..

사회이슈 2024.12.29