inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

일반적인 nextjs project architecture에 대하여..

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요. 강의 잘 들었습니다. 현재 시간이 별로 없어서 typescript react nextjs 코드 구현 부분쪽은 다봤네요. 해서 제가 궁금한 것은 일반적인 nextjs project architecture 입니다. 물론 유연하게 상황에 맞춰서 하는 게 최선이겠지만 입문자이다 보니 일반적인 형태를 알고 경험을 쌓으며 해당 부분 지식을 쌓고 싶은 마음입니다. 해서 입문점으로 일반적인 nextjs project architecture에 대하여 알고싶습니다. 감사합니다.

  • react
  • typescript
  • next.js
YongIl Park 댓글 2 좋아요 0 조회수 124

async 관련해서 질문있습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?

  • javascript
  • react
  • node.js
logipick 댓글 2 좋아요 0 조회수 92

git commit custom command 질문

미해결

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

안녕하세요! 고생하십니다 강의 정말 잘 듣고 있습니다~1월 마지막주도 화이팅입니다! 1. 작업을 진행한 후 커밋 시에 강의에서 만든 /git:commit 커스텀 커맨드를 잘 활용하고 있습니다. 문제는 커스텀 커맨드 실행 시에 한 번씩 터미널이 아예 멈추는 현상이 있어요. 너무 큰 작업에 대해 commit을 맡겼을 때 이러는 건지..혹시 같은 문제를 겪어보셨다면 해결 방법이 궁금합니다! 2. oh my claudecode 혹시 사용해보셨나요! 의견이 궁금합니다~~ 3. 경력 이직을 위해 이력서를 작성중입니다. AI agent 활용에 대한 언급을 하고 싶은데, 어떤 부분을 강조해야할지 조금 막막하네요. 회사 바이 회사이지만 AI에 대해 어떤 소양을 요구하는지 알고계신게 있으시면 조언 부탁드립니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
깅우 댓글 1 좋아요 0 조회수 97

063강 todos 상태 정의 위치 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

todos는 list 컴포넌트에서 정의하는게 좋지 않나요? todos 변화는 list에서만 관리하면 되잖아요.

  • javascript
  • react
  • node.js
김김 댓글 3 좋아요 0 조회수 67

원시 데이터 할당 방식

미해결

프론트엔드 마스터클래스

안녕하세요, 강의 잘 듣고 있습니다! 1강의 14. 힙과 스택의 비교 강의 중 궁금한 점이 생겨 문의 드렸습니다. 자바 스크립트는 컴파일 타임에 변수명을 저장하고, 런타임에 코드 순서대로 값을 할당한다고 알고 있습니다. 그렇다면 자바스크립트에서는 할당이 런타임에서 이루어지고 그에 따라 원시데이터의 크기도 런타임 시점에서 정해지는 것 아닌가요?

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
이민재 댓글 2 좋아요 0 조회수 103

sub-agent, skill, custom-command 를 선택하는 기준이 궁금합니다.

미해결

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

안녕하세요. 저는 5년차 프론트앤드 개발자입니다. 먼저 강의 너무 유익하게 잘 보고 있습니다. 😁 수업에서 진행하는 토이 프로젝트 외에도 별도도 업무에 적용하고자 하는 부분이 있어서 질문을 드려봅니다. 현재 작은 규모로 이미 개발이 완료된 프로젝트가 있으며, 향후 새로운 기능을 개발할 때 PRD, 정책정의서, 개발 실행계획서를 작성하고, 해당 문서를 바탕으로 백앤드와 프론트 개발을 진행, 리뷰 후에 배포까지의 전 과정을 claude를 이용해서 반자동화 하는게 목적입니다. (일정 부분은 사람이 개입) 이 과정에서 수많은 작업들이 있을텐데 각각의 작업들을 어떤 방식을 통해서 진행해야 할지 고민입니다. (sub-agent vs skill vs custom-command) 자연어로 기능 요구사항을 받아 PRD, 정책정의서 작성: (agent vs skill) PRD와 정책정의서를 바탕으로 로드맵 및 실행계획서 작성: (agent vs skill) 실행계획서를 바탕으로 이슈 생성하여 등록: (agent vs skill) + mcp 현재 변경사항을 분석하여, 같은 작업을 분류 및 커밋: (skill vs command) 위와 같은 사례들이 있을 때, 강사님의 경우 어떤 명확한 기준을 통해 '무엇'을 사용해야 겠다고 판단하시는지 궁금합니다. 강의를 보면 대략적으로는 알 것 같은데... 저 스스로에게 그것을 선택한 명확한 이유와 설명을 하지못하고 있네요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
withkey 댓글 1 좋아요 0 조회수 312

