probs(props)도 맞는 표현인가요?
미해결
리액트 기초 (Introduction to React)
제가 알기로는 props 로 알고있는데 강의에서 강사님이 props를 계속 probs 로 사용하셔서 헷갈립니다. probs 도 쓰이는 표현인가요?
- react
- react-router
- hook
정보미
댓글 1
좋아요 0
조회수 129
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
강의교안, 내용 인용해서 블로그 글 작성
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
해당강의의 교안 내용과 강의를 보며 이해한 부분을 블로그에 정리해서 글을 써도 되는지 궁금합니다!
- react
- React-Context
- react-router
- tailwindcss
- react-query
seungheon lee
댓글 2
좋아요 1
조회수 105
로그인구현
미해결
스프링 부트와 리액트로 구현하는 보안 JWT 로그인
로그인구현 직접하는줄 알고 결재했는데 직접구현하는 강의가 없는건지 제가 못찾은건지 바로 서버 생성하고 배포하는걸 보여주시는데 직접구현하는거는 어디서봐야할까요? 다른강의일까요?
- react
- java
- aws
- spring-boot
- spring-security
다람쥐
댓글 2
좋아요 1
조회수 144
한 섹션 내 token 사용량에 대한 질문
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 pro price 사용중입니다. 이번 과제를 진행하면서 초기화없이 한 섹션?(이 단위를 부르는 명칭을 잘 모르겠네요)에서 진행을 했는데, 약 5~6번의 수정을 거치니 토큰 사용량(current session)이 한도에 도달해버리네요. 미션 템플릿에 따라 처음 plan 요청 후에는, accept edit 모드로 간단하다고 생각되는 수정 사항을 요청했습니다. 수정 내용으로는 1. 블랙+옐로우의 어두운 컬러감 말고 main, secondary 컬러 다시 정해서 밝은 테마, 다채로운 컬러 사용해서 수정해줘 2. 경력 섹션에 카드 형식말고 아코디언 형식의 타임라인 형태로 수정해줘 이런 식으로 두가지 정도씩해서 4~5번 수정사항을 요청했습니다. 매 수정 때마다 거의 10분을 잡아먹드라구요 중간에 clear가 없었던 탓일까요? 토큰 사용 속도가 너무 빠른데. 만약 그렇다면 clear를 중간 중간에 해주면 사용량이 줄어들까요?
- react
- next.js
- cursor
- tailwindcss
- claude
깅우
댓글 1
좋아요 0
조회수 310
1-7 hooks 강의에서 질문 있습니다.
해결됨
The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법
환경 OS: Window 10.0.19045.6466 - WLS 2.6.2.0 - Ubuntu 24.04 Ide: Cursor node : v25.2.1 claude code : v2.0.62 안녕하세요. 1-7 강의 중 질문 사항이 있어서 글 작성 하였습니다. 첫번째 질문은 사소한 것인데 강의에서는 claude --debug 사용 시 claude chat과 동일한 terminal 창에서 debug log가 나타납니다. 근데 제가 위 명령어를 통해 claude를 실행 한 경우에는 별도의 txt 파일을 생성하여 해당 파일에서 로그를 별도로 확인 해야 됩니다. 제가 실습하는 환경에서는 강의 처럼 디버깅 로그를 확인하는 것이 가능할까요? 관련 내용을 gpt나 antropic 공식자료 등을 확인해 보았으나 따로 공식적인 문서는 없는 것 같습니다. 두번째 질문은 dispatcher 훅 패턴 질문입니다. 현상을 먼저 말하자면 SessionStart hook을 명시 할 때는 PreToolUse hook 도 실행 되는데 SessionStart hook을 명시하지 않으면 PreToolUse hook도 실행 되지 않습니다. 강의자료에는 다른 hook 없이 PreToolUse hook만 settings.json에 입력 하도록 되어있었는데 실제로 .env파일을 읽어와서 로깅을 보았을 때 PreToolUse로 찾기를 했을 때 존재하지 않았고 SessionStart hook을 명시할 때는 PreToolUse로 찾기를 했을 때 존재하였습니다. { "hooks": { "SessionStart": [ { "hooks": [ { "type": "command", "command": "echo '✅ 의존성 설치 완료'", "timeout": 300 } ] } ], "PreToolUse": [ { "matcher": "*", "hooks": [ { "type": "command", "command": "node .claude/hooks/dispatcher.js" } ] } ] } } PreToolUse 가 작동함 { "hooks": { "PreToolUse": [ { "matcher": "*", "hooks": [ { "type": "command", "command": "node .claude/hooks/dispatcher.js" } ] } ] } } PreToolUse 가 작동하지 않음 질문글 길이가 제한이 있어서 디버깅 로그는 gpt에서 차이를 대조한 결과 사진으로 첨부합니다. 문제해결은 되었으나 왜 SessionStart를 명시하지 않으면 PreToolUse hook을 찾지 못하는 원인이 무엇인지 의문이 들어서 질문 드립니다.
- spring-boot
- next.js
- 인공지능(ai)
- ai-활용-(ax)
- claude
KwangHoon Han
댓글 3
좋아요 0
조회수 161
나름 중요하다고 생각하는 강의에 대한 궁금점 질문 드려요~
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
이정환 쌤 강의는 무조건 다 듣는 프론트 개발자 학생입니다. 근데, 궁금한점이 있어 질문드려요. 리액트 강의부터 하시고, 그다음 Next.js 강의 하시고, 다시 리액트로 이번에 강의를 하시는데, 저는 이정환 쌤 Next.js 강의를 듣고 난 후에는 리액트로는 개발을 안하고 Next.js로만 개발했거든요. 다시 리액트로 돌아간 이유에 대해 궁금해서 질문드립니다. Next.js 말고 리액트를 선택한 이유가 있을까요? Next.js에 어떤 이슈가 있는걸까요?
- react
- typescript
- react-query
- supabase
- zustand
Ethan
댓글 2
좋아요 1
조회수 161
JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
// && 사용 - "로그인했으면 보여줘" {isLoggedIn && <Profile />} // || 사용 - "로그인 안했으면 보여줘" {!isLoggedIn || <Profile />} 리액트에서 조건부 렌더링할 때 &&, ||를 씁니다. 이게 자바스크립트의 논리 연산자인 &&, ||와 같은건가요?
- javascript
- react
Sec
댓글 2
좋아요 0
조회수 124
진도표 질문
해결됨
한입 챌린지 7기 - Next.js
안녕하세요. 기입된 진도표에 따라 강의를 들으려고 하는데, 실제 Next.js 커리큘럼과 진도표에 표기된 해당 강의랑 맞지 않아 헷갈립니다 ..! 섹션 몇으로 적어둔 것은 무시하고 해당되는 내용 찾아서 들으면 되는건가요 ?
- next.js
yanna
댓글 1
좋아요 0
조회수 87
백엔드 prisma 연결
미해결
한 입 크기로 잘라먹는 Next.js
백엔드서버 세팅할때 prisma db push 무한로딩걸립니다. 경로 패스워드 제대로 입력했는데, 오류가 뜨지도않고 성공을 하지도 않고 무한정 대기하고있습니다..
- react
- typescript
- next.js
- 카카오공채-개발
Lerna
댓글 2
좋아요 0
조회수 122
vite를 꼭 써야하나요
미해결
(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
누나 저는 인텔리제이 리액트 프로젝트로 만드는데 거기서는 vite 안 쓰고도 npm start 하니까 만들어집니다. vite 를 쓰는 이유가 뭔가요
- react
- redux
- web-api
luckygoldsta
댓글 1
좋아요 0
조회수 99
API 주소
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
하이브리드앱 api는 어디서 볼 수 있나요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
최수빈
댓글 1
좋아요 0
조회수 115
로컬스토리지 에러
미해결
만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링
3(index):1 Uncaught (in promise) Error: Access to storage is not allowed from this context. 이렇게 뜨는데요. 또 로컬 스토리지 보면 들어가긴 하거든요? 왜그럴까요
- javascript
- react
- 리팩터링
김성관
댓글 1
좋아요 0
조회수 144
/clear 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
/clear 를 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요? 예를 들어, “ CLAUDE.md 파일을 참고해서 다음 단계(결제 기능)을 만들어줘”라고 요청하시는 편인지 궁금합니다!
- react
- next.js
- cursor
- tailwindcss
- claude
soPP
댓글 1
좋아요 0
조회수 448
"[UPDATED] 클로드 코드 초기 설정" 문의
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 코드 계정 연결하기 시도시, 클로드 코드 웹사이트에서 아래와 같은 문구가 뜨네요. 클로드 코드에 계정을 연결하려면 최소 claude pro 유료 구독을 해야 할까요? Claude Code에 연결하려면 Claude Max 또는 Pro가 필요합니다
- react
- next.js
- cursor
- tailwindcss
- claude
댓글 2
좋아요 0
조회수 408
Window 환경에서의 Hooks 적용 에러문제
해결됨
4주 완성! 10x AI 네이티브 개발자 챌린지
안녕하세요 현재 PreToolUse, PostToolUse 사용 시 제대로 적용이 안되는 문제가 발생하여 질문드립니다. node -v : v22.16.0 claude --version : 2.0.61 (Claude Code) Window 운영체제 로 진행중입니다. 강의와 교재에 나온대로 '디스패처(Dispatcher)' 훅 패턴 적용 시 settings.json과 dispatcher.js를 적용하고 .env와 src/db/migrations/001_create_users.sql 까지 모두 만든 상황에서 테스트를 진행하면 막혀야 하는데 적용되지 않고 그대로 읽어주는거나 수정을 합니다. Claude에게 물어보면 등의 답변을 해주는데.. 환경설정의 문제인지 Window 와 Mac 운영체제의 차이인지 잘 모르겠습니다. (* 심화과정(디스패쳐 훅 패턴) 전부터 이상이 있었습니다.) 또한 강의를 보면 [DEBUG] MCP server "ide": Calling MCP tool: cloaseAllDiffTabs [DEBUG] MCP server "ide": Tool 'closeAllDiffTabs' completed successfully in 32ms 이러한 것이 나오는데 저는 똑같이 cladue --debug로 들어가도 그러한게 안찍히네요.. ㅜㅜ claude 버전문제인지 다른 세팅하는것이 있는지 궁금합니다.
- spring-boot
- next.js
- 인공지능(ai)
- ai-활용-(ax)
- claude
Jin K
댓글 2
좋아요 0
조회수 106
common 룰
미해결
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
common 룰은 항상 적용으로 해야하나요? 프롬프트 실행후 빌드 작업을 안하는 것 같아서 문의드립니다.
- react
- next.js
- cursor
- 프롬프트엔지니어링
- 바이브코딩
초보
댓글 1
좋아요 0
조회수 85
SSR과 CSR fetch 섞어서 써도 되나요?
미해결
한 입 크기로 잘라먹는 Next.js
초기 렌더에 필요한 데이터는 getServerSideProps로 갖고오고 유저 행동에 따라 데이터 동적으로 필요할 때 렌더링 되고 나서 fetch해서 데이터 가져와도 되나요?
- react
- typescript
- next.js
- 카카오공채-개발
이동훈
댓글 2
좋아요 0
조회수 110
라우터 사용하고부터 모든 컴포넌트에 리액트를 임포트해야 해요
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
react-router-dom 을 사용한 후부터 랜더링되는 하단의 모든 컴포넌트에 react를 import하지 않으면 오류가 발생하거든요 그런데 이전에는 분명 안 이랬어서.... import를 하면 되니까 개발이 안 되는 건 아닌데 강의를 계속 듣다 보니 강사님은 import하지 않으셔도 되는 거 같아서 궁금해서 물어봅니다. 버전 차이 때문일까요? 제가 무슨 설정을 잘못한 걸까요? 버전은 아래와 같습니다.. "dependencies": { "react": "^19.2.0", "react-dom": "^19.2.0", "react-router-dom": "^7.10.1" },
- javascript
- react
- node.js
- 카카오공채-개발
qkrgusdl95
댓글 3
좋아요 0
조회수 76
카카오로그인 에러
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
AxiosError: Request failed with status code 401 at settle (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:2106:12) at IncomingMessage.handleStreamEnd (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:3491:11) at IncomingMessage.emit (node:events:531:35) at endReadableNT (node:internal/streams/readable:1698:12) at process.processTicksAndRejections (node:internal/process/task_queues:90:21) at Axios.request (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:4731:41) at process.processTicksAndRejections (node:internal/process/task_queues:105:5) at async /Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/routes/auth.js:77:20 카카오 로그인 버튼 클릭후 동의하기 누른 다음 이런 에러가 뜹니다. .env 파일은 이렇게 입력되어있고요. JWT_SECRET=sucoding!@34 KAKAO_REDIRECT_URI=http://localhost:4000/auth/kakao/callback FRONTEND_URL=http://localhost:5173 JWT_ACCESS_EXPIRES_IN=1h JWT_REFRESH_EXPIRES_IN=7d 무엇이 문제일까요?
- react
- react-router
- redux-toolkit
- zustand
- react.js
hicy3nh
댓글 3
좋아요 0
조회수 105
2.8 NextPage 타입을 확장한 이유
해결됨
한 입 크기로 잘라먹는 Next.js
type NextPageWithLayout 타입 선언할 때 NextPage를 확장하신 이유가 무엇인가요? ReactNode로만 하면 안되나요?
- react
- typescript
- next.js
- 카카오공채-개발
이동훈
댓글 2
좋아요 0
조회수 97
인기 태그
인프런 TOP Writers
- 정현섭 6
- hush park 5
- eggmun(문성진) 4
- 박효정 3
- morneau 3
- Like me black 3
- 코코리코코 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚨[월 최소 650만원+] AI/Bigdata 데이터 분석·머신러닝 강사 구합니다🚨 NoFe
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv