[오픈대화] 클로드코드 활용 팁 — 리소스 이해, 편의 설정, 기술 스택 선택 가이드

클로드코드를 설치하고 기본적인 사용법을 익혔다면, 이제 더 효율적으로 활용하는 방법을 알아볼 차례입니다. 이 글에서는 실제 강의에서 나온 질문들을 바탕으로, 초보자가 꼭 알아야 할 실용적인 팁들을 정리했습니다.

---

1. 클로드코드는 내 컴퓨터 성능을 얼마나 쓸까?

클로드코드를 처음 쓰다 보면 이런 의문이 생깁니다:

"이거 내 컴퓨터 자원을 많이 쓰는 건가?"

결론부터 말하면

AI 자체는 클라우드 서버에서 작동합니다. 여러분의 컴퓨터에 AI가 설치되는 게 아닙니다. 클로드의 "생각하는 과정"은 전부 Anthropic 서버에서 처리됩니다.

하지만 AI가 실행하는 작업은 내 컴퓨터 자원을 사용합니다:

• 파일 생성 및 수정
• 라이브러리 설치
• 빌드 실행
• 로컬 서버 구동

구분	어디서 실행?	내 컴퓨터 부하
AI의 사고/응답 생성	클라우드 (Anthropic 서버)	거의 없음
스킬, MCP 도구 설치	내 컴퓨터	약간
파일 생성/수정/빌드	내 컴퓨터	작업에 따라 다름

터미널을 여러 개 띄워도 AI 자체는 클라우드이므로 대부분 괜찮습니다. 다만 여러 작업을 동시에 돌리면 그 작업들이 컴퓨터 자원을 쓰게 됩니다.

웹 개발 vs 앱 개발 — 필요 사양이 다르다

개발 유형	필요 사양	비고
웹 개발	저사양 OK	라즈베리파이에서도 가능할 정도
앱 개발	고사양 권장	Android Studio, Xcode 등 개발 도구가 무겁기 때문

앱 개발 권장 사양:

• RAM: 32GB 이상
• SSD: 500GB 이상
• CPU: Intel i7 이상 또는 동급

웹은 코드를 서버에 올리면 끝이지만, 앱은 개발 도구 자체가 사양을 많이 요구합니다.

---

2. 꼭 알아야 할 명령어 3가지

클로드코드에는 /명령어 형태로 사용하는 기능들이 있습니다. 그중 가장 자주 쓰는 3가지입니다.

/compact — 컨텍스트 요약

대화가 길어지면 AI가 이전 내용을 기억하기 어려워집니다. /compact를 입력하면 지금까지의 대화를 요약해서 컨텍스트를 정리합니다.

언제 쓰나요?

• 대화가 길어져서 AI가 앞의 내용을 잊는 것 같을 때
• "토큰 한도에 도달했습니다" 메시지가 나올 때

/clear — 대화 초기화

현재 대화를 완전히 새로 시작합니다. 이전 대화 내용이 모두 사라집니다.

언제 쓰나요?

• 완전히 다른 작업을 시작할 때
• 대화가 꼬여서 처음부터 다시 하고 싶을 때

/init — 프로젝트 코드베이스화

현재 프로젝트의 구조와 규칙을 정리해서 CLAUDE.md 파일을 생성합니다. AI가 프로젝트를 이해하는 데 사용하는 "설명서"를 만드는 것입니다.

언제 쓰나요?

• 새 프로젝트를 시작할 때
• AI가 프로젝트 구조를 잘 모르는 것 같을 때
• 프로젝트 규칙을 정리하고 싶을 때

---

3. 편의 설정 — 권한 자동 허용 & 완료 알림

권한 자동 허용 (bypassPermissions)

클로드코드는 파일을 만들거나 수정할 때마다 허용 여부를 물어봅니다. 매번 "허용"을 누르기 번거롭다면, 클로드에게 이렇게 말하세요:

"앞으로 모든 권한은 허용할 테니 bypass permissions on 모드로 변경해줘"

설정이 완료되면 시작 화면에 ⚡ bypassPermissions: true로 표시됩니다. 이후부터는 AI가 멈추지 않고 작업을 끝까지 진행합니다.

작업 완료 알림

AI가 작업을 끝냈는데 모르고 있으면 시간 낭비입니다. 완료 알림을 설정하세요:

"작업 끝나면 알림 줘"

Mac 사용자 팁: 시스템 설정 → 알림에서 터미널(또는 iTerm) 알림을 활성화하면 Mac 알림센터로 푸시 알림을 받을 수 있습니다.

Windows 사용자 팁: Windows Terminal이나 PowerShell의 알림 설정을 활용하거나, 클로드에게 "작업 끝나면 소리로 알려줘"라고 요청할 수 있습니다.

---

4. 사용량 모니터링

클로드코드를 사용하다 보면 "내가 얼마나 썼지?" 궁금해집니다. 커뮤니티에서 만든 모니터링 도구를 활용해보세요:

Claude Code Usage Monitor

• GitHub: https://github.com/Maciek-roboblog/Claude-Code-Usage-Monitor
• 설치하면 사용량을 실시간으로 확인 가능

---

5. 작동하는 코드를 문서화하라

AI 시대의 개발에서 가장 중요한 습관입니다.

왜 문서화가 중요할까?