filter() 사용 시 초보자 실수

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

filter안에 콜백 함수는 반드시 true/false를 리턴해야함 만약 콜백 함수를 {}중괄호를 사용하였는데 return을 안붙이면 undefined을 반환 undefined은 falsy한 값으로 판정하여 filter로 값을 담지 못하게됨 따라서 항상 빈배열 {}중괄호를 사용했다면 return을 명시 return을 사용 안 할 시 {}중괄호 제거 -> 자동return

  • javascript
  • react
  • node.js
박경민 댓글 2 좋아요 1 조회수 88

28. 데이터 무효화하기 부분에서 질문

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

constants.ts에 쿼리키값 관련한 부분을 상수로 빼고, import하여 사용하는 방법을 배웠습니다! 여기서 질문이 export const QUERY_KEYS = { todo: { all: ["todo"], list: ["todo", "list"], detail: (id: string) => ["todo", "detail", id], }, }; 상수명만 대문자로 쓰고 내부 객체는 소문자로 사용하는게 맞는건가요?? 어떤 것이 관례인지 궁금합니다

  • react
  • typescript
  • react-query
  • supabase
  • zustand
귀한 불도새 댓글 2 좋아요 0 조회수 97

52강 ref={inputRef} 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

제출할때 문제가 되는 입력창으로 포커스를 보내는 로직에서 입력창이 10개면 inputRef 같은 레퍼런스 객체를 10개 만들어서 입력창마다 ref={inputRef} 같은 코드를 추가하는건가요?

  • javascript
  • react
  • node.js
김김 댓글 2 좋아요 0 조회수 54

[데스크탑 앱]도 있는데.. 뭘 사용해야하나요?

미해결

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

강의에서는 ide(커서)로 설명하는데, 데스트탑 앱을 깔았더니 이런게 나오는데, 아무거나 쓰면 되나요? 무슨 차이가 있는지 궁금합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
nomonomo 댓글 2 좋아요 0 조회수 150

안녕하세요 수업자료 문의 드립니다.

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

안녕하세요? 수업 잘 듣고 있습니다 혹시 소스 코드랑 수업해주시는 ppt 파일 공유 해주실수 있으신지해서 문의 드립니다.. cursor 결제를 해도 토큰이 한정적이다보니 강의 진도가 안나갑니다 ㅠ..

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
bj jung 댓글 3 좋아요 1 조회수 132

"option+enter"로 줄바꿈이 되고, "shift+enter"는 안되요..

미해결

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

"option+enter"로 줄바꿈이 되고, "shift+enter"는 안되요.. 불편해요.ㅜ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
nomonomo 댓글 3 좋아요 0 조회수 322

미션4 수행중인데 init 은 언제 하는건가요?

미해결

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

zip 파일 다운로드 받아서 압축 푼다음 커서에서 폴더 오픈 했는데 탐색기에 CLAUDE.md 파일은 안보이지만 바로 가이드 대로 프롬프트 입력했는데 뭔가 바뀌긴 하네요. init 를 어느시점에 해야하고 init 이 무슨역활을 하는건지 잘모르겠어요..

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
dev.hellolab 댓글 2 좋아요 0 조회수 127

17강 상품 목록 페이지 데이터 호출 api 안

미해결

AI와 함께 배우는 Next.js

