inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

useReducer가 race condition을 해소하는 예시

해결됨

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

안녕하세요 강사님! 강의 잘 보고 있습니다. 학습을 위해 useReducer가 race condition 문제를 해소하는 예시 코드를 받아볼 수 있을까요? useReducer의 장점으로 디버깅 용이성이나 테스트 용이성, UI와 데이터 로직의 분리 등의 장점이 있다지만 이것만으로는 그냥 취향 차이라고 느껴져서요. 명확한 문제를 해결할 수 있는 대안 중 하나로써 한번 공부해보고 싶습니다. 리액트 공식 문서에서도 "만약 일부 컴포넌트에서 잘못된 방식으로 State를 업데이트하는 것으로 인한 버그가 자주 발생하거나 해당 코드에 더 많은 구조를 도입하고 싶다면 Reducer 사용을 권장합니다" 위 같이 언급하고 있는데, 잘못된 방식으로 State를 업데이트해 버그가 발생하는 예시들을 알고 싶습니다.

  • react
TAESUN 댓글 1 좋아요 0 조회수 114

1인 개발자의 다수 프로젝트 운영을 위한 Supabase 비용 최적화 전략(DB 통합)에 대해 조언을 구합니다.

미해결

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

안녕하세요, 강사님! 강의 잘 듣고 있습니다. 들으면서 작은 서비스들을 몇개 만들어보고 있어요. 현재 Next.js와 Supabase를 기반으로 B2B 솔루션, 유틸리티 서비스등 총 7개의 프로젝트를 혼자서 개발 및 운영하고 있습니다. 현재는 프로젝트마다 별도의 Supabase 인스턴스를 생성하여 관리하고 있는데, 그러다 보니 Pro 플랜 기본료 25달러 에 프로젝트당 추가 컴퓨트 비용 10달러 가 붙어 매달 약 $85(11만 원 이상) 의 고정비가 발생하고 있습니다. 1인 개발자로서 프로젝트를 계속 확장해 나가기에 비용적 부담이 커지고 있어, 다음과 같은 '단일 DB 통합 전략' 을 검토 중입니다. [검토 중인 통합 전략] 단일 프로젝트로 일원화: 하나의 Supabase Pro 프로젝트만 유지하고 나머지 인스턴스는 제거. Postgres 스키마(Schema) 활용: 기본 public 스키마 외에 서비스별로 별도 스키마(예: service_a , service_b )를 생성하여 데이터 격리. Client-side 대응: Supabase Client 설정 시 각 서비스에 맞는 스키마를 지정하여 호출. [강사님께 여쭙고 싶은 점] 유지보수 및 확장성: 1인 개발자가 관리하기에 이러한 스키마 기반의 통합 방식이 장기적으로 서비스 간 간섭이나 관리 복잡도를 크게 높이는 요인이 될까요? 인증(Auth) 및 보안(RLS) 설계: 하나의 프로젝트 안에서 여러 서비스의 사용자(Auth)를 관리할 때, 메타데이터 등으로 유저를 구분하는 방식이 보안 아키텍처상 취약점이 될 가능성이 있을까요? 성능 리스크: Micro 인스턴스 하나에 7개 서비스의 부하를 몰아넣는 것이(현재는 초기 단계라 트래픽이 적지만) 운영상 위험한 선택일지 궁금합니다. 인프라 대안: 혹시 1인 개발자가 다수의 사이드 프로젝트를 저비용으로 안정적으로 운영할 때, 위와 같은 통합 방식 외에 더 권장하시는 인프라 구성이나 전략이 있으신지 조언 부탁드립니다. 비용 효율성과 기술적 부채 사이에서 최적의 균형점을 찾고 싶습니다. 강사님의 소중한 인사이트를 나눠주시면 개발 방향을 설정하는 데 큰 도움이 될 것 같습니다. 감사합니다!

  • react
  • 인공지능(ai)
  • claude
김대훈 댓글 3 좋아요 1 조회수 701

getServerSideProps 함수와 SSR의 관계

미해결

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

안녕하세요 강사님. 강의 잘 보고 있습니다. getServerSideProps 함수와 SSR의 상관관계에 대해 의문점이 생겨 QnA를 찾아보고 있었는데요. 비슷한 질문 이 있어서 해당 답변 참고했는데 이해가 잘 되지 않아서요. 해당 답변에선 getServerSideProps 함수를 선언하지 않으면 SSG로 동작한다고 말씀해주셨습니다. getServerSideProps는 강의에서 말씀하신대로 서버에서 호출되어 미리 데이터를 패칭해주고 props를 주입해주는 용도로 사용된다고 이해했는데요. getServerSideProps 함수를 정의하여 export하면 해당 페이지가 SSR방식으로 동작한다는 내용이 이해가 잘 되지 않습니다. next는 기본적으로 SSR SSG방식으로 동작하는 것으로 알고 있고, 처음 접속하는 페이지는 SSG방식으로, 이후 관련된 Link 등으로 이동시 CSR 방식으로 렌더링 되는 것으로 이해하고 있습니다. 해당 부분에 대해 정확한 동작이 궁금합니다. 또한, getServerSideProps 함수를 정의한 페이지가 만약 현재 접속한 페이지에 Link 컴포넌트로 연결이 되어있다면 관련된 js 코드가 프리패칭 될 것인데요. 이 경우 getServerSideProps 함수를 정의한 페이지가 SSR이 아닌 CSR방식으로 렌더링 되는게 아닌가 질문드립니다. (getServerSideProps 함수는 여전히 서버에서 호출되는 것으로 이해하고 있습니다) 관련하여 클로드 답변 첨부드립니다. (오류가 있다면 정정 부탁드립니다..!) 추가 +) 질문을 하다 보니 다소 난해해졌는데요. 정리하자면 아래와 같이 이해하면 될지 궁금합니다. 기본적으로 접속시 SSG로 렌더링된 사이트를 보여주지만, getServerSideProps 함수를 정의하면 SSR로 요청한다. Link 등으로 연결되어 있는 경우 getServerSideProps 함수를 통해 데이터를 패칭해온다. 이후 페이지 렌더링 자체는 CSR로 진행한다. 항상 좋은 강의 감사합니다.

  • react
  • typescript
  • next.js
dbstjrwnekd 댓글 6 좋아요 0 조회수 125

discord 초대장 갱신이 필요한거같습니다.

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요, 디스코드 초대장이 올바르지 않다고 합니다. 혹시 디스코드 채널을 닫으신걸까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
sunnnwo 댓글 1 좋아요 0 조회수 93

강의 교안을 진짜 못찾겠어요

미해결

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

영상보고 따라해도 교안을 못찾겠어요.. 그냥 공지에 강의 교안 링크를 따로 추가해주실 수 있나요?

  • react
  • 인공지능(ai)
  • claude
김형준 댓글 3 좋아요 0 조회수 148

jupyter notebook 실행이 안됩니다.

미해결

Python 입문자를 위한 강의

anaconda 홈페이지에서 기존 indivisual 설치가 되지 않아 Q&A 에 답변 해주신 miniconda를 설치 하였습니다. 설치후 cmd를 치니 anaconda prompt 가 떳고 여기서 python --version을 확인하니 python만 써지고 버전은 나오지 않네요. 3.14.3 version을 설치 한 상태 입니다 . 혹시 몰라 mkdir 와 jupyer note book 까지 진행 해 봤지만. 더이상 강의를 따라갈수가 없네요 .. 아래는 prompt 화면 입니다 .

  • python
  • 객체지향
박재완 댓글 1 좋아요 0 조회수 92

홈페이지 처음 만들때 질문입니다.

미해결

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

안녕하세요. 우선 저번과 같이 좋은 강의를 열어주시고, 강의 업데이트도 감사합니다. 100퍼센트 완강하고 좋은 후기 작성 꼭 하고 싶어서 열심히 따라가고 있습니다. 다름이 아니라 질문이 하나 있어서 질문글 남깁니다. 열심히 진도 따라가면서 드는 생각인데, 처음부터 한 번에 PRD에 집어넣어서 기능 다 만드는게 맞는건지, 아니면 고도화를 차근차근 해나가는게 맞을까요? 아 시간은 오래 걸려도 됩니다. 수익화와 테스트를 위해서 재빠르게 mvp 제작을 위해서가 아닌, 진짜 개발할 때의 클로드코드의 토큰 효율성이 궁금해서 질문드리는 부분입니다. 항상 좋은 인사이트 주셔서 감사합니다. 수고많으십니다.

  • react
  • 인공지능(ai)
  • claude
시원한 고등어 댓글 2 좋아요 0 조회수 110

왜 프롬프트 텍스트가 5개가 아니고 40개가 생성될까요?

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

이전 글에서 오래걸린다는게 이거 때문인 거 같은데 제 거는 40개가 생성이 됩니다.. 혹시 글자 수 분량을 늘려서 그런걸까요?

  • python
  • youtube-api
  • n8n
  • 인공지능(ai)
