CS Flow 소개

CS Flow란?

CS Flow는 컴퓨터 구조, 운영체제, 네트워크, 자료구조, 알고리즘, 데이터베이스 같은 CS 핵심 개념을 흐름으로 이해하도록 만든 무료 학습 사이트입니다. 파이프라인에서 명령어가 겹쳐 실행되는 모습, TCP 연결이 맺어지는 순서, 트랜잭션이 락을 잡는 과정처럼 글만 읽어서는 그려지지 않는 동작을 캔버스 시각화로 한 단계씩 직접 넘겨 보며 확인할 수 있습니다.

CS를 처음 배우는 분, 개발자 면접이나 기술 시험을 준비하는 분, 알고 있던 개념을 다시 정리하고 싶은 현업 개발자를 대상으로 합니다.

토픽은 이렇게 구성돼요

모든 토픽은 같은 네 가지 탭으로 이루어져 있습니다.

• 큰 그림 — 이 개념이 왜 필요한지, 핵심 용어와 한계까지 글로 정리합니다.
• 작동 원리 — 인터랙티브 시각화입니다. PLAY로 자동 재생하거나 STEP으로 한 단계씩 넘기고, 속도를 바꿔 볼 수 있습니다.
• 코드 연결 — 개념이 실제 코드에서 어떻게 드러나는지 짧은 예제로 보여줍니다.
• 퀴즈 — 배운 내용을 바로 확인합니다. 한 번 틀리면 힌트를, 다시 틀리면 해설을 보여줍니다.

다루는 과목

• 컴퓨터 구조 — CPU 동작, 파이프라인, 캐시, 가상 메모리, 분기 예측, 비순차 실행
• 운영체제 — 프로세스와 스레드, 스케줄링, 동기화, 교착 상태, 메모리·파일 시스템
• 네트워크 — OSI와 TCP/IP, HTTP와 HTTPS, DNS, 로드 밸런서, 라우팅
• 자료구조 — 배열과 연결 리스트, 트리, 힙, 해시 테이블, 그래프, 트라이
• 알고리즘 — 정렬, 탐색, 그래프 탐색, 다익스트라, 그리디, 백트래킹, DP
• 데이터베이스 — 인덱스, 트랜잭션, 락, 정규화, 샤딩과 복제, 쿼리 실행 계획

원하는 개념은 통합 검색이나 각 과목의 태그 필터로 바로 찾을 수 있고, 내 학습에서 북마크와 진행 상황을 확인할 수 있습니다. 학습 기록은 사용하는 브라우저에만 저장되며 서버로 전송되지 않습니다.

콘텐츠는 이렇게 만들어요

• 정의와 용어는 교재와 공식 문서의 표준 설명을 기준으로 하고, 한 페이지 안에서 설명이 서로 어긋나지 않는지 확인합니다.
• 시각화는 개념을 한 번에 많이 보여주기보다, 한 번에 한 가지 동작만 보이도록 단계를 나눕니다.
• 수치가 나오는 시각화는 화면의 숫자와 설명이 어긋나지 않도록 같은 데이터에서 계산합니다.
• 내용이 틀렸거나 헷갈리는 부분은 제보를 받아 확인한 뒤 고칩니다.
• 새 토픽은 순차적으로 추가하고 있습니다.

운영자

백엔드 개발자를 지향하는 개인 개발자가 직접 기획하고 만들어 운영합니다. 소스와 작업 내역은 GitHub에서 볼 수 있습니다.

문의

내용 오류 제보, 다뤄 주었으면 하는 주제, 사이트 이용 중 불편한 점은 아래로 알려 주세요. 제보할 때는 페이지 주소와 어느 부분이 어떻게 이상한지를 함께 적어 주시면 빠르게 확인할 수 있습니다.

이메일: [email protected]