LeanX

바이브코더를 위한 컴퓨터공학 기초

AI가 짠 코드를 이해하고 검토하려면 꼭 알아야 할 최소한의 CS 개념을 아주 쉽게

웹은 어떻게 작동하나

브라우저에 주소를 입력하는 순간, DNS가 주소를 실제 서버 위치로 변환하고, 브라우저가 서버에 요청을 보내면 서버가 HTML·CSS·JS를 돌려줘 화면이 만들어지는 요청-응답 사이클이 웹의 전부입니다. 약 7분.

프론트엔드 vs 백엔드

프론트엔드(frontend)는 사용자 눈에 보이는 화면을 담당하고, 백엔드(backend)는 데이터 저장과 비즈니스 로직을 처리하며, 이 둘의 역할을 구분할 수 있어야 AI에게 정확히 어느 쪽을 수정해야 하는지 지시할 수 있습니다. 약 6분.

API와 JSON

API(Application Programming Interface)는 프론트엔드와 백엔드가 정해진 규칙으로 대화하는 창구이며, 그 대화에 쓰이는 데이터 형식이 JSON(JavaScript Object Notation)으로, GET·POST·PUT·DELETE 네 가지 동사로 대부분의 작업을 처리합니다. 약 8분.

데이터베이스와 SQL 감각

데이터베이스(database)는 데이터를 엑셀 시트처럼 테이블(표) 구조로 저장하고, SQL(Structured Query Language)이라는 언어로 조회·생성·수정·삭제(CRUD)하며, 비개발자도 SELECT·INSERT·WHERE 같은 기본 구문을 읽는 능력만 있으면 AI가 만든 DB 코드를 검토할 수 있습니다. 약 9분.

버전관리 Git 기초

Git(깃)은 코드의 변경 이력을 저장하는 버전관리 시스템으로, 게임의 세이브포인트처럼 언제든 이전 상태로 돌아갈 수 있게 해주며, commit(변경 저장)·branch(독립 작업 공간)·pull request(합병 제안) 세 가지 개념만 이해하면 AI와의 협업 흐름을 따라갈 수 있습니다. 약 7분.

터미널·명령줄 기초

터미널(terminal)은 명령어를 텍스트로 입력해 컴퓨터를 제어하는 도구로, cd(폴더 이동)·ls(목록 보기)·npm install(패키지 설치) 등 10여 가지 명령어만 익혀도 AI 코딩 도구 대부분을 무리 없이 쓸 수 있습니다. 약 6분.

환경변수와 비밀키

환경변수(environment variable)는 API 키·데이터베이스 비밀번호처럼 코드 외부에 분리 보관해야 하는 값이며, .env 파일에 저장하고 .gitignore로 Git 추적에서 제외해야 노출 사고를 막을 수 있습니다. 약 6분.

데이터 타입과 논리 기초

코드에서 다루는 모든 값은 문자열·숫자·불리언·null 같은 기본 타입과 배열·객체 같은 컬렉션 타입 중 하나이며, if 조건문과 반복문은 데이터를 분기하고 처리하는 논리의 뼈대로, 이 개념을 알면 AI가 만든 코드의 흐름을 읽을 수 있습니다. 약 7분.

에러 읽는 법

에러 메시지(error message)는 코드가 잘못됐음을 알리는 친절한 안내문으로, 에러 종류·발생 위치·원인을 담고 있으며, 이것을 그대로 AI에게 주면 대부분 바로 해결되기 때문에 에러를 무서워하지 않고 읽는 습관이 가장 중요합니다. 약 7분.

배포와 호스팅

배포(deploy)는 내 컴퓨터에서만 보이는 앱을 인터넷을 통해 누구나 접근할 수 있는 서버에 올리는 과정이며, Vercel 같은 플랫폼을 쓰면 GitHub에 코드를 올리는 것만으로 자동 배포가 이루어져 비개발자도 쉽게 앱을 세상에 공개할 수 있습니다. 약 7분.