ki hyun's 개발블로그

TIL (Today I Learned) 2022.06.08 오늘 읽은 범위 3장. 3계층형 시스템을 살펴보자: 3.4 가상화 가상화란? 컴퓨터 시스템에서 물리 리소스를 추상화하는 것 가상화라고 한다면 크게 와닿지 않을 수 있다. 하지만 우리의 생각보다 가상화는 우리 주변에 존재하고 있다. 대표적인 예로 OS는 우리가 하드웨어를 의식하지 않더라도 컴퓨터를 사용할 수 있게 도와주기에 가상화 기술 중 하나라고 볼 수 있다. OS가 등장하기 이전에는 하드웨어를 의식한 프로그래밍이 필요했고 이는 매우 복잡한 작업이었다. 하지만 OS 커널의 등장으로 하드웨어가 추상화되면서, 컴퓨터에 연결된 기억 장치나 네트워크를 통한 데이터 교환이 하드웨어를 의식하지 않고 이루어지고 있다. 또한, 한번에 하나의 프로그램만 실행되는..

시작 블로그를 velog에서 티스토리로 옮겼다. 솔직히 처음 블로그를 정할때 티스토리, velog, 개인 블로그 사이에서 엄청 많이 고민했었다. 하지만 결국 velog가 디자인도 가장 이쁘고 개발자들이 애용하는 플랫폼이라 velog에 정착하게 되었는데 velog에는 몇가지 문제점이 있었다. 1. 미니멀하다 이건 장점이자 단점으로 볼 수 있다. 솔직히 처음에는 이런 미니멀함이 좋아서 velog를 선택한 것도 있었지만 이런 미니멀함이 중요한 기능 몇 가지를 빼버렸다는 사실을 알지 못하였다... velog에는 사실상 통계 기능이 존재하지 않는다.(물론 포스트 별로 통계 기능이 붙어 있기는 하지만 하나 하나 눌러서 통계를 보기는 굉장히 귀찮은 일이기에 사실상 통계를 보기가 불가능하다.) 통계가 없다는 것은 생각..

TIL (Today I Learned) 2022.05.24 오늘 읽은 범위 3장. 3계층형 시스템을 살펴보자: 3.3 웹 데이터 흐름 웹 데이터의 흐름 클라이언트 PC부터 웹 서버까지 1. 웹 브라우저가 요청을 한다 2. 이름 해석을 한다. 인터넷상의 주소는 IP라는 숫자로 표현되 있는데 이러한 숫자는 읽기도 기억하기도 매우 불편하다 따라서 읽기도 쉽고 기억하기도 편한 URL과 IP 주소를 매칭시켜서 사용하는데 이때 IP 주소를 찾아내는 과정이 이름 해석이다. 더 자세한 내용은 6장에서 다룬다고 한다. 3. 웹 서버가 요청을 받는다 ❗️ 아파치에서는 기본적으로 부모 프로세스와 자식 프로세스로 나누어 처리를 분담하고 있다. 설정을 통해 다양한 처리 방식을 선정할 수 있지만, 기본적으로는 자식 프로세스가 H..

TIL (Today I Learned) 2022.05.23 오늘 읽은 범위 3장. 3계층형 시스템을 살펴보자 프로세스와 스레드 프로세스 메모리 공간을 가지고 실행된다. 개별 처리 독립성이 높다. 개별적인 메모리 공간을 부여해 주어야 하기 때문에 생성시 CPU 부하가 높다. 따라서 멀티 프로세스를 사용하는 앱에서는 프로세스 생성 부담을 낮추기 위해 미리 프로세스를 시작시켜 둔다.스레드 하나의 메모리 공간을 공유한다. 개별적인 메모리 공간을 부여해 줄 필요가 없기 때문에 가볍게 생성 할 수 있다. (생성 시 부하가 낮다) 메모리 공간을 공유하기 때문에 의도치 않은 데이터 읽기/쓰기가 발생할 수 있다. ⚠️ 프로세스가 메모리 공간을 공유할 수 없는 것은 아니다. 오라클 DB에서는 여러 프로세스가 '공유..

TIL (Today I Learned) 2022.04.14 오늘 읽은 범위 2장. 서버를 열어 보자 CPU Central Processing Unit의 약자 서버 중앙에서 연산 처리를 실시한다. OS에서 내리는 명령대로 작동한다. 메모리 명칭 그대로 기억 영역을 말한다. CPU 옆에 위치하며, CPU에 전달하는 내용이나 데이터를 저장하거나 처리 결과를 받는다. 메모리에 저장되는 정보는 영구성이 없다. But, 매우 빠르게 액세스 할 수 있다. CPU 에도 자체적인 메모리가 있다. 메모리보다 빠르지만 용량이 작다는 단점이 있다. 하드 디스크 드라이브 주로 장기 저장 목적의 데이터 저장 장소로 사용 자기 원반에 데이터를 저장하기 때문에 물리 법칙으로 인해 메모리처럼 빠르게 액세스 할 수 없다. 최근에는 SS..