zbibcco 댓글 2 좋아요 0 조회수 99

.mcp.json이 .claude 디렉토리 밖에 있는것이 표준인 이유

미해결

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

설치를 하다보니 .mcp.json이 .claude 안이 아니라 같은 디렉토리에 설치되더군요. claude code에도 물어보니 이게 표준이라 대답해주고요. 혹시 이게 표준인 이유가 있을까요? claudecode 관련은 .claude 폴더 안에 모아서 관리하는게 편한 것 같은데요. 아니면 설치한 방식에 따라 달라지고 실제 퍼포먼스와는 전혀 상관없이 알아서 참조하나요? 만약 이를 옮기려 한다면 claudecode에게 알려줘야 할까요? 그래야 한다면 claudecode가 프로젝트 내의 디렉토리 안의 .mcp.json을 알아서 찾아서 참조하는게 아니라 특정 디렉토리로 정해져 있다는 걸 텐데요, 그 디렉토리는 어디에 적혀져 있는 걸까요? 그걸 수정할수도 있을까요? 두서없이 길어졌네요. 죄송합니다.

  • react
  • 인공지능(ai)
  • claude
Jeong Jae Won 댓글 2 좋아요 0 조회수 309

Date 객체에 관련하여 질문드립니다.

해결됨

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 Date 객체와 날짜 안녕하세요. 정환님. Date 객체에 관련해서 질문이 있어 Q&A에 글을 남기게 되었습니다. Date 객체는 자바스크립트가 처음 만들어졌을 당시에, java의 util.date 를 참고해서 만들어졌기에 현재 대체제로 외부 라이브러리를 활용하거나 Intl api, Temporal(현재 stage 3 상태)가 많이 언급되고 있는 부분입니다. 추후에 temporal이 정식으로 도입되면 강의 내용을 변경하실 것인지 질문드립니다.

  • javascript
  • react
  • node.js
이지민 댓글 2 좋아요 0 조회수 117

포인터

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

**a = &b 와 *a = b 가 같은 말이라고 생각해도 되나요?

  • python
  • java
  • c
  • 정보처리기사
dlawltn52 댓글 2 좋아요 0 조회수 125

프로그램 오류(소리가 안나와요)

미해결

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

플레이버튼 옆에 스피커버튼이 X쳐져있는데 마우스를 갔다대면 "음성이 제공되지 않습니다."라고 뜹니다. 소리가 안나와서 영상시청을 못하고 있는데 어떻게 해야할까요?

  • react
  • 인공지능(ai)
  • claude
퓨쳐셀프 댓글 1 좋아요 0 조회수 95

.

해결됨

(GPT-5) 챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

혹시 자료에서 녹화시점 당시 2025년 7월 1일은 예측할 날짜인가요?

  • python
  • 인공지능(ai)
  • chatgpt
가원 댓글 2 좋아요 0 조회수 89

쉬림프태스크매니저가 있다면 굳이 PRD와 RODAMAP이 필요한가요?

미해결

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

쉬림프 도입 전까지는 서브에이전트를 활용해서 PRD문서와 RODAMAP 문서를 만들었는데, 이 문서들이 쉬림프의 init을 구체적으로 만들어준다던가 하는 기능을 수행하나요? 또한 기존 코드베이스 없이 쉬림프 태스크매니저와 함께 RPD를 작성해나가는건 안되나요?

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

프로젝트 소스 공유

해결됨

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

안녕하세요, 강의 내에서 github 링크나 전체 소스 코드 관련 설명을 못본듯해서 자료 공유 부탁드립니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
neo 댓글 2 좋아요 0 조회수 123

.git 폴더가 안생겨요..

미해결

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

다른 질문자의 내용을 확인해 보았으나 저는 안생겨서.. 문의드려요. 폴더에 들어가서 숨긴항목 표기해도 없어요... .

  • react
  • 인공지능(ai)
  • claude
이경훈 댓글 2 좋아요 0 조회수 110

mac python 3.10 - permission denied

미해결

모든 개발자의 실무를 위한 올인원 기본기 클래스

기본 파이썬 명령어의 버전을 바꾸기 위해 심볼링 링크를 업데이트 하려고 하니 permission denied가 뜹니다. 이미 파이참이 설치 되어 있어서 가상환경 외부 의존성을 설치하려고 경로를 맞추려고 하는데 해당 부분을 어디서 진행해야하는지 모르겠습니다.

  • python
  • git
  • docker
  • tdd
  • 객체지향
  • 아키텍처
  • ci/cd
  • 동시성
  • 소프트웨어-테스트
