inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

88

이하준

작성한 질문수 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 같은 백엔드 프레임워크를 학습하면 서버와 데이터 관리를 이해할 수 있습니다.

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

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

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

강의 화면이랑 조금 달라 문의드립니다.

1

6

1

서브에이전트 활용 질문입니다.

0

12

2

plan mode를 진행하는것에 있어서

0

12

1

클로드 코드 설치 관련

0

16

1

스타터킷 중요도에 대한 질문입니다.

0

18

1

전체적인 개발에 대해 문의드립니다.

1

44

1

줄바꿈 시 \ 필수인가요?

0

52

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

52

2

커리큘럼 문서 제공받을 수 있을까요?

0

46

1

outputStyle 설정하는데 어디서 문제일까요?

0

33

3

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

24

2

검은화면

0

33

3

강의교환링크안열려요.....

0

35

2

영상재생에러 [확인부탁드려요!!!]

0

27

2

클로드 채팅에서 코드로 넘어가기

0

42

2

110강부터 따라가기가 힘듭니다...

0

66

2

커서에서 붙여넣기

0

43

2

깃허브 사용시 폴더경로 관련질문

0

29

2

/output-style 명령어는 폐기 되었다고 나오네요.

0

41

2

프롬프트 작성시 html, css, javascript

0

39

2

Cursor 창이 수업 내용과 달라요.

0

49

3

Supabase MCP 관련 질문입니다

0

52

2

클로드 로그인 후 승인창이 안떠요

0

39

1

61강 claude.local.md 변경사항 관련 질문

0

45

3