분류 전체보기
-
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 4장. 처리율 제한 장치의 설계📕 book/가상 면접 사례로 배우는 대규모 시스템 설계 기초 2025. 12. 25. 13:23
네트워크 시스템에서 처리율 제한 장치(rate limiter) 는 클라이언트 또는 서비스가 보내는 트래픽의 처리율을 제어하기 위한 장치ex) 특정 기간 내에 전송되는 클라이언트 HTTP 요청 횟수를 제한ex) API 요청 횟수가 정의된 임계치를 넘어서면 추가 호출은 처리가 중단(block) 👍 좋은 점DoS(Denial of Service) 공격에 의한 자원 고갈(resource starvation)을 방지비용을 절감. 추가 요청에 대한 처리를 제한하면 서버를 많이 두지 않아도 됨서버 과부하를 막는다. 봇(bot)에서 오는 트래픽이나 사용자의 잘못된 이용패턴으로 유발된 트래픽을 걸러내는데 처리율 제한 장치를 활용 가능 🤔 처리율 제한 장치를 어디에 둘 것인가클라이언트 측에 둘 수도 서버 측에 둘 수 ..
-
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 3장. 시스템 설계 면접 공략법📕 book/가상 면접 사례로 배우는 대규모 시스템 설계 기초 2025. 12. 25. 13:07
🔍 시스템 설계 면접이 있는 이유??모호한 문제를 풀기 위해서 해결책을 찾아내는 과정에 대한 시뮬레이션정해진 결말도 정답도 없다!설계 기술을 시연하는 자리이고 설계 과정에서 내린 결정들에 대한 방어 능력을 보이는 자리이다.면접관의 피드백을 건설적인 방식으로 처리할 자질이 있음을 보이는 자리👨💼 면접관의 입장일차적 목표는 능력을 평가하는 것면접관이 시스템 설계 면접에서 찾고자 하는 것은 무엇일까?지원자가 협력에 적합한 사람인지압박이 심한 상황도 잘 헤쳐 나가는 자질이 있는지모호한 문제를 건설적으로 해결할 능력이 있는지설계의 순수성에 집착하여 트레이드 오프를 도외시하고 과도한 엔지니어링을 하는지🚶♂️ 효과적 면접을 위한 4단계 접근법1️⃣ 문제 이해 및 설계 범위 확정시스템 설계 면접 과정에서는 ..
-
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 2장. 개략적인 규모 추정📕 book/가상 면접 사례로 배우는 대규모 시스템 설계 기초 2025. 12. 25. 13:01
시스템 설계 면접에서 시스템 용량, 성능 요구사항을 개략적으로 추정하라는 요구를 받게됨.개략적인 규모 추정(back-of-the-envelope estimation)보편적으로 성능 수치상에서 사고 실험을 행하여 추정치를 계산하는 행위어떤 설계가 요구사항에 부합할 것인지 보기 위함. 2️⃣ 2의 제곱수데이터 볼륨의 단위를 2의 제곱수로 표현하면 어떻게 되는지 알아야 한다.2의 x제곱근사치이름축약형101천1킬로바이트1KB201백만1메가바이트1MB3010억1기가바이트1GB401조1테라바이트1TB501000조1페타바이트1PB 🕓 응답지연 값구글의 제프 딘이 2010년에 통상적인 컴퓨터에서 구현된 연산들의 응답지연 값을 공개한 바가 있다. 한 구글 엔지니어가 개발한 도구를 사용해 최근 기술 동향을 반영하여 20..
-
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 1장. 사용자 수에 따른 규모 확장성📕 book/가상 면접 사례로 배우는 대규모 시스템 설계 기초 2025. 12. 25. 12:57
이번 장에서는 한 명의 사용자를 지원하는 시스템에서 몇백만 사용자를 지원하는 시스템을 설계하는 과정에서 규모 확장성과 관계된 설계 문제를 푸는데 필요한 지식들을 학습을 해볼 수 있다. 📌 단일 서버웹, 앱, 데이터베이스, 캐시 등이 전부 서버 한 대에서 실행 📦 데이터베이스사용자가 늘면 서버 하나로는 충분하지 않기 때문에 여러 서버를 두어야 한다.웹 / 모바일 트래픽 처리 용도데이터 베이스 용💡 웹 / 모바일 트래픽 처리 서버(웹 계층) 와 데이터베이스 서버(데이터 계층) 을 분리하면 각각을 독립적으로 확장해 나갈 수 있게 된다. ↗️ 수직적 규모 확장 vs 수평적 규모 확장🔼 수직적 규모 확장 (scale up)서버에 고사양 자원을 추가하는 행위🔀 수평적 규모 확장 (scale out)더 ..
-
네이버 2025 컨퍼런스 DAN 25 참여 후기일상😎 2025. 11. 8. 16:43
네이버 측에서 부스트캠프 웹 모바일 캠퍼들이 기술적인 전문성과 인사이트를 가진 개발자로 성장하는 데 도움이 될 수 있도록 팀네이버 컨퍼런스인 DAN25 티켓을 제공해주셨다는 이야기를 듣고 바로 티켓 신청을 했는데 운 좋게도 이번 DAN25 컨퍼런스에 참여하게 되었습니다! 감사합니다!! 이번 행사는 NFT 티켓을 통해서 진행되었고 DAN NFT 행사에 참여해 커피도 받았습니다 ☕ 🔍 왜 DAN 이지?왜 네이버의 컨퍼런스 이름에 ’네이버‘ 가 없는 이유는 뭔지 궁금했는데요..!플랫폼(Platform) 의 한국어 표현에서 유래했다고 합니다! 🎢 GroundDAN25 GROUND에서는 여러 체험 프로그램과 DAN25 NFT 이벤트, 그리고 한정판 콜라보 굿즈도 얻을 수 있었어요 🙂 GROUND는 ..
-
React의 State 업데이트 큐FE/React 2025. 10. 23. 14:13
🧑🏻💻React의 State 업데이트 큐(Queue)🚀 BatchReact는 state 업데이트를 하기 전에 이벤트 핸들러의 모든 코드가 실행될 때까지 기다림 이를 통해 너무 많은 리렌더링이 발생하지 않고도 여러 컴포넌트에서 나온 다수의 state 변수를 업데이트 가능.하지만 이벤트 핸들러와 그 안에 있는 코드가 완료될 때까지 UI가 업데이트되지 않는다 따라서 React가 여러 상태 업데이트를 단일 리렌더링으로 그룹화하여 성능을 향상하는 것!! 🖥️ 예시 코드import { useState } from 'react';export default function Counter() { const [number, setNumber] = useState(0); return ( {nu..
-
UI 표현하기FE/React 2025. 10. 23. 14:07
React 는 사용자 인터페이스(UI)를 렌더링하기 위한 JS 라이브러리버튼, 텍스트, 이미지와 같은 작은 요소 로 구성React를 통해 작은 요소들을 재사용 가능하고 중첩할 수 있는 컴포넌트로 조합가능🧩 ComponentReact 애플리케이션은 컴포넌트라고 불리는 독립된 UI 조각들로 이루어짐 React 컴포넌트는 마크업을 얹을 수 있는 JavaScript 함수마크업, CSS, Javascript를 앱의 재사용 가능한 UI 요소인 사용자 정의 컴포넌트로 조합 ↗️ 컴포넌트 import / export컴포넌트의 가장 큰 장점은 재사용성이다.컴포넌트를 조합해 또 다른 컴포넌트를 만들 수 있다.컴포넌트를 이렇게 여러 번 중첩하면 다른 파일로 분리해야 하는 시점이 있다.분리를 하여 파일을 더 찾기 쉽고 재사..
-
React 개요FE/React 2025. 10. 23. 13:53
🧑🏻💻 React는 무엇인가Javascript 라이브러리로 Github 10만개가 넘는 별점을 가진 인기 있는 라이브러리중 하나React는 프레임워크가 아니다 ❌Facebook이 만든 오픈소스 프로젝트프런트엔드에서 사용자 인터페이스(UI)를 구축하는데 사용MVC 애플리케이션(Model-View-Controller)의 뷰 계층 ⭐ React에서 가장 중요한 측면사용자 인터페이스를 빠르고 효율적으로 구축하기 위해 사용자 정의 및 재사용 가능한 HTML 요소인 컴포넌트를 만들 수 있다.state 와 props 를 사용하여 데이터 저장 및 처리 방식을 간소화 ⚙️ 설정 및 설치 📌 React를 설정하는 2가지 방법정적 HTMLReact 앱 만들기 1️⃣ 정적 HTMLjQuery와 같은 라이브러리를 사용..