수업 1회독 후 코딩과 관련된 기본공부
59
작성한 질문수 23
선생님 강의 1회독 했는데, 저는 코딩관련해서는 완전 초보이다보니 용어 자체가 전부 생소하더라구요.
뭔가 기본 원리와 구조를 파악해야 어떤 것이 저에게 필요한건지, 혹은 필요 없는 것인지 알 수 있을 것 같은데..
html, css, tailwind 등등.. 이러한 것들을 전 강의를 들으면서 처음 들어봤습니다.. 프론트엔드, 백엔드에는 어떠한 것들이 필요한지 이러한 큰 틀? 같은 것들을 공부 하고싶은데 어떤 순서로 공부를 해보는게 좋을까요?
답변 2
1
안녕하세요! 🙂
결론부터 말씀드리면, "어떤 순서로 뭘 공부할까"보다 "내가 무엇을 만들고 싶은가"를 먼저 정의하시는 게 훨씬 중요해요.
예전에는 HTML → CSS → JavaScript → 프레임워크 순으로 차근차근 다 공부하고 나서 뭔가를 시작하는 게 일반적이었는데요, 지금은 그럴 필요 없다고 생각해요. 오히려 함정이 되기도 해요. "내가 이걸 왜 배우는지" 모르는 상태로 책 한 권을 떼고 나면, 막상 뭔가 만들려고 할 때 또 처음부터 막히거든요. 필요도 없는 지식을 과하게 공부한 시간만큼 흥미만 식어버리고요.
추천드리는 흐름은 이렇습니다.
먼저 "내가 만들고 싶은 게 뭐지?" 부터 구체적으로 정해보세요. 거창할 필요 없어요. 내 포트폴리오 사이트, 운동 기록 앱, 친구들이랑 같이 쓸 메모 도구처럼 한 가지면 충분해요. 그리고 그걸 클로드 코드와 함께 만들어가면서, 지금처럼 모르는 개념이나 키워드가 튀어나올 때마다 그 부분만 짧게 파고들면서 스터디 계획을 짜시면 돼요. HTML이 뭔지, Tailwind는 왜 쓰는지, 프론트엔드와 백엔드가 어떻게 나뉘는지 — 만들면서 맥락 위에서 자연스럽게 이해하게 돼요.
이게 강의에서 강조드린 탐색 → 계획 → 구현 워크플로우와도 그대로 연결돼요. 모르는 게 나오면 그 자리에서 탐색하고, 학습 계획을 짜고, 다시 구현으로 돌아가는 거죠. 클로드 코드한테 "나는 코딩 완전 초보인데, 이 개념 비유로 쉽게 설명해줘" 라고 부탁하시면 본인 수준에 맞춰 설명해줘요. 학습 보조 도구로도 적극 활용해보세요.
용어가 생소하다는 건 출발선에 잘 서 계시다는 신호예요. 지금처럼 의문이 생길 때마다 질문 남기시면서 진행하시면 충분합니다. 지금 잘하고 계세요 💪
감사합니다 🙂
0
안녕하세요, 인프런 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





