JD의 블로그

스터디로 하고 있는 가상 면접 사례로 배우는 대규모 시스템 설계 기초를 정리한 내용이다. 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로 리액트 엘리먼트 정의하기 페이스북의 리액트 팀은 리액트를 내놓으면서 ..