김수진 댓글 1 좋아요 0 조회수 93

강좌에 모듈 설치 부분은 다 건너띄고 하신건가요?

해결됨

(GPT-5) 챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

GPT에 소스 작성 요청해서 작성해서 돌리는데 자꾸 모듈 설치하라고 합니다. 첫번째는 matplotlib 두번째는 padas GPT 보고 이거 두개는 따라서 설치했는데 pykrx 모듈은 설치할때 오류가 발생해서 따라가질 못하고 있습니다. GPT 답변을 보면 64비트 환경에서 해야한다고 하는데 어떻게 해야합니까? 아래 질문들 보니 비슷한 문제인것 같은데 강좌찍는 기준이 아닌, 컴퓨터 가상환경 한번 만들어서 지금도 제대로 되는 강좌 내용인지 체크를 먼저 해보셔야할것 같습니다. ===GPT 답변 로그를 보면 원인이 딱 한 줄로 정리됩니다. Need python for x86_64, but found x86 (64비트용 파이썬이 필요한데 32비트(x86) 파이썬을 찾았다는 뜻) 즉, 지금 kiwoom_32 는 32비트 파이썬(win-32) 인데, pykrx 가 요구하는 pandas>=2.2 가 설치되면서 pandas 2.3.3 를 받았고, 이 pandas는 사실상 윈도우 32비트용 휠이 없거나 지원이 매우 제한적 이라서 소스 빌드로 넘어가며 실패 한 상황입니다. 결론: 32비트 환경에서는 최신 pykrx(=pandas 2.x 의존) 설치가 거의 불가능/매우 불안정 합니다. ============ 에러로그 ============= (kiwoom_32) C:\Users\xyxy>pip install pykrx Collecting pykrx Using cached pykrx-1.2.4-py3-none-any.whl.metadata (64 kB) Collecting requests>=2.32.0 (from pykrx) Using cached requests-2.32.5-py3-none-any.whl.metadata (4.9 kB) Collecting pandas<3.0,>=2.2.0 (from pykrx) Using cached pandas-2.3.3.tar.gz (4.5 MB) Installing build dependencies ... done Getting requirements to build wheel ... done Installing backend dependencies ... done Preparing metadata (pyproject.toml) ... error error: subprocess-exited-with-error × Preparing metadata (pyproject.toml) did not run successfully. │ exit code: 1 ╰─> [23 lines of output] + meson setup C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df\.mesonpy-29opmn2w -Dbuildtype=release -Db_ndebug=if-release -Db_vscrt=md --vsenv --native-file=C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df\.mesonpy-29opmn2w\meson-python-native-file.ini The Meson build system Version: 1.10.1 Source dir: C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df Build dir: C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df\.mesonpy-29opmn2w Build type: native build Activating VS 17.14.24 Project name: pandas Project version: 2.3.3 C compiler for the host machine: cl (msvc 19.44.35222 "Microsoft (R) C/C++ 최적화 컴파일러 버전 19.44.35222(x64)") C linker for the host machine: link link 14.44.35222.0 C++ compiler for the host machine: cl (msvc 19.44.35222 "Microsoft (R) C/C++ 최적화 컴파일러 버전 19.44.35222(x64)") C++ linker for the host machine: link link 14.44.35222.0 Cython compiler for the host machine: cython (cython 3.2.4) Host machine cpu family: x86_64 Host machine cpu: x86_64 Program python found: YES (C:\Users\jenty\.conda\envs\kiwoom_32\python.exe) Need python for x86_64, but found x86 Run-time dependency python found: NO (tried pkgconfig and sysconfig) ..\pandas\_libs\tslibs\meson.build:32:7: ERROR: Python dependency not found A full log can be found at C:\Users\jenty\AppData\Local\Temp\pip-install-v0wslijc\pandas_ffb08af553a04f0e91687bc1943ac7df\.mesonpy-29opmn2w\meson-logs\meson-log.txt [end of output] note: This error originates from a subprocess, and is likely not a problem with pip. error: metadata-generation-failed × Encountered error while generating package metadata. ╰─> pandas note: This is an issue with the package mentioned above, not pip. hint: See above for details.

  • python
  • 인공지능(ai)
  • chatgpt
아싸쿨피스 댓글 3 좋아요 0 조회수 189

인기 태그

인프런 TOP Writers

주간 인기글