갱주

1. 배열 (Array)배열(Array)은 동일한 데이터 타입의 요소들이 연속적인 메모리 공간에 저장되는 자료구조입니다. 배열의 각 요소는 고유한 인덱스를 통해 접근할 수 있으며, 이 인덱스를 사용해 빠르게 원하는 데이터를 조회할 수 있습니다. 📌배열의 특징연속적인 메모리 공간: 배열은 메모리 상에 연속된 공간에 데이터를 저장합니다. 이는 데이터 접근 속도를 빠르게 해줍니다.고정된 크기: 배열의 크기는 선언 시에 결정되며, 크기를 변경하려면 새 배열을 할당하고 기존 데이터를 복사해야 합니다.인덱스를 통한 빠른 접근: 배열에서 특정 요소에 접근하는 시간 복잡도는 O(1)로 매우 빠릅니다.🧐배열의 장단점빠른 조회: 인덱스를 사용하여 데이터를 빠르게 조회할 수 있습니다.메모리 효율성: 배열은 연속적인 메모..

📌고정소수점 vs 부동소수점: 실수 표현 방식 비교컴퓨터에서 실수를 표현하는 방법에는 고정소수점(Fixed-point)과 부동소수점(Floating-point) 두 가지가 있습니다. 두 방식은 실수 값을 저장하고 계산하는 방식에서 차이를 보이며, 각기 다른 장단점을 가집니다. 이 글에서는 고정소수점과 부동소수점의 차이점을 살펴보겠습니다.1. 고정소수점 (Fixed-point)고정소수점 방식은 소수점의 위치가 고정된 형태로 실수를 표현합니다. 예를 들어, 소수점이 항상 특정 자리에 위치한다고 가정하고, 이를 기준으로 정수 부분과 소수 부분을 나누어 값을 나타냅니다. 고정소수점은 일반적으로 소수점 자릿수를 고정할 수 있는 시스템에서 사용됩니다.표현 예시:소수점 위치가 고정된 값으로 12.34라는 숫자를 나..

저는 아직 SEO에 유리한 Next.js와 같은 프레임워크를 사용해보지 않았습니다..! 대신 React로 만든 SPA(Single Page Application)를 GitHub Pages에 배포한 웹사이트에 SEO 작업을 적용해보기로 했습니다. 이번 글에서는 React로 만든 SPA를 구글 검색엔진에 노출시키는 과정과 그 결과에 대해서 공유해보겠습니다.1. sitemap 생성사이트맵(Sitemap)은 웹사이트의 모든 페이지, 콘텐츠, 또는 URL 정보를 검색엔진에 체계적으로 전달하기 위해 사용하는 파일입니다. 검색엔진 봇(크롤러)이 웹사이트를 더 효과적으로 크롤링하고 색인화하도록 도와줍니다. 현재 프로젝트가 배포되어있다는 가정하에, 먼저 sitemap을 생성합니다. 저는 https://www.xml-si..

힙은 우선순위 큐를 위해 만들어진 자료구조다.🧐우선순위 큐 (Priority Queue) 우선순위 큐는 먼저 들어오는 데이터가 아니라, 우선순위가 높은 데이터가 먼저 나가는 형태의 자료구조이다.📌Heap이란? Heap은 기본적으로 최대 힙 (Max Heap)과 최소 힙 (Min Heap)으로 나눌 수 있습니다.최대 힙 (Max Heap): 부모 노드는 자식 노드들보다 크거나 같은 값을 가집니다. 즉, 루트 노드에는 가장 큰 값이 위치합니다.최소 힙 (Min Heap): 부모 노드는 자식 노드들보다 작거나 같은 값을 가집니다. 즉, 루트 노드에는 가장 작은 값이 위치합니다.❗Heap의 특징완전 이진 트리: Heap은 노드들이 왼쪽에서 오른쪽으로 빈틈없이 채워지는 완전 이진 트리 구조를 가집니다.효율적인..

📌 동기식(Synchronous) VS 비동기식(Asynchronous)프로그래밍에서 동기란, 작업이 순차적으로 진행되는 방식을 의미합니다. 즉, 이전 작업이 완료되어야만 다음 작업을 수행할 수 있습니다. 반면, 비동기는 특정 작업을 요청한 후 그 작업이 끝날 때까지 기다리지 않고, 다른 작업을 병행하는 방식을 말합니다. 비동기 작업은 완료된 시점에 알림을 받아 그때 처리할 수 있기 때문에, API 호출이나 파일 읽기처럼 시간이 오래 걸리는 작업에서 유용하게 사용됩니다. ❗비동기 처리가 필요한 이유?사용자 경험 향상비동기 처리를 사용하면, API 호출이나 파일 읽기 등의 작업을 기다리는 동안에도 화면이 멈추지 않고 다른 작업을 수행할 수 있습니다. 이는 사용자가 애플리케이션을 끊김 없이 사용할 수 있게..

JavaScript에서 변수를 선언하는 방법에는 var, let, 그리고 const가 있습니다. 이 세 가지 방법은 각각 고유한 특징과 사용 용도가 있어, 올바르게 사용하는 것이 중요합니다. 이번 글에서는 var, let, const의 차이점과 적절한 사용 사례를 살펴보겠습니다.1. varvar는 JavaScript의 초기 변수 선언 방식입니다. 다음과 같은 특징을 가지고 있습니다.스코프(Scope): var로 선언된 변수는 함수 스코프(Function Scope를 갖습니다. 즉, 변수가 선언된 함수 내에서만 접근할 수 있으며, 함수 외부에서는 접근할 수 없습니다. 만약 함수 외부에서 선언하면 전역 변수(Global Variable)가 됩니다.function example() { var x = 10..

1. 요청 (Request)사용자가 URL을 입력하거나 링크를 클릭하면 브라우저는 해당 웹 페이지를 요청합니다. 이 과정에서 브라우저는 DNS(Domain Name System) 서버에 요청을 보내 도메인을 IP 주소로 변환합니다. 이렇게 해서 얻은 IP 주소를 통해 서버에 HTTP 요청을 전송하게 됩니다.2. 응답 (Response)서버는 요청을 처리한 후 HTTP 응답을 반환합니다. 이 응답에는 HTML, CSS, JavaScript, 이미지 등 다양한 자원이 포함될 수 있습니다. 이제 브라우저는 이 응답을 바탕으로 웹 페이지를 구성해 나갑니다.3. 렌더링 (Rendering) ⭐렌더링은 다음과 같은 여러 단계로 나뉩니다:HTML 파싱브라우저는 서버로부터 받은 HTML 파일을 파싱하여 DOM트리를 생..

📌CDN (Content Delivery Network) CDN은 Content Delivery Network의 약자로, 전 세계에 분산된 서버 네트워크를 통해 사용자에게 콘텐츠를 더 빠르고 안정적으로 전달하는 시스템입니다. 웹사이트의 이미지, 동영상, CSS, JavaScript 파일 등 정적 자원들을 효율적으로 전송하는 것이 주된 역할입니다.🧐CDN의 주요 역할과 작동 방식콘텐츠 캐싱: CDN은 여러 지역에 분산된 서버에 웹사이트의 정적 콘텐츠를 캐싱합니다. 사용자가 웹사이트에 접속하면, CDN은 사용자와 가장 가까운 서버에서 해당 콘텐츠를 전달합니다. 이렇게 하면 원본 서버에서 직접 요청을 처리할 필요가 없어, 콘텐츠 전달 속도가 크게 빨라집니다.전송 속도 향상: CDN을 사용하면 콘텐츠가 사용..