TIL (Today I Learned) 2022.04.14 오늘 읽은 범위 1장. 인프라 아키텍처를 살펴보자 인프라란? 구조 자체는 복잡하지만, 전문가에 의해 관리되고 있어 사용자가 쉽게 이용할 수 있는 특징이 있다. 인터넷 검색 시스템, 편의점의 계산대 등 모두가 IT 인프라 위에서 동작하고 있다. 인프라 아키텍처는 대부분 놀라울 정도로 닮아 있어 서로 거의 같은 구조를 가지고 있다. 집약형 아키텍처 대형 컴퓨터를 이용해서 모든 업무를 처리하는 방식 💻 구성이 간단하다는 장점이 있다. 👍 컴퓨터가 한 대뿐이기 때문에 컴퓨터가 멈추지 않도록 여러 장치가 되어있다. (이중화) 복수의 서로 다른 업무를 동시에 처리하기 위해 유한 리소스 관리가 필요하다. 대형 컴퓨터는 도입 비용과 유지 비용이 비싸다는 단점이..

계기 지난번에 노마드코더에서 진행한 노개북에서 '클린코드' 를 완독한 적이 있었다. 노개북의 방식이 굉장히 마음에 들었고 평소 인프라에 관해 공부하고 싶은 마음도 컸던지라 이 블로그에서 '그림으로 공부하는 IT 인프라 구조' 라는 책을 알게 되어 노개북의 방식대로 이 책을 완독하기로 하였다. 물론 그렇게 빡세게 할 생각은 없다.. 목차 1장 인프라 아키텍처를 살펴보자 2장 서버를 열어보자 3장 3계층형 시스템을 살펴보자 4장 인프라를 지탱하는 기본 이론 5장 인프라를 지탱하는 응용 이론 6장 시스템을 연결하는 네트워크 구조 7장 무정지를 위한 인프라 구조 8장 성능 향상을 위한 인프라 구조 위 8장을 3주안에 독파할 예정이다. 물론 일이 바빠져 3주가 6주가 되는 기적이 일어날 수도.. 결론 그림으로 공..

🔗 연결 리스트? 연결 리스트(linked list)는 객체가 선형적 순서를 가지도록 배치된 자료구조다. 인덱스에 의해 선형적 순서가 결정되는 배열과는 달리 연결 리스트에서는 각 객체에 있는 포인터에 의해 순서가 결정된다. 양방향 연결 리스트 key 속성값과 두 개의 포인터인 prev와 next를 속성값으로 가지는 객체다. 리스트의 원소 x가 주어질 때, x.next는 연결 리스트의 바로 다음 원소를, x.prev는 바로 직전 원소를 가리킨다. x.prev = NIL 이라면 이전 원소가 없으므로 이 리스트의 첫 번째 원소 또는 head라 한다. x.next = NIL 이라면 원소 x는 바로 다음 원소가 존재하지 않으므로 이 리스트의 마지막 원소 또는 tail이라고 한다. 단순 연결 리스트: prev 포인..

스택에서는 가장 최근에 삽입된 원소가 삭제된다. 즉, 후입선출 정책을 구현한 것이다. 큐에서는 집합에서 가장 오랜 시간 동안 존재한 원소가 삭제된다. 즉, 선입선출 정책을 구현한 것이다. 🗂 스택 스택에서는 스택에 값을 추가하는 연산을 Push, 인자를 값을 삭제하는 연산을 Pop이라고 한다. 💡 이때 Pop은 인자를 가지지않고 가장 최근에 삽입된 원소를 제거한다. 💡 이 연산들의 이름은 카페테리아 식당에서 스프링으로 접시를 받쳐 올려주는 접시 스택에서 유래된 것이라고 한다. 배열 S[1..n]으로 최대 n개의 원소를 가지는 스택을 구현할 수 있다. 배열은 가장 최근에 삽입된 원소를 가리키는 S.top을 속성값으로 가진다. S[1]은 스택의 맨 밑에 있는 원소를 나타내고 S[S.top]은 맨 위에 있는 ..

🚨 SvelteKit은 초기 개발 단계입니다. 따라서 버전이 1.0에 도달하기 전까지는 몇 가지 부분이 변경될 수 있습니다. - SvelteKit 공식문서 - 🚨 이 글에서 나오는 대부분의 예제 코드는 SvelteKit 공식문서에서 가져왔음을 알립니다. SvelteKit? React에 NextJS, Vue에 Nuxt가 있듯이 Svelte에는 SvelteKit이 있다. NextJS와 Nuxt와 같이 SSR, SSG 등 여러가지 다양한 기능들을 제공한다. SvelteKit의 가장 매력적인 부분은 Svelte를 사용한다는 것이다. Svlete와 Vite를 사용하여 정말 말로 할 수 없을 정도로 만족스러운 개발자 경험을 누릴 수 있다. 💡 Vite에 대해서도 글을 썻다. SvelteKit이 지원하는 기능으로는 ..