비개발자 개발 환경 설정

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

공간: 바이브 코딩 · 8편

  1. git이 뭔지 이해하기 — Mona ·
    재엽님이 실습하신거에 내용을 추가하면서 제가 아는 것 까지 넣어서 길어졌습니다 이해가 안 되시면 여러번 읽고 실습도 해보세요 # Git 가이드 ## 1. Git이란? Git은 **분산 버전 관리 시스템(DVCS)**이다. 파일의 변경 이력을 추적하고, 여러 사람이 협업할 수 있게 해준…
  2. 비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (1) 안티그래비티 — 수줍은 고양이 ·
    바이브 코딩과 Clauders 입문 과정 그 동안 GPT/제미나이/클로드를 모두 유료 구독하면서, CHAT 기능만 주구장창 사용하며 "AI를 잘 활용하고 있다"고 착각해 온 지난 3년... 뒤늦게나마 AI 코딩, 바이브 코딩이라는 개념에 대해서 알게된 후, HOW TO를 배우기 위해…
  3. 비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (2) git — 수줍은 고양이 ·
    위키백과 정의 소스 코드, 데이터의 버전을 관리할 수 있는 분산 버전 관리 소프트웨어 시스템. 협업을 통해 소프트웨어를 개발하는 프로그래머들이 소스 코드를 관리하기 위해 주로 사용하며, 깃의 설계 목표에는 속도, 데이터 무결성, 그리고 수천 개의 병렬 브랜치가 서로 다른 컴퓨터에서 실…
  4. 첫 사례글 및 첫 Ai활용하여 웹사이트 만들기 — 부지런한 개발자 ·
    소개 Ai상담후 현재 기분,날씨,시간에 어울리고 이용자에개 필요한 음악 추천하는 웹 사이트 진행 방법 기획안을 몇일간 작성후 Claude 에게 기획안을 주고 만들어 달라고 했습니다 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF…
  5. 바이브 코딩 개념 및 실습으로 너구리 달리기 만들기 등 — Vale ·
    소개 바이브 코딩 개념 및 실습으로 게임 만들기 학습을 했습니다. Zoom 정원이 찼다고 해서 오늘은 그냥 쉬는 날인가 했는데, 입장이 가능하다고 해서 후다닥 들어가서 오늘도 알찬 스터디를 했습니다. 일단 너무 재미있었습니다. 오류가 한가득 나오긴 했습니다만 ㅋ 진행 방법 클로드 코드…
  6. [병원 휴가관리 시스템 #1] 병원 직원들의 연차, 휴일관리 시스템 구축 — 날쌘 개발자 ·
    시작하게 된 계기 소규모 병원에서 일하는 지인은 직원 연차 관리가 늘 골칫거리였습니다. 직원이 15명 안팎인데도 구두로 "저 다음 주 화요일에 쉬어도 돼요?"라고 하거나 캘린더에 적어두는 방식으로 관리하다 보니 같은 팀 직원 둘이 같은 날 쉬어버리는 상황이 종종 생겼습니다. 엑셀 파일…
  7. [병원 휴가관리 시스템 #2] Github에 올리고 Vercel에 배포하는 자동 파이프라인 구축기 — 날쌘 개발자 ·
    GitHub가 뭔가요? 쉽게 말하면 코드 전용 구글 드라이브입니다. 내 컴퓨터에만 저장해두면 어떻게 될까요? 컴퓨터가 고장나면 끝입니다. 카페에서 작업하다 맥북을 놓고 왔다면? 역시 끝입니다. GitHub에 올려두면 어디서든 꺼낼 수 있고, 3개월 전 코드로도 돌아갈 수 있어요. 저희…
  8. 비개발자의 바이브 코딩 입문기: 이걸 다 깔으라구요? (5) Docker — 수줍은 고양이 ·
    Docker란? 애플리케이션을 신속하게 구축, 테스트, 배포할 수 있는 소프트웨어 플랫폼으로, 리눅스 컨테이너 기술을 기반으로 한 오픈소스 가상화 도구입니다. OS(Operating System, 운영 체제) 전체를 가상화하는 VM(Virtual Machine)과 달리 컨테이너는 OS…