inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

슬라이드 오타

미해결

코딩 없이 완성하는 AI 에이전트 마스터 (전 4부작) ①/④ 입문: 개념·구조·동작 원리

노트북LM으로 생성된 슬라이드 같은데 너무 한글 오타가 많네요 수정이 필요할 듯 합니다.

  • react
  • 인공지능(ai)
  • llm
  • openai-api
  • ai-agent
jisoko74 댓글 0 좋아요 0 조회수 8

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

미해결

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

질문1. 전체적인 교육내용이 웹개발과 관련된 내용으로 확인됩니다. 저 같은 경우에 업무효율화를 위해서, 별도 프로그램 툴을 만들거나, 스킬을 하나 만들어서 업무를 자동화 혹은 분석하는걸 주로 이용하고있습니다. 혹시 해당 내용으로 개발시에도, 여기 교육과 같은 프로세스를 따라 개발하면 되나요? 제가 교육내용을 본 프로세스로는, PRD 문서 생성->ROADMAP생성->PLAN 및 구현->검증->디버깅 내용으로 확인됩니다. 질문2. 개발내용은 처음에 STARTERKIT을 활용해서 확대적용하는걸로 확인됩니다. 최초 개발시에 어떻게 개발을 시작하면되나요? 프로그램을 최초로 만들거나, 업무효율화를 위한 하나의 코드를 만든다고 하였을 때, 멘땅에 해딩할 경우, 프로젝트를 초기화할 때, 따로 초기화할 내용이 마땅치 않아 보입니다. 질문3. 말씀드린것과 같이 업무효율화를 위한 코드나 프로그램을 만들 때, CLAUD.MD파일에는 기술스텍이나 가이드 같은게 어떤걸 활용하면 좋을지 문의드립니다.

  • react
  • 인공지능(ai)
  • claude
박영남 댓글 1 좋아요 1 조회수 27

챌린지 시작일 문의

미해결

[저자직강] 클로드 코드 제대로 시작하기

챌린지 시작일이 26.9.12 오전 12:00이던데... 오후 12:00(점심때)를 잘못 쓴건 아니죠? 오전 12:00이면, 0시를 말하는것 같은데.. 9월 11일에서 12일로 넘어가는 밤 12시를 말하는 거죠?

  • javascript
  • react
  • python
  • java
  • 업무-생산성
  • 인공지능(ai)
이광재 댓글 0 좋아요 0 조회수 23

줄바꿈 시 \ 필수인가요?

미해결

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

클로드 코드에 프롬프트 여러줄 입력할 때 alt + enter로 그냥 줄바꿈하는 것과 강의에서 하시는 것처럼 \를 넣어주는 것에 차이가 있을까요?

  • react
  • 인공지능(ai)
  • claude
jschun 댓글 2 좋아요 0 조회수 31

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

미해결

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

최신 클로드코드 강의가 추가 되었나요? 2605 이후에는 없는것 같은데요.. ECC 기능도 추가된것 같은데... 신기능들을 추가해주세요. 감사합니다.

  • react
  • 인공지능(ai)
  • claude
혁민 나 댓글 2 좋아요 0 조회수 26

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

미해결

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

안녕하세요. 회사 교육비 지원으로 해당 교육을 받고자 합니다. 회사에 교육 커리큘럼, 기타 교육 소개 자료를 첨부해야하는데 관련해서 문서화된게 있다면 공유 부탁드립니다. 메일 주소 남깁니다. kdhz0738@hanmail.net 감사합니다.

  • react
  • 인공지능(ai)
  • claude
East Sea 댓글 1 좋아요 0 조회수 24

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

next-themes 문서를 읽어보고 다른 분들 사용방법을 읽어봤는데, 따로 NextThemeProvier를 생성하지 않고 next-themes의 ThemeProvider를 layout.tsx에 바로 적용하는데 강의에서는 따로 provider를 생성해서 적용하고 있습니다. 혹시 유지보수를 좀 더 원활하게 하기 위함일까요?

  • javascript
  • react
  • typescript
  • next.js
  • jwt
dbdnjstkd369 댓글 1 좋아요 0 조회수 15

mission 09-01 을 수행할 수 없어요

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

post를 렌더링 하려고 코드 작성을 다 했는데 에러가 뜨길래 잘못된 코드는 없나 다 확인을 해도 별 다른 이상한점이 없어서 직접 localhost:4000/posts로 접근해보니 아예 데이터가 안넘어오고 있어요 확인해주시면 감사하겠습니다.

  • javascript
  • react
  • typescript
  • next.js
  • jwt
5647kr 댓글 1 좋아요 0 조회수 26

Schematic GND-> PCB 1v8

미해결

