2025/04 37

[지식루프 웹개발공부] 05. 웹 브라우저 작동원리

🌐 웹 브라우저의 작동 원리: 어떻게 콘텐츠가 화면에 보일까?1. 웹 브라우저란 무엇인가?웹 브라우저(browser): 인터넷(World Wide Web)을 탐색할 수 있게 해주는 소프트웨어 애플리케이션이다.Chrome, Safari, Edge, Firefox 등이 대표적.사용자는 브라우저를 통해 웹사이트 주소를 입력하고 원하는 정보를 얻는다.2. 웹 브라우저의 핵심 역할요청(Request): 사용자가 입력한 URL을 바탕으로 웹 서버에 요청을 보냄응답(Response): 서버로부터 HTML, CSS, JS 등의 웹 콘텐츠 데이터를 받아옴렌더링(Rendering): 받은 데이터를 사용자의 화면에 보기 좋은 형태로 시각적으로 표시3. URL의 구성웹사이트 주소(URL)는 다음과 같은 구성요소로 되어 있다..

[지식루프 웹개발공부] 04. 웹사이트와 웹페이지

1. 웹 페이지 vs 웹 사이트웹 페이지: 텍스트, 이미지, 비디오 등을 표시하는 하나의 문서.웹 사이트: 여러 웹 페이지가 서로 연결된 페이지 모음.예: 백과사전 사이트의 홈페이지 → 여러 기사로 연결된 링크 → 각 링크는 다른 웹 페이지 → 모두 같은 주소를 공유하면 하나의 웹 사이트로 간주.2. 인터넷과 웹의 규모수천만 개의 웹사이트가 존재.매일 수십만 개의 웹사이트가 새로 생김.인터넷의 웹페이지 수는 어마어마하며, 전부 다운로드하는 데 수백만 년 걸릴 수준.3. 웹 페이지의 구성 요소 (3대 핵심 기술) 예시: 로그인 입력 오류 표시, 비디오 스트리밍 중 실시간 추천 등은 JavaScript 덕분.4. 웹 페이지 작동 방식 (렌더링 흐름)웹 브라우저 요청 → 웹 서버는 HTML, CSS, JS ..

[지식루프 웹개발공부] 03. 웹 서버란 무엇이며 어떻게 작동하나요?

서버란?서버는 웹사이트, 메신저 등 다양한 서비스를 실행하는 컴퓨터이다.클라이언트(사용자 디바이스)에 서비스를 제공하므로 서버(server)라고 부른다.서버의 위치: 데이터 센터대부분의 서버는 데이터 센터라는 곳에 설치된다.데이터 센터는 수백~수천 대의 서버를 보관하며, 24시간 전원, 인터넷 연결, 냉각 시스템 등을 갖춘 인프라이다.전 세계에 분산되어 있어, 사용자에게 가장 가까운 서버에서 빠르게 콘텐츠를 전달할 수 있다.서버의 목적에 따라 달라지는 하드웨어이미지 저장용 서버는 큰 하드디스크 용량이 필요.연산용 서버는 고성능 CPU와 많은 메모리가 필요.이런 물리적 장비 구성을 서버 하드웨어라고 한다.하드웨어와 소프트웨어의 차이하드웨어: 만질 수 있고 물리적으로 바꾸기 어려움.소프트웨어: 서버에서 실행..

[지식루프 웹개발공부] 02. 인터넷 작동 방식

인터넷이 작동하는 방식 핵심!검색과 응답의 빠른 처리인터넷에서 무언가를 검색하면 거의 즉시 결과가 제공된다.이 빠른 응답의 원리가 어떻게 가능한지 살펴보는 것이 이 영상의 핵심이다.기기 간 연결과 네트워크의 형성스마트폰이나 컴퓨터 등 기기가 앱을 실행하면 즉시 외부 세계와 연결된다.이는 기기들이 유선 또는 무선으로 연결되어 네트워크를 형성하기 때문이다.그러나 여러 장치가 직접 서로 연결되기엔 복잡도가 증가한다.네트워크 스위치와 인터넷여러 장치를 효율적으로 연결하기 위해 네트워크 스위치가 사용된다.네트워크 스위치는 다른 스위치와도 연결되어 점점 더 큰 네트워크를 만든다.이렇게 스위치들이 서로 연결되며 형성된 거대한 네트워크를 인터넷이라고 부른다.클라이언트-서버 구조웹사이트나 영상 스트리밍 서비스는 서버라는..

대출기록 보존기간

🔹 1. 정상적으로 상환한 대출 기록보존 기간: 대출을 완납한 날로부터 5년간 신용조회기관에 보관됩니다.의미: 신용평가사 입장에서는 이 기록도 신용에 긍정적인 요소로 작용합니다. 연체 없이 꾸준히 상환한 이력은 신용점수 향상에 도움이 될 수 있습니다.단, 일반적으로 금융기관이 대출 심사 시에는 과거 대출 이력을 3년 이내 위주로 조회하는 경우가 많습니다.🔹 2. 현재 상환 중인 대출보존 기간: 대출을 상환 완료할 때까지, 즉 대출 계좌가 살아있는 동안 계속 노출됩니다.의미: 금융권에서는 총부채 원리금상환비율(DSR), 총부채상환비율(DTI) 등을 산정할 때 현재 남아 있는 대출 규모와 종류를 반영합니다.🔹 3. 연체 이력(단기/장기 연체)단기 연체: 통상 30일 이내 연체보존 기간: 연체 해소 후 ..

