inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드 코드 토큰 절약 공식 플러그인 4개: 마지막은 하네스 엔지니어링 핵심 (UP_260501)

수업 1회독 후 코딩과 관련된 기본공부

59

이하준

작성한 질문수 23

0

선생님 강의 1회독 했는데, 저는 코딩관련해서는 완전 초보이다보니 용어 자체가 전부 생소하더라구요.
뭔가 기본 원리와 구조를 파악해야 어떤 것이 저에게 필요한건지, 혹은 필요 없는 것인지 알 수 있을 것 같은데..

html, css, tailwind 등등.. 이러한 것들을 전 강의를 들으면서 처음 들어봤습니다.. 프론트엔드, 백엔드에는 어떠한 것들이 필요한지 이러한 큰 틀? 같은 것들을 공부 하고싶은데 어떤 순서로 공부를 해보는게 좋을까요?

react 인공지능(ai) claude

답변 2

1

짐코딩

안녕하세요! 🙂

결론부터 말씀드리면, "어떤 순서로 뭘 공부할까"보다 "내가 무엇을 만들고 싶은가"를 먼저 정의하시는 게 훨씬 중요해요.

예전에는 HTML → CSS → JavaScript → 프레임워크 순으로 차근차근 다 공부하고 나서 뭔가를 시작하는 게 일반적이었는데요, 지금은 그럴 필요 없다고 생각해요. 오히려 함정이 되기도 해요. "내가 이걸 왜 배우는지" 모르는 상태로 책 한 권을 떼고 나면, 막상 뭔가 만들려고 할 때 또 처음부터 막히거든요. 필요도 없는 지식을 과하게 공부한 시간만큼 흥미만 식어버리고요.

추천드리는 흐름은 이렇습니다.

먼저 "내가 만들고 싶은 게 뭐지?" 부터 구체적으로 정해보세요. 거창할 필요 없어요. 내 포트폴리오 사이트, 운동 기록 앱, 친구들이랑 같이 쓸 메모 도구처럼 한 가지면 충분해요. 그리고 그걸 클로드 코드와 함께 만들어가면서, 지금처럼 모르는 개념이나 키워드가 튀어나올 때마다 그 부분만 짧게 파고들면서 스터디 계획을 짜시면 돼요. HTML이 뭔지, Tailwind는 왜 쓰는지, 프론트엔드와 백엔드가 어떻게 나뉘는지 — 만들면서 맥락 위에서 자연스럽게 이해하게 돼요.

이게 강의에서 강조드린 탐색 → 계획 → 구현 워크플로우와도 그대로 연결돼요. 모르는 게 나오면 그 자리에서 탐색하고, 학습 계획을 짜고, 다시 구현으로 돌아가는 거죠. 클로드 코드한테 "나는 코딩 완전 초보인데, 이 개념 비유로 쉽게 설명해줘" 라고 부탁하시면 본인 수준에 맞춰 설명해줘요. 학습 보조 도구로도 적극 활용해보세요.

용어가 생소하다는 건 출발선에 잘 서 계시다는 신호예요. 지금처럼 의문이 생길 때마다 질문 남기시면서 진행하시면 충분합니다. 지금 잘하고 계세요 💪

감사합니다 🙂

0

이하준

감사합니다!!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 이하준님.

코딩 입문자에게는 모든 것이 새로운 세계일 수 있습니다. 클로드 코드 강의를 통해 AI 개발에 대한 기본적인 이해를 얻으셨겠지만, 코딩과 관련된 용어나 구조가 여전히 생소할 수 있습니다. 특히 웹 개발(CSS, Tailwind, HTML 등)에 대한 기초 이해가 부족한 경우, 단계적인 학습이 도움이 될 수 있습니다.

먼저, 프로그래밍과 개발의 기초를 다지기 위해 몇 가지 학습 순서를 추천드립니다.

1. 기초 웹 기술 학습

  • HTML/CSS: 웹 페이지의 구조와 스타일링을 이해하는 것이 중요합니다. 이를 통해 웹 페이지가 어떻게 구성되고 스타일링되는지 배울 수 있습니다.
  • JavaScript: HTML/CSS와 함께 웹 기술의 핵심 요소로, 인터랙티브한 웹 페이지를 만드는 데 필수적입니다.

2. 기초 프로그래밍 개념

  • 파이썬: AI와 데이터 분석에 자주 사용하는 언어입니다. 문법이 쉬워 입문자에게 적합합니다.

3. 프론트엔드 및 백엔드 기초 이해

  • 프론트엔드 프레임워크: React나 Vue.js는 웹 개발에서 인기 있는 라이브러리입니다. 프론트엔드 개발에 대한 기초 지식을 쌓을 수 있습니다.
  • 백엔드 기술: Node.js나 Django 같은 백엔드 프레임워크를 학습하면 서버와 데이터 관리를 이해할 수 있습니다.

이 과정들은 순차적으로 학습하며 전체 웹 개발의 구조와 원리를 파악하는 데 도움이 될 것입니다. 무엇보다 중요한 것은 실제로 간단한 프로젝트를 수행하며 학습한 내용을 직접 적용해보는 것입니다. 이를 통해 자신의 이해도를 높이고 직접 체험할 수 있습니다.

관련 질문에 따라 더 구체적인 정보를 원하시면 다음 링크를 추천드립니다:
- 프론트엔드 언어와 기술에 대해 배우기
- 백엔드 기본 개념 학습 및 실습

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

/docs/guide/* 가 어떻게 동작하는 지 궁금합니다.

0

11

1

plan task 사용

0

19

1

노션프로젝트 실제 구현

0

18

0

mcp.json와 .env 환경변수 주입 질문

0

21

0

"enableAllProjectMcpServers": true 추가를 실패했습니다 대안으로 아래와 같이 넣어도 될까요

0

24

1

커서에서 >install 'cursor'가 없습니다!

0

35

2

[7/1 업데이트 내역 공유] /agents 명령어 remove

0

43

1

vscode 클로드코드 에서 스크린샷 복붙(첨부)가 안됩니다.

0

29

1

한국어 설정

0

38

2

사진 복사 붙여넣기 관련 질문

0

34

2

화면구성

0

54

2

fatal: repository 'https://github.com/gymcoding/my-marketplace.git/' not found

0

54

2

live server, korean 을 검색해도 아무것도 나오지 않음

0

34

1

커서질문

0

54

1

SUPABASE에서 AOI 선택여부

0

48

2

클로드 코드 터미널 사용시 git, git 허브 활용 법

0

42

1

mcp.json파일 생성 X

0

37

2

강의 내용이 정신이없네요 ;;

0

63

2

제 컴퓨터에서는 Claude's plan이 아래와 같이 나오는데 괜찮은 건가요?

0

50

2

강의에서 사용하는 prompt

0

40

2

window 11 환경 + git bash 터미널 statusline 반영이 안됩니다 ㅠ

0

45

2

프로젝트를 커밋할때 알려주세요

0

31

1

작업결과물이 수업내용의 화면이 좀 다르네요

0

42

2

강의 도중 에러가 발생합니다.

0

39

2