PCB HW설계 실무 : STM32를 활용한 Mixed-signal 보드 설계 프로젝트

PCB layout에서 parts를 불러올 때, GND가 1V8로 표기 됩니다. 위 처럼 diode andoe 쪽이 gnd로 물려있지만 pcb 상에서 1v8로 잡히는데 어떻게 해결해야할지 모르겠습니다. *시도해본것 update pcb from schematic (F8) --> 바뀌지 않음 schematic ERC error check --> 3v3 1v8 gnd가 서로 short 된다거나 하는 문제는 발생하지 않음 GND 파츠 클릭후 Backtic(`)눌러서 net highlight 해보면 3v3과 gnd가 함께 하이라이트 되는데 이게 원인이지 않을까 싶은데.. 어떻게 해야할지 모르겠습니다. 추가적으로 PCB로 불러왔을 때, net list 를 보면 GND가 하나도 잡히지 않습니다. 1v8이 비정상적으로 많이 잡히는 것으로 보아 gnd-> 1v8로 모두 인식되는 것 같습니다.

  • MCU
  • stm32
  • hardware
  • artwork
  • kicad
  • orcad
CWW 댓글 3 좋아요 0 조회수 29

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

미해결

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

.claude\output-styles 라고 폴더가 생성되는거 보니 먼가 문제가 발생한거 같습니다. 맨처음에는 bucket-list-main루트파일에서 같이해보다가 루트파일이 잘못된거같아 새롭게 claude-code-mastery파일로 열어서 진행하고 있는데 폴더명이 저렇게 표출됩니다. 강의내용처럼 beginner.md를 작성하고 /config outputStyle을 입력해도 beginner가 표출되지않고있습니다.

  • react
  • 인공지능(ai)
  • claude
개발하는원숭이 댓글 3 좋아요 0 조회수 28

검은화면

미해결

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

소리만 나와요. 비슷한 상황이 많은 것 같은데 확인해주실 수 있나요? 사파리, 크롬 모두 영상 안열립니다.

  • react
  • 인공지능(ai)
  • claude
sungkwang.kim 댓글 3 좋아요 0 조회수 31

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

미해결

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

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

  • react
  • 인공지능(ai)
  • claude
유혜현 댓글 2 좋아요 0 조회수 30

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

미해결

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

영상 4번 / 26번강의 재생오류로 재생이 안되요.... 다른강의는 나오는데 어제부터 계속 오류에요!! 확인 좀 해주세요!! ㅠㅠㅠㅠㅠㅠ

  • react
  • 인공지능(ai)
  • claude
유혜현 댓글 2 좋아요 0 조회수 26

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

미해결

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

안녕하세요. 현재 클로드 채팅을 사용해서 법률 구조 검토, 문서 생성 등 업무와 관련된 작업을 하고 있습니다. 뭔가 채팅으로 하기엔 한계가 있는 것 같고 , 본격적으로 저희 업무 관련한 툴들을 계속 만들려고 해서 cowork 나 클로드 코드를 사용하려고 합니다. 프로젝트를 생성해서 지침 및 파일들을 넣고 계속해서 작업하고 있는데요, 이대로 cowork나 코드로 넘어가서 작업해도 괜찮을까요? 아니면 이러한 단순 문서 생성 같은 경우 클로드 채팅으로 계속해도 되는 걸까요? 그리고 혹시 모델은 어떤걸로 하면 좋을까요?

  • react
  • 인공지능(ai)
  • claude
김영훈 댓글 2 좋아요 0 조회수 41

LD1117 전원부 Power Dissipation

해결됨

PCB HW설계 실무 : STM32를 활용한 Mixed-signal 보드 설계 프로젝트

안녕하세요. LD1117 전원부를 복습하면서 Power Dissipation을 계산해보다가 궁금한 점이 생겨 질문드립니다. 회로상 입력은 12V이고 3.3V Rail의 Power Budget은 최대 475mA로 정리되어 있어, LD1117S33CTR에서 PD​=(12−3.3)×0.475≈4.13W로 계산했습니다. Datasheet의 SOT-223 RθJA​=110∘C/W, Junction Temperature 상한 125°C를 기준으로 보면 열적 여유가 매우 부족해 보였습니다. 그런데 해당 회로가 교육용 예제이긴 해도 실제 현업 설계를 기반으로 한 것으로 알고 있어, 제가 놓친 전제가 있는지 궁금합니다. 예를 들어 475mA가 실제 동시 최대부하가 아니라 단순 Power Budget 합산값인지, PCB copper area나 별도 방열조건을 전제로 한 것인지, 혹은 실제 구현에서는 앞단 DC-DC Converter 등을 사용하는 구조인지 알고 싶습니다. 또한 이 경우 12V→3.3V를 LD1117 하나로 직접 강하하는 설계가 실제로 적절한지, 아니라면 보통 어떤 방식으로 전원 구조를 구성하는지도 궁금합니다.

  • MCU
  • stm32
  • hardware
  • artwork
  • kicad
  • orcad
김지연 댓글 2 좋아요 0 조회수 38

Context API vs Zustand 그리고 Auth

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

안녕하세요. Context API의 대안으로 Zustand를 사용할 때의 장점과 함께, Zustand가 반드시 Context API를 대체하는 것이 아니라 상태의 특성에 따라 전략적으로 선택해야 한다고 설명해주셨습니다. 예를 들어 다크 모드나 다국어 설정처럼 변경 빈도가 낮으면서 여러 컴포넌트에서 공유해야 하는 상태의 경우 Context API도 충분히 적합할 수 있다고 이해했습니다. 제가 이해한 바로는 Context API가 적합한 경우를 크게 다음과 같이 생각해볼 수 있을 것 같습니다. 특정 컴포넌트와 그 하위 컴포넌트에서만 공유해야 하는 상태 Provider의 범위를 해당 컴포넌트 트리로 제한하여 사용하는 경우 애플리케이션 전역에서 공유하지만 변경 빈도가 낮은 상태 다크 모드 다국어 설정 전역 configuration 등 반면, 전역에서 사용하면서 변경이 빈번하거나 여러 상태를 세분화하여 구독해야 하는 경우에는 Zustand와 같은 외부 상태 관리 라이브러리가 더 적합할 수 있다고 이해했습니다. 1. Context API에 대한 제 이해가 맞을까요? Context API와 Zustand를 선택할 때 단순히 Local vs Global만으로 구분하기보다는, 상태의 변경 빈도 해당 상태를 구독하는 컴포넌트의 범위 상태 변경으로 인한 리렌더링의 영향 등을 함께 고려해야 한다고 이해했는데, 이 방향이 맞는지 궁금합니다. 혹시 이 외에도 Context API와 Zustand를 선택할 때 중요하게 봐야 하는 기준이 있을까요? 2. 그렇다면 Auth 상태는 어디에서 관리하는 것이 좋을까요? Auth의 경우에는 실무, 프로젝트 작업을 할 때 상태 관리를 어떻게 해야할지 판단이 어렵고 로직을 짜는데 항상 이게 맞나? 괜찮나? 라는 고민을 가졌습니다. 예를 들어 서버에서 현재 로그인한 사용자 정보를 받아온다고 했을 때 다음과 같은 방법들을 생각해볼 수 있을 것 같습니다. TanStack Query로 auth/user 데이터를 가져오고 Query Cache 자체를 상태로 활용 TanStack Query로 데이터를 가져온 뒤 Context API를 통해 공유 TanStack Query로 데이터를 가져온 뒤 Zustand Store에 저장하여 사용 여기서 궁금한 점은 서버에서 가져온 auth/user 정보가 본질적으로 server state라면 TanStack Query의 cache를 그대로 single source of truth로 사용하는 것이 더 적절한지, 아니면 Context나 Zustand에 별도로 저장하여 client state로 관리하는 것이 적절한 경우도 있는지입니다. 특히 TanStack Query에서 가져온 데이터를 다시 Context나 Zustand에 저장하면 동일한 데이터가 두 곳에 존재하게 되는데, 이런 형태는 가급적 피해야 하는지도 궁금합니다. 3. React / Next.js와 인증 방식에 따라 기준이 어떻게 달라질까요? Auth 상태 관리는 프레임워크와 인증 방식에 따라서도 달라질 것 같습니다. 예를 들어 다음 네 가지 경우를 생각해봤습니다. React + 클라이언트에서 JWT 관리 React + 서버 Session 기반 인증 Next.js + 클라이언트에서 JWT 관리 Next.js + 서버 Session 기반 인증 각각의 경우에 인증의 source of truth를 어디에 두고, Context API / Zustand / TanStack Query 중 어떤 역할을 맡기는 것이 적절한지 궁금합니다. 단순히 “Auth는 Context”, “전역 상태는 Zustand”처럼 정해진 기준보다는, 인증 정보의 source of truth가 어디에 있는지, server state와 client state 중 어디에 해당하는지, 그리고 해당 상태를 어떤 범위에서 소비하고 변경하는지 를 기준으로 판단해야 할 것 같은데, 이 관점이 맞는지도 궁금합니다. 4. Route 접근 제한은 어느 계층에서 처리하는 것이 적절할까요? Auth 상태 관리와 함께 궁금한 부분이 인증 여부에 따른 route 접근 제한입니다. 예를 들어 로그인한 사용자만 /dashboard , /mypage 등에 접근할 수 있도록 제한한다고 했을 때, React와 Next.js에서는 접근 방식이 다를 수 있다고 생각했습니다. React + React Router v7 React SPA에서는 서버가 아닌 클라이언트에서 routing이 이루어지기 때문에 다음과 같은 방법들을 생각해볼 수 있을 것 같습니다. Context/Zustand의 auth 상태를 확인한 뒤 컴포넌트에서 redirect React Router의 loader에서 인증 상태를 확인하고 redirect 서버 API 요청 시에도 별도로 인증/인가 검증 이 경우 UI 레벨에서의 route protection과 실제 보안을 위한 서버의 인증/인가를 어떻게 구분해야 하는지 궁금합니다. 또한 Context나 Zustand의 isAuthenticated 같은 client state를 기준으로 route 접근을 제한하는 것이 적절한지, 아니면 서버의 session/token 검증 결과를 기준으로 접근 여부를 판단하는 것이 더 적절한지도 궁금합니다. Next.js Next.js에서는 React SPA와 달리 서버에서 인증 정보를 확인할 수 있기 때문에, Server Component에서 session/cookie를 확인 Middleware 또는 Proxy를 통한 route 단위의 사전 처리 Client Component에서 Context/Zustand의 auth 상태를 확인하고 redirect 실제 Server Action/API에서도 인증 및 권한 검증 등 여러 계층에서 접근 제한을 처리할 수 있다고 알고 있습니다. 이때 궁금한 점은 어느 계층에서 route 접근을 제한하는 것이 가장 적절한지, 그리고 각각의 역할을 어떻게 구분해야 하는지입니다. 예를 들어, “로그인하지 않은 사용자에게 페이지 자체를 보여주지 않는 것”과 “해당 사용자가 실제 데이터나 API에 접근하지 못하도록 보안을 적용하는 것”은 별개의 문제로 보고 각각 처리해야 하는지 궁금합니다. 결국 route protection 역시 Context API / Zustand 중 무엇을 사용하느냐보다, 인증의 Source of Truth가 어디에 있는지 → 어느 시점에 인증 여부를 확인할 수 있는지 → UI 접근 제어와 실제 서버의 인증/인가를 어느 계층에서 담당할 것인지 를 먼저 결정하는 것이 맞는지도 궁금합니다. 추가적으로 실무 관점에서의 예시도 궁금합니다. 가능하시다면 위 질문들에 대해 개념적인 기준뿐만 아니라, 강사님께서 실제 프로젝트를 설계하신다면 각각 어떤 방식을 선택하실지도 궁금합니다. 뿐만 아니라 실무에서 일반적으로 많이 사용하는 패턴이 있는지, 또는 정해진 표준이 없다면 강사님의 실무 경험에서는 어떤 구조를 주로 선택하셨고, 그렇게 선택하신 이유가 무엇인지도 함께 설명해주시면 정말 도움이 될 것 같습니다. 가능하다면 단순한 개념 설명뿐만 아니라 간단한 프로젝트 구조나 코드 예시도 함께 보고 싶습니다.

  • javascript
  • react
  • typescript
  • frontend
  • zustand
Coi 댓글 2 좋아요 0 조회수 38

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

미해결

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

안녕하세요 클로드 코드 ai 를 학습하고 있는 학생입니다. 근데 처음에는 힘들어도 어찌저찌 따라하겠는데 후반으로 갈수록 이것저것 영상과는 완전 다른 결과물들이 만들어지고 있어서 혼란스럽습니다. 특히 ai 에 응답 속도나, 결과물 추출 내용 이 달라 강의 중간중간에 알려주시는 내용들을 이해하기가 어렵습니다.

  • react
  • 인공지능(ai)
  • claude
동우TV 댓글 2 좋아요 0 조회수 60

커서에서 붙여넣기

미해결

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

안녕하세요 커서에서 붙여넣기하면 전체내용이 안보이고 이렇게 축약되서 나옵니다 왜그런건가요?

  • react
  • 인공지능(ai)
  • claude
:) 댓글 2 좋아요 0 조회수 41

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

미해결

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

안녕하세요 수업 잘 듣고있습니다. 작업사항 을 깃에 커밋하는거는 이해가 정말잘 되는데요 전에 1번폴더 내용을 깃에 커밋하고 브랜치들을 만들어 둿는데요 새로운 프로젝트를 진행하려고 2번폴더를 만들고 커밋 및 브랜치를 만드려고하니 2번경로로 커서를 실행했음에도 1번의 내용이 들어있는데 이거 원래 구분없이 저장되는건가요?

  • react
  • 인공지능(ai)
  • claude
YB 댓글 2 좋아요 0 조회수 29

인기 태그

인프런 TOP Writers

주간 인기글