멀티태스킹이 당신을 망친다

한 번에 한 가지 작업 수행하는 것의 중요성현대 사회는 빠른 속도와 정보의 과잉이 일상이 되었다. 우리는 일하면서도 휴대전화를 확인하고, 영화를 보면서 메시지를 보내며, 회의 중에도 이메일을 처리하는 일이 흔하다. 이런 생활 속에서 사람들은 여러 가지 일을 동시에 처리하는 것이 능률적인 방식이라고 생각하기 쉽다. 그러나 실제로는 그 반대다. 다양한 연구 결과들은 한 번에 한 가지 작업만을 수행하는 것이 훨씬 더 집중도와 생산성을 높인다는 사실을 보여준다.멀티태스킹의 환상과 현실여러 작업을 동시에 처리하는 멀티태스킹은 겉보기에는 효율적인 것처럼 보인다. 하지만 인간의 뇌는 본질적으로 여러 가지 일을 한꺼번에 처리하도록 설계되어 있지 않다. 뇌는 각 작업 사이를 빠르게 전환할 뿐이지, 실제로 두 가지 일을 ..

사회이슈 2025.04.22

[지식루프 주식공부] 01. 주식과 증권시장, 코스피/코스닥 구조 이해

1. 주식(Stock)의 개념1-1. 정의주식은 기업이 사업 자금을 마련하기 위해 외부 투자자로부터 자본을 조달하는 수단으로 발행하는 ‘지분 증서’입니다. 쉽게 말하면, 기업의 일부를 나눠 소유할 수 있게 해주는 종이(혹은 전자적 권리)입니다. 주식을 소유한 사람은 해당 기업의 주주가 되며, 소유한 주식 수만큼 기업의 경영성과에 따른 수익을 배당으로 받거나 주가 상승에 따른 시세차익을 얻을 수 있습니다.또한 보통주의 경우에는 주주총회에서 의결권을 행사할 수 있는 권리도 주어지므로, 단순한 투자 수단을 넘어 기업의 지배구조에 일정 부분 참여하는 자격도 가지게 됩니다.1-2. 주식을 보유하면? 2. 기업이 주식을 발행하는 이유기업이 주식을 발행하는 가장 큰 이유는 자금 조달입니다. 새로운 사업을 시작하거나 ..

[지식루프 웹개발공부] 01. 프론트엔드, 백엔드 및 풀스택 개발자 역할

🌐 웹 개발이란?우리가 매일 사용하는 웹사이트와 앱(예: 유튜브, 쿠팡, 네이버)은 그냥 만들어지는 게 아니다.마치 식당에서 요리사가 각자 다른 요리를 만들 듯, 웹 개발도 역할을 나눠서 진행한다.웹 개발자는 이 역할을 맡아 사람들이 편리하게 인터넷을 쓸 수 있도록 도와주는 사람이다.요즘은 IT 업계에서 가장 연봉도 높고 수요도 많은 직업 중 하나다.💼 웹 개발자의 대표적인 3가지 역할1️⃣ 프론트엔드 개발자 (Front-end Developer)사용자가 눈으로 보는 모든 부분을 만드는 사람예를 들어:버튼, 메뉴, 색상, 폰트, 이미지, 애니메이션 등사용자가 클릭하거나 스크롤할 때의 반응사용하는 주요 기술:HTML: 화면에 보일 구조를 만든다 (예: 텍스트 상자, 버튼)CSS: 꾸미는 역할 (색, 위..

[지식루프 이슈분석] 전세의 월세화, 한국 주거시장의 구조적 위험 신호

전세의 월세화, 한국 주거시장의 구조적 위험 신호한국 주거시장의 중심에 오랫동안 자리 잡아온 전세 제도는 거액의 보증금을 집주인에게 맡기고 월세 없이 일정 기간 거주하는 독특한 임대 방식이다. 특히 자산이 부족한 청년층이나 신혼부부에게 전세는 주거 안정과 자산 형성의 첫걸음으로 기능해왔다. 그러나 최근 몇 년간 전세는 빠르게 줄어들고, 월세 중심의 임대 형태가 급격히 확산되고 있다. 이는 단순한 제도 변화로 보기 어렵다. 현재 한국에서 진행되는 ‘전세의 월세화’는 세입자에게 구조적 위험을 안기는 왜곡된 전환으로, 주거시장의 지속 가능성을 위협하는 신호로 해석된다. 본 글에서는 전세의 월세화 현상, 그로 인한 문제점, 그리고 이를 해결하기 위한 정책적 대안을 분석한다.전세의 월세화 현상과 반전세 구조전세에..

사회이슈 2025.04.21

[지식루프 IT공부] 콜백함수 처리 순서

다음 코드를 실행할 때, 콘솔에 출력될 값은 무엇일까요? let num = 1;setTimeout(() => { num = 2;}, 0);num = 3;console.log(num); 콘솔에 출력될 값은 3입니다.그 이유는, JavaScript의 실행 순서와 이벤트 루프 메커니즘을 이해하면 이 결과를 명확히 알 수 있습니다. 코드를 단계별로 분석해 보겠습니다.let num = 1;변수 num이 선언되고 값 1로 초기화됩니다.setTimeout(() => { num = 2; }, 0);setTimeout은 비동기 함수로, 콜백 함수 () => { num = 2; }를 최소 0ms 후에 실행하도록 예약합니다.비록 지연 시간이 0ms로 설정되었지만, JavaScript는 동기 코드를 먼저 모두 실행한 후 ..

IT공부 2025.04.19