모든 포스트
리액트로 Todo 앱 만들기 #4 편집 기능
항목을 더블클릭하면 인라인 편집 모드로 진입하고, Enter로 저장 / Escape로 취소하는 편집 기능을 만들면서 useRef도 처음으로 사용해봅니다.
클라우드란 결국 남의 컴퓨터를 빌리는 것
클라우드를 비전공자 눈높이에서 정의하고, 왜 서버를 사지 않고 빌리는지, AWS 같은 서비스로 어떻게 이어지는지까지 풀어서 설명합니다.
하드웨어 기초 #9 클라우드 인스턴스 사양 읽는 법 — 워크로드에 맞춰 고르기
c5.xlarge 같은 인스턴스 이름을 패밀리,세대,크기로 해부하고, vCPU,메모리,스토리지,네트워크로 사양표를 읽어 워크로드에 맞는 타입을 고르는 순서를 정리합니다. 시리즈가 쌓은 네 자원 지식을 한곳에 모아 마무리하겠습니다.
리액트로 Todo 앱 만들기 #1 시작과 추가/삭제
기초 강좌에서 배운 리액트로 진짜 Todo 앱을 만들어봅니다. 첫 글은 요구사항 정의, 컴포넌트 설계, 그리고 추가/삭제 기능까지 만들어봅니다.
하드웨어 기초 #8 클라우드 — 소유에서 임대로, 온프레미스부터 IaaS / PaaS / SaaS까지
하드웨어를 소유에서 임대로 바꾼 변화, 온프레미스와 코로케이션과 클라우드의 차이, 그리고 IaaS,PaaS,SaaS가 하드웨어를 어디까지 감추는지까지. 클라우드를 하드웨어 소유와 임대의 관점에서 정리하겠습니다.
리액트 기초 강좌 #15 라우팅 개요 (React Router)
SPA의 라우팅 개념과 React Router의 기본 사용법, 동적 경로/네비게이션/중첩 라우트까지 한 번에 살펴봅니다.
하드웨어 기초 #7 가상화와 컨테이너 — 물리 서버 한 대가 여러 대가 되는 원리
하이퍼바이저가 하드웨어를 나누는 방식, 가상 머신과 컨테이너가 자원을 나누고 격리하는 방식의 차이, 그리고 클라우드 성능이 들쭉날쭉해지는 원인인 오버커밋까지. 한 대의 물리 서버가 여러 대가 되는 원리를 정리하겠습니다.
리액트 기초 강좌 #14 성능 최적화 (memo / useMemo / useCallback)
React.memo, useMemo, useCallback을 사용한 성능 최적화 방법과, 이 도구들을 언제 써야 하고 언제 쓰지 말아야 하는지를 정리합니다.
하드웨어 기초 #6 네트워크 — 대역폭과 지연시간, NIC에서 데이터센터까지
운영에서 가장 자주 혼동되는 대역폭과 지연시간의 차이, 거리가 만드는 지연의 한계, NIC에서 시작해 같은 AZ와 리전 간과 인터넷이 왜 다른지까지. 네트워크를 속도 한 단어가 아니라 두 축으로 나눠 이해하도록 정리하겠습니다.