AI에게 같은 기능을 요청해도 매번 다른 코드가 나옵니다. 어떤 때는 잘 되고, 어떤 때는 오류가 납니다. 그래서 정상적으로 잘 작동하는 코드가 나왔을 때, 그것을 따로 정리해 두는 것이 중요합니다.

나중에 다른 서비스를 만들 때 같은 기능이 필요하면 검증된 코드를 바로 가져다 쓸 수 있습니다.

실천 방법

1. 잘 작동하는 코드가 나왔을 때 → AI에게 "이 코드 문서화해줘"라고 요청
2. 기능별로 정리 → 인증, 결제, 파일 업로드 등 카테고리별로 저장
3. 스킬로 만들기 → 반복적으로 쓰는 패턴은 클로드코드 스킬로 등록

예전에는 개발자의 코드 정리가 "비법 노트"였다면, AI 시대에는 검증된 코드 모음이 그 역할을 합니다.

---

6. 웹 vs 앱 — 어떤 걸 만들어야 할까?

서비스 성격에 맞는 플랫폼 선택

서비스 유형	추천 플랫폼	이유
블로그, 포트폴리오, 랜딩페이지	웹	검색 유입, 접근성
일기, 건강기록, 육아기록	앱	매일 사용, 알림 필요, 경쟁 앱 다수
커뮤니티, 쇼핑몰	웹 + 앱	양쪽 모두 접근성 필요

"웹으로 만들어서 나중에 앱으로 바꾸면 되지 않나요?"

쉽지 않습니다. 이유는:

1. PWA/웹뷰의 한계: 웹을 앱처럼 사용하게 해주는 기술(PWA, 웹뷰)이 있지만, 앱스토어(특히 Apple)에서 출시를 거부하는 경우가 많습니다.
2. 프론트엔드 재개발 필요: 웹용 프론트엔드와 앱용 프론트엔드는 다릅니다. 웹 전용으로 만든 것을 앱으로 바꾸려면 사실상 처음부터 다시 만들어야 할 수 있습니다.
3. 백엔드는 이동 가능, 프론트엔드는 어렵다: 서버(백엔드)는 마이그레이션이 비교적 쉽지만, 프론트엔드는 한번 정한 길을 바꾸기가 매우 어렵습니다.

처음부터 앱까지 고려한다면 — 크로스 플랫폼

크로스 플랫폼을 사용하면 하나의 코드로 여러 플랫폼에 배포할 수 있습니다.

크로스 플랫폼	지원 플랫폼	특징
Flutter	Android, iOS, 웹	Google 개발, Dart 언어 사용
React Native	Android, iOS	Meta 개발, JavaScript/TypeScript 사용

클로드코드에서는 이렇게 한마디면 됩니다:

"프론트엔드 스택은 플러터로 만들 거야!"

---

7. 추천 기술 스택

처음 서비스를 만들 때 어떤 기술 스택을 고르느냐가 나중에 큰 차이를 만듭니다.

앱을 염두한다면 (추천)

Flutter + Firebase + Cloud Functions

구성	역할
Flutter	프론트엔드 (Android + iOS + 웹 통합)
Firebase	백엔드 (데이터베이스, 인증, 호스팅)
Cloud Functions	서버 로직 (API, 자동화)

웹 전용이라면

React (또는 Next.js) + Firebase + Cloud Functions

이 조합의 장점

• 비용 절감: Firebase 무료 티어가 넉넉해서 초기 비용이 거의 없음
• AI 친화적: 클로드코드가 Firebase 설정을 거의 자동으로 해줌
• 한번 셋팅이면 끝: 초반에 한번만 구성하면 이후 백엔드 구축을 AI가 알아서 처리

시작하는 방법

Windows:

# Node.js를 https://nodejs.org에서 다운로드 설치한 후:
npm install -g firebase-tools
firebase login

Mac:

brew install node
npm install -g firebase-tools
firebase login

설치 후 클로드코드에서:

"Firebase 프로젝트를 만들어줘. Firestore랑 Cloud Functions도 셋팅해줘."

---

마무리 — 오늘 바로 해볼 것

1. /compact, /clear, /init 명령어 각각 한번씩 써보기
2. bypassPermissions 설정하기
3. 작업 완료 알림 설정하기
4. 지금까지 만든 코드 중 잘 작동하는 것 문서화 요청하기
5. 내 서비스가 웹/앱 중 어디에 어울리는지 생각해보기

대화 참여 코멘트 한줄

문어 · Windows · 영어 일기 서비스 개발 중 (비개발자, 7개월 아기 육아맘)

웹으로만 생각하고 있었는데, 처음부터 앱을 고려해서 기술 스택을 선택하는 게 중요하다는 걸 알게 됐어요. 플러터라는 선택지가 있다는 것도 꿀정보! 꼭 이 방에서 앱 배포까지 도전해보겠습니다.

이크 · Mac · 앱 개발자 (육아앱 제작 중, 15개월 아이 + 둘째 8월 예정)

클로드가 클라우드에서 돌아간다는 것, 프론트엔드 스택 선택이 나중에 얼마나 큰 차이를 만드는지 깊이 와닿았어요. 그동안 "해줭"만 외치며 만들어왔는데, 작동하는 코드를 문서화하는 습관을 시작해야겠습니다.