JD의 블로그

스터디로 하고 있는 가상 면접 사례로 배우는 대규모 시스템 설계 기초를 정리한 내용이다. 웹 크롤러는 로봇 또는 스파이더라고도 부른다. 검색 엔진에서 널리 쓰는 기술로, 웹에 새로 올라오거나 갱신된 콘텐츠를 찾아내는 것이 주된 목적이다. 여기서 콘텐츠는 웹 페이지일 수도 있고, 이미지나 비디오, 또는 PDF 파일일 수 도 있다. 웹 크롤러는 몇 개 웹페이지에서 시작하여 그 링크를 따라 나가면서 새로운 콘텐츠를 수집한다. 크롤러는 다양하게 이용된다. 검색 엔진 인덱싱 크롤러의 가장 보편적인 용례다. 크롤러는 웹 페이지를 모아 검색 엔진을 위한 로컬 인덱스를 만든다. 예를 들어 Googlebot은 구글 검색 엔진이 사용하는 웹 크롤러다. 웹 아카이빙 나중에 사용할 목적으로 장기보관하기 위해 웹에서 정보를 모..

스터디로 하고 있는 가상 면접 사례로 배우는 대규모 시스템 설계 기초를 정리한 내용이다. URL 단축기 설계 이번 장에서는 고전적인 시스템 설계 문제 가운데 하나인 tiny url 같은 URL 단축기를 설계하는 문제를 풀어본다. 1 단계 문제 이해 및 설계 범위 설정 시스템 설계 면접 문제는 의도적으로 어떤 정해진 결말을 갖지 않도록 만들어진다. 따라서 면접장에서 시스템을 성공적으로 설계해 내려면 질문을 통해 모호함을 줄이고 요구사항을 알아내야 한다. 1. URL 단축기가 어떻게 동작하는지 물어보기 EX) https://www.systeminterview.com/q=chatsystem 입력으로 주어졌다고 했을 때 이 서비스는 https://tinyurl.com/y7ke-ocwjdh 와 같은 단축 URL을..

JSX를 사용하는 리액트 createElement 함수는 리액트의 동작을 살펴보는 데 좋은 방법이지만 리액트 개발자들이 실제로 해야 하는 일과는 거리가 있다. 우리는 복잡하고 읽기 어려운 자바스크립트 구문 트리를 이리저리 전달하면서 재미있다고 하지 않는다. 리액트를 활용해 효과적으로 일하려면 JSX라는 다른 요소가 필요하다. JSX는 자바스크립트의 JS와 XML의 X를 합친 말이다. JSX는 자바스크립트 코드 안에서 바로 태그 기반의 구문을 써서 리액트 엘리먼트를 정의할 수 있게 해주는 자바스크립트 확장이다. JSX는 단지 복잡한 createElement 보다 편하게 리액트 엘리먼트를 만들 수 있게 해주는 다른 방법이다. 1. JSX로 리액트 엘리먼트 정의하기 페이스북의 리액트 팀은 리액트를 내놓으면서 ..

리액트의 작동 원리 2장에서는 최신 자바스크립트 문법을 배웠고 3장에서는 리액트의 탄생을 이끈 함수형 프로그래밍 패턴을 리뷰했다. 이번 장에서는 리액트가 어떻게 작동하는지 배울 것이다. 리액트를 사용할 때는 JSX로 앱을 만들 가능성이 크다. 그리고 정말 리액트를 이해하고 싶다면 가장 핵심이 되는 단위인 리액트 엘리먼트를 이해할 필요가 있다. 1. 페이지 설정 리액트를 브라우저에서 다루려면 React와 ReactDOM 라이브러리를 불러와야 한다. React는 뷰를 만들기 위한 라이브러리고 ReactDOM은 UI를 실제로 브라우저에 렌더링할 때 사용하는 라이브러리다. 2. 리액트 엘리먼트 HTML는 브라우저가 문서 객체 모델인 DOM(Document Object Model)을 구성하기 위해 따라야 하는 절..

이는 Big Data Analytics Options on AWS를 번역하고 정리하기 위한 글입니다. 이 백서는 아키텍트, 데이터 과학자 및 개발자가 AWS 클라우드에서 사용할 수 있는 빅 데이터 분석 옵션을 이해하는데 도움을 줍니다. 다음을 포함한 서비스 개요에 대한 정보를 제공합니다. 이상적인 사용 패턴 비용 모델 성능 내구성 및 가용성 확장성 및 탄력성 인터페이스 안티 패턴 소개 세상이 디지털화됨에 따라 생성되고 수집되는 데이터의 양은 지속적으로 증가하고 가속화되고 있습니다. 계속해서 증가하는 이 데이터를 기존의 분석 도구로 분석하는 것은 해결해야 할 과제가 되었습니다. 따라서 생성된 데이터와 효과적으로 분석할 수 있는 데이터 간 격차를 줄이기 위해서는 혁신이 필요합니다. 빅 데이터 도구와 기술은 ..

자바스크립트를 활용한 함수형 프로그래밍 자바스크립트 프로젝트에서 함수형 기법의 사용이 점점 늘어나는 중이다. 이번 장에서는 함수형 프로그래밍의 핵심 개념을 몇가지 살펴보고, 자바스크립트에서 함수형 기법을 구현하는 방법을 알아본다. 자바스크립트에서는 변수에 함수를 대입할 수 있고, 함수를 다른 함수에 인자로 넘길 수 있으며, 함수에서 함수를 만들어서 반환할 수 있다. 그래서 함수를 일바넉인 데이터와 마찬가지로 취급하며 일반적인 값과 동일하게 저장하거나 읽어오거나, 애플리케이션에서 흘려보낼 수 있다. 선언적 프로그래밍 선언적 프로그래밍은 필요한 것들 달성하는 과정을 하나하나 기술하는 것보다 필요한 것이 어떤 것인지를 기술하는 것에 더 방점을 두고 애플리케이션의 구조를 세워나가는 프로그래밍 스타일이다. 선언전..