# 비개발자 개발 환경 설정

> 바이브 코딩을 시작하기 전에 개발 도구의 기초를 잡고 싶은 분께 맞아요. Git과 Node.js, Docker 설치부터 웹사이트 제작, 저장소 연결과 배포 흐름까지 익혀요.

- 연재: https://community.clauders.ai/series/coding-environment-setup
- 공간: [바이브 코딩](https://community.clauders.ai/claude-code)
- 편 수: 8

## 편 목록

1. [git이 뭔지 이해하기](https://community.clauders.ai/claude-code/post/git%EC%9D%B4-%EB%AD%94%EC%A7%80-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-e2f46209-ac49-80f6-9d09-a838984edb26) — Mona, 2026-03-20
   재엽님이 실습하신거에 내용을 추가하면서 제가 아는 것 까지 넣어서 길어졌습니다 이해가 안 되시면 여러번 읽고 실습도 해보세요 # Git 가이드 ## 1. Git이란? Git은 **분산 버전 관리 시스템(DVCS)**이다. 파일의 변경 이력을 추적하고, 여러 사람이 협업할 수 있게 해준다. ### 버전 관리가 왜 필요한가? 버전 관리 없이 작업하면 이런 상…
2. [비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (1) 안티그래비티](https://community.clauders.ai/claude-code/post/%EB%B9%84%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-%EC%9E%85%EB%AC%B8%EA%B8%B0-%EC%9D%B4%EA%B1%B8-%EB%8B%A4-%EA%B9%94%EC%9C%BC%EB%9D%BC%EA%B5%AC%EC%9A%94-1-%EC%95%88%ED%8B%B0%EA%B7%B8%EB%9E%98%EB%B9%84%ED%8B%B0-87135495-0bf7-8e7d-abe1-ded9ef9fbf1f) — 수줍은 고양이, 2026-03-22
   바이브 코딩과 Clauders 입문 과정 그 동안 GPT/제미나이/클로드를 모두 유료 구독하면서, CHAT 기능만 주구장창 사용하며 "AI를 잘 활용하고 있다"고 착각해 온 지난 3년... 뒤늦게나마 AI 코딩, 바이브 코딩이라는 개념에 대해서 알게된 후, HOW TO를 배우기 위해 Clauders 스터디에 조인하면서, 개설된 18개의 스터디를 둘러보았어…
3. [비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (2) git](https://community.clauders.ai/claude-code/post/%EB%B9%84%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-%EC%9E%85%EB%AC%B8%EA%B8%B0-%EC%9D%B4%EA%B1%B8-%EB%8B%A4-%EA%B9%94%EC%9C%BC%EB%9D%BC%EA%B5%AC%EC%9A%94-2-git-a7cf1a65-ad93-8d02-8ca7-9378cd8c72dc) — 수줍은 고양이, 2026-03-22
   위키백과 정의 소스 코드, 데이터의 버전을 관리할 수 있는 분산 버전 관리 소프트웨어 시스템. 협업을 통해 소프트웨어를 개발하는 프로그래머들이 소스 코드를 관리하기 위해 주로 사용하며, 깃의 설계 목표에는 속도, 데이터 무결성, 그리고 수천 개의 병렬 브랜치가 서로 다른 컴퓨터에서 실행되는 분산 비선형 워크플로 지원 등이 포함된다. ...??? 이해하기가…
4. [첫 사례글 및 첫 Ai활용하여 웹사이트 만들기](https://community.clauders.ai/claude-code/post/%EC%B2%AB-%EC%82%AC%EB%A1%80%EA%B8%80-%EB%B0%8F-%EC%B2%AB-ai%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0-24b163c0-0bea-8b0b-b30e-7691393a8768) — 부지런한 개발자, 2026-03-22
   소개 Ai상담후 현재 기분,날씨,시간에 어울리고 이용자에개 필요한 음악 추천하는 웹 사이트 진행 방법 기획안을 몇일간 작성후 Claude 에게 기획안을 주고 만들어 달라고 했습니다 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="wid…
5. [바이브 코딩 개념 및 실습으로 너구리 달리기 만들기 등](https://community.clauders.ai/claude-code/post/%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-%EA%B0%9C%EB%85%90-%EB%B0%8F-%EC%8B%A4%EC%8A%B5%EC%9C%BC%EB%A1%9C-%EB%84%88%EA%B5%AC%EB%A6%AC-%EB%8B%AC%EB%A6%AC%EA%B8%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EB%93%B1-11c4b15a-e276-855a-8fa0-39defd68beee) — Vale, 2026-03-23
   소개 바이브 코딩 개념 및 실습으로 게임 만들기 학습을 했습니다. Zoom 정원이 찼다고 해서 오늘은 그냥 쉬는 날인가 했는데, 입장이 가능하다고 해서 후다닥 들어가서 오늘도 알찬 스터디를 했습니다. 일단 너무 재미있었습니다. 오류가 한가득 나오긴 했습니다만 ㅋ 진행 방법 클로드 코드, 깃, 노드를 설치하고 window shell에서 코드를 실행하는 실습…
6. [병원 휴가관리 시스템 #1 병원 직원들의 연차, 휴일관리 시스템 구축](https://community.clauders.ai/claude-code/post/%EB%B3%91%EC%9B%90-%ED%9C%B4%EA%B0%80%EA%B4%80%EB%A6%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C-1-%EB%B3%91%EC%9B%90-%EC%A7%81%EC%9B%90%EB%93%A4%EC%9D%98-%EC%97%B0%EC%B0%A8-%ED%9C%B4%EC%9D%BC%EA%B4%80%EB%A6%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EA%B5%AC%EC%B6%95-374c37c9-afb9-8d90-a626-412d38247e54) — 날쌘 개발자, 2026-03-28
   시작하게 된 계기 소규모 병원에서 일하는 지인은 직원 연차 관리가 늘 골칫거리였습니다. 직원이 15명 안팎인데도 구두로 "저 다음 주 화요일에 쉬어도 돼요?"라고 하거나 캘린더에 적어두는 방식으로 관리하다 보니 같은 팀 직원 둘이 같은 날 쉬어버리는 상황이 종종 생겼습니다. 엑셀 파일로 옮겨봤지만, 결국 종이로 된 캘린더에 적던 것을 엑셀에 적는다는 것…
7. [병원 휴가관리 시스템 #2 Github에 올리고 Vercel에 배포하는 자동 파이프라인 구축기](https://community.clauders.ai/claude-code/post/%EB%B3%91%EC%9B%90-%ED%9C%B4%EA%B0%80%EA%B4%80%EB%A6%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C-2-github%EC%97%90-%EC%98%AC%EB%A6%AC%EA%B3%A0-vercel%EC%97%90-%EB%B0%B0%ED%8F%AC%ED%95%98%EB%8A%94-%EC%9E%90%EB%8F%99-%ED%8C%8C%EC%9D%B4%ED%94%84%EB%9D%BC%EC%9D%B8-%EA%B5%AC%EC%B6%95%EA%B8%B0-1472f504-d32c-8aa0-8493-e8f5e34f6571) — 날쌘 개발자, 2026-04-03
   GitHub가 뭔가요? 쉽게 말하면 코드 전용 구글 드라이브입니다. 내 컴퓨터에만 저장해두면 어떻게 될까요? 컴퓨터가 고장나면 끝입니다. 카페에서 작업하다 맥북을 놓고 왔다면? 역시 끝입니다. GitHub에 올려두면 어디서든 꺼낼 수 있고, 3개월 전 코드로도 돌아갈 수 있어요. 저희 스터디인 "개발환경셋팅"에서는 1주차 첫 시간에 가장 먼저 '깃'에 대…
8. [비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (5) Docker](https://community.clauders.ai/claude-code/post/%EB%B9%84%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-%EC%9E%85%EB%AC%B8%EA%B8%B0-%EC%9D%B4%EA%B1%B8-%EB%8B%A4-%EA%B9%94%EC%9C%BC%EB%9D%BC%EA%B5%AC%EC%9A%94-5-docker-6d469c92-e171-86b2-b91e-345cfb747cc2) — 수줍은 고양이, 2026-04-07
   Docker란? 애플리케이션을 신속하게 구축, 테스트, 배포할 수 있는 소프트웨어 플랫폼으로, 리눅스 컨테이너 기술을 기반으로 한 오픈소스 가상화 도구입니다. OS(Operating System, 운영 체제) 전체를 가상화하는 VM(Virtual Machine)과 달리 컨테이너는 OS 커널(항상 메모리에 상주하는 운영체제의 핵심이 되는 부분)을 공유하여…