17강 따라하고 실습하는 과정에서 참조되는 api가 접속이 안됩니다. 대체 api나 실습 방법을 알려주시면 감사하겠습니다. https://app-router-api-five.vercel.app/api/products

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
민태홍 댓글 3 좋아요 0 조회수 112

Plan에서 최신문서 확인

미해결

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

안녕하세요. 강사님. 이번에 plan시에 참고 링크를 직접 context로 넣어줬는데, 이전에 추가한 context7 mcp를 사용해도 되는건가요? context7 mcp 는 개발 단계에서 사용되나요? context7는 언제 사용하는지, 사용한다면 어떻게 사용할 수 있는지, 둘이 무슨 차이가 있는지 알려주시면 감사하겠습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
아리아리알라숑 댓글 2 좋아요 0 조회수 124

statusline을 실행했는데 그냥 소스를 변경합니다

미해결

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

statusline을 실행했는데 그냥 소스를 변경합니다 또 .claude폴더 안에 setting.json 파일을 만들지 않습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
wechi 댓글 2 좋아요 0 조회수 133

이제 막 시작하는 사람이 가질 법한 질문입니다.

미해결

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

안녕하세요, 개발에 대해서 전혀 모르는 1인입니다. 바이브코딩을 배워보고 싶어서 열심히 따라하고 있는데, 본질적으로 문제점이 있어서 고견을 구하고자 질문드립니다. 강의에서 말해주신대로 플랜모드로 프로젝트의 기획, 아키텍트 등을 자세하게 요청했을 때 잘 모르는 사람 입장에서 그럴법하게 제시를 해줍니다. 문제는 이 기획이 제대로 된 건지, 아닌지 전혀 판단할 수가 없습니다. 초보자 입장에서 개발도 모르고 제대로 된 프로그램도 만들어보지 않았기 때문에 당연하다고 생각합니다. 시간이 지나면 당연히 개발에 대한 지식이 생기고, 프로젝트를 실패하고 성공하는 걸 반복하면서 실력이 늘겠지만 시행착오를 조금이라도 줄이고 싶습니다. 그래서 여러 AI한테 기획에 대한 피드백을 요청해서 그걸 토대로 판단하는 게 가장 괜찮을 것 같은데, 이 때 뭐라고 AI한테 지시해야 할 지가 궁금합니다. 이것도 AI 통해서 물어보면 되겠지만, 전문가로서 괜찮은 내용이나 정보가 있다면 알려주시면 정말 감사하겠습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
앤기브마케팅 댓글 1 좋아요 1 조회수 117

미션18

해결됨

React 마스터 클래스: Part 2 - 미션으로 완성하는 고성능 훅과 실전 아키텍처

미션 18에 아무내용이없습니다 + 43강 첫장오타있습니다

  • react
훈씨 댓글 2 좋아요 0 조회수 80

클로드 코드 커스텀 커맨드 관련 질문 드립니다!

미해결

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

안녕하세요. 짐코딩님의 클로드 코드 강의를 따라하면서 Supabase 이전 강의까지 들으면서 생긴 질문에 대해서 질문하고자 합니다. 커스텀 커맨드의 git 커맨드에 branch, commit, merge, pr 관련 커스텀 커맨드를 구분해 놓으셨습니다. 하지만 지금까지 강의를 진행하면서 commit만 활용하시고 나머지 3가지 커맨드에 대해서는 사용하는 것을 보지 못했습니다. 이를 분리해놓은 이유와 어떻게 사용하는 지에 대해서 알고싶습니다. (예시 프롬프트 등의 정보를 주셔도 됩니다!) 또한 ROADMAP을 업데이트 한 뒤 컨텍스트 관리를 위해서 PRD 역시 업데이트 해주면 좋다고 하셨었습니다. 하지만 강의에서는 PRD 업데이트를 진행하지 않고 계속 진행을 했었는데요. ROADMAP은 버전 관리를 진행하셨는데 PRD는 버전 관리를 하지 않고 하나로 업데이트 하거나 관리하는 이유가 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 1 좋아요 0 조회수 116

인기 태그

인프런 TOP Writers

주간 인기글