inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

styled-components(전역)

미해결

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

// main.tsx import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import App from "./App.tsx"; import { ThemeProvider } from "styled-components"; const theme = { colors: { primary: "red", secondary: "#gray", }, fontSizes: { normal: "16px", large: "20px", }, }; createRoot(document.getElementById("root")!).render( <StrictMode> <ThemeProvider theme={theme}> <App /> </ThemeProvider> </StrictMode>, ); // App.tsx import styled, { keyframes, css } from "styled-components"; const boxShadowMixin = css` margin: 20px; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5); `; const fadeIn = keyframes` from { opacity: 0; } to { opacity: 1; } `; const Title = styled.h1<{ $color: string; $decoration: string }>` color: ${(props) => props.$color}; text-decoration: ${(props) => props.$decoration}; animation: ${fadeIn} 2s ease-in; `; const BigTitle = styled(Title)` font-size: 50px; `; const Wrapper = styled.section` padding: 2rem; border: 1px solid red; `; const BlueBorderWrapper = styled(Wrapper)<{ $shadow: boolean }>` border-color: ${(props) => props.theme.colors.primary}; ${(props) => props.$shadow && boxShadowMixin}; `; export default function App() { return ( <> <BlueBorderWrapper $shadow={true}> <Title $color="#00ff00" $decoration="line-through" as="p"> App Component </Title> <BigTitle $color="#0000ff" $decoration="underline"> App Component </BigTitle> </BlueBorderWrapper> </> ); } border-color: ${(props) => props.theme.colors.primary}; 적용하는 부분에서 에러가 발생합니다. Property 'colors' does not exist on type 'DefaultTheme'. 혹시 문제가 있는걸까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
잠댕뭉 댓글 1 좋아요 0 조회수 69

노션 열기에 도움이 필요합니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요. 안녕하세요. 강의를 막 등록한 수강생입니다. 초반부 들으면서, 노션 프롬프트 학습자료를 열려고 하는데, 페이지 사용 권한 없음 이 뜹니다. 어떻게 해야 할지요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
rossgaller 댓글 2 좋아요 0 조회수 53

노션 파일 권한

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

국내 주신 파트 7 수강중인데, 원드 파일과 강의 내용이 너무 상이합니다. https://www.notion.so/KR-Part-7-331993d3695a8033a6e9ead430648b74?source=copy_link 노션 권한 승인이 된 것 같은데 클릭해서 들어가면 내용이 따로 나오지 않아 확인 부탁드립니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
Hyunsang Park 댓글 2 좋아요 0 조회수 59

좋은 강의 자료 감사합니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 강의 내용이 저한테 너무 유익하고 많은 도움이 되었습니다. 저는 Sonnet으로 구현하였고 강의 자료는 Opus로 진행하였는데 거의 유사하지만 디테일부분이 강의자료가 훨씬 좋네요. 예로 같은 스킬을 사용하였지만 시장 위험도는 저는 별도로 화면이 생성이 안되고 대쉬보드에 조금 추가되었네요. 강사님과 동일하게 디테일하게 맞추고 있는데 강사님이 구현한 전체 화면의 캡쳐본이 있으면 많은 도움이 될거 같습니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
jongwoo lim 댓글 2 좋아요 0 조회수 43

유튜브 영상보고 강의 등록하였습니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

https://www.youtube.com/watch?v=ziTLbsE9Cbc&t=88s 이 영상을 보고 강의 등록을 하였는데 현재 62강 까지 다 시청하였는데 유튜브 영상에서 나오는 한국투자증권과 연결해서 텔레그램을 통해 매수/매도하는 영상이 없네요 혹시 추후 업데이트 예정인지 예정이라면 강의 업데이트 일정도 확인 부탁드립니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
배대호 댓글 2 좋아요 0 조회수 49

강의 내용 실습관

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요? hello.py 만드는 과정에서 선생님이 하신거랑 제 안티그래비티 실행이랑 달라서요. 제건 인코딩 문제가 있어서 UTF-8로 한다고 하고 powershell 을 실행해서 하더라고요. 제게 윈도우버젼이라 그런건지? 아니면 다른 이유가 있는지.. 향후 진행에서 큰 문제가 없을지 문의드립니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
케이 댓글 1 좋아요 0 조회수 49

노션 파일 없음

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요! 안내 주신 노션에 강의에서 보이는 파일 다운로드가 없어 문의드립니다. 확인 부탁드립니다!

  • python
  • flask
  • next.js
  • 인공지능(ai)
Hyunsang Park 댓글 3 좋아요 0 조회수 45

한국투자 증권

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

https://www.youtube.com/watch?v=ziTLbsE9Cbc&t=88s 이 내용을 지금 수업중인 프로젝트에 추가하면 되는건가요? 설명을 보면 그런것 같은데 아니면 나중에 추후 강의에 관련 내용이 있을까요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
텐브라운DESSERT 댓글 2 좋아요 0 조회수 55

52번 강의 질문입니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

워드파일에 있는 프롬프트를 그대로 복사해서 진행했는데도 섹터가 30개밖에 표시가 되지 않습니다. ㅠㅠ 아무리 클로드한테 물어봐도… 해결이 되지 않네요 ㅠㅠ

  • python
  • flask
  • next.js
  • 인공지능(ai)
배대호 댓글 2 좋아요 0 조회수 46

https://youtu.be/ziTLbsE9Cbc 유튜브 노션 링크 권한 부탁드립니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

https://youtu.be/ziTLbsE9Cbc 유튜브 강의 듣고 노션 권한 요청 드렸습니다. 감사합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
hykai 댓글 2 좋아요 0 조회수 57

풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문

해결됨

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

안녕하세요! 강의 수강 중 궁금한 점이 생겨 질문드립니다. 해당 챕터 8분 18초 부분의 풀라우트캐시 동작 원리 예시에서 데이터캐시를 skip하는 흐름이 나오는데요. 앞서 Static 페이지의 조건으로 동적함수가 없고 데이터캐시가 있어야 한다고 하셨고, 풀라우트캐시는 Static 페이지에서만 동작한다고 하셨습니다. 그렇다면 데이터캐시를 skip하면 데이터캐시가 없는 것으로 간주되어 Dynamic 페이지가 되고, 풀라우트캐시가 동작하지 않아야 하는 것 아닌가요? 데이터캐시를 skip하는데도 풀라우트캐시가 동작하는 이유가 궁금합니다!

  • react
  • typescript
  • next.js
스트로베리 댓글 2 좋아요 0 조회수 75

훅 내용 안뜸 오류

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

hook이 적용돼야하는데, 5:57의 훅이 실행된게 터미널에 강사님처럼 뜨지는 않습니다. 다른 세팅을 해줬기 때문일까요?

  • spring-boot
  • next.js
  • ai
  • claude
신지원 댓글 3 좋아요 0 조회수 106

next.js 프로젝트

미해결

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 강의와 관련된 내용은 아니지만 궁금해서 여쭤봅니다. 혹시 react처럼 superbase를 이용해서 next.js로 실전프로젝트를 만드실 계획은 아직까진 없으시겠죠??

  • react
  • typescript
  • next.js
댓글 1 좋아요 0 조회수 71

40. 결제/주문 생성 및 업데이트 API 구축 이후로의 영상강의는 없나요

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

지금 수강 중입니다 40. 결제/주문 생성 및 업데이트 API 구축 이후로의 영상강의 없는지 궁금해서 문의드려요 수업자료라고 되어있는 부분은 github에 있는 내용이 맞을까요? 수업자료 부분에 다른 메시지는 없어서 앞부분 듣다가 궁금해서 남겨봅니다

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
아직안팔리는_1인창업자 댓글 2 좋아요 0 조회수 86

디스코드 소통창구는 없어졌나요 ??

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

디스코드 소통용 서버 들어가있었는데 서버가 없어졌네요

  • python
  • flask
  • next.js
  • 인공지능(ai)
댓글 2 좋아요 0 조회수 60

20번강좌에 대한 질문입니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

20번강좌에서 리포트 텍스트 파일을 만드는 방법이 생략되어 있는거 같습니다. 19번까지 강좌에서 어떤 파일을 실행해도 강사님이 만드신 리포트 텍스트 파일같은 결과가 나오지 않네요 ㅠㅠ

  • python
  • flask
  • next.js
  • 인공지능(ai)
배대호 댓글 2 좋아요 0 조회수 61

Next.js + Tanstack Query BFF 구조 질문

미해결

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

안녕하세요, 강의를 완강하고 프로젝트에 BFF 구조를 적용하면서 API 레이어 설계에 대해 고민이 생겨 질문드립니다. [BFF를 쓰게 된 이유] 1. 외부 API 키를 클라이언트에 노출하지 않기 위해 2. next/headers의 cookies() 로 서버에서만 토큰을 읽고 외부 백엔드 API에 전달하기 위해 - httpOnly 쿠키로 토큰을 저장하여 클라이언트에서 읽을 수 없기 때문에 서버에서 처리 해야 했습니다. 3. CORS [예시 프로젝트 구조] features/auth/api/... → API 레이어 features/auth/hooks/... → Tanstack Query 훅 [고민하게 된 흐름] Tanstack Query와 함께 쓰는 경우, 클라이언트에서는 Route Handler(/api*)를 경유해야 하고, Server Component에서나 prefetchQuery 상황에서는 Route Handler를 경유 할 필요 없이 직접 외부 백엔드 API를 호출하는 게 맞다는 생각이 들었습니다. 그러다 보니 API 레이어가 둘로 나뉘게 됐습니다. - user.ts → 클라이언트용, Route Handler 호출 - user.server.ts → 서버용, 외부 API 직접 호출 인가가 필요한 작업인 Route Handler 내부에서는 cookies() 로 토큰을 읽고 header에 엑세스 토큰을 첨부해 보내고 있습니다. [ 질문] API 레이어를 서버/클라이언트로 분리하는 것이 Next.js + Tanstack Query 환경에서 일반적인 접근인지, 혹시 파일을 나누지 않고도 이 구조를 깔끔하게 유지할 수 있는 더 나은 방법이 있다면 조언 부탁드립니다 ㅠ.ㅠ BFF 없이도 이 구조를 해결할 수 있는 방법이 있는지도 궁금합니다. 유저별로 다르게 보여줘야하는 데이터가 아닌 공통 데이터는 Next의 서버 캐시(revalidateTag)만으로 관리하는게 나을까요? 만약 prefetchQuery로 hydrate하는 구조를 가져간다면, 유저 인터렉션 후 갱신이 필요할 때 Server Actions으로 updateTag를 먼저 실행 후 invalidateQueries로 refetch하는 방식이 올바른 접근인지 여쭤보고 싶습니다 이런 구조적인 고민들을 하다 보니 머리속에 혼란이 와서, 단순하고 일관되게 유지할 수 있는 컨벤션은 어떻게 정하는게 좋을지 궁금합니다 [참고 자료] https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr

  • typescript
  • next.js
  • tanstackquery
김수로 댓글 2 좋아요 1 조회수 84

노션 학습 자료 권한 요청

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 노션 자료 접근 권한 요청드립니다. 메일 주소는 lifehacker@카카오닷컴 입니다. 감사합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
권재혁 댓글 2 좋아요 0 조회수 39

part2강의 문의사항입니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요 강의를 잘보고 따라가고 있습니다. 제가 만든 결과물이 강사님과 좀 달라서 강사님의 파일을 다운받어서 테스트를 해보고 있는데 2026-04-02_sinal_report.md 2026-04-11_llm_analysis.md 파일들을 각각 오는날짜로 업데이트해서 저장하고 싶은데 claude에 뭐라고 명령을 해야하는지 궁금합니다. 그리고 part2에서 최종적인 결과를 보려면 어떤 py를 실행시켜야 하나요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
배대호 댓글 2 좋아요 0 조회수 54

현재 진행중인 강의에 마케팅 요소를 녹이는 방법

해결됨

[무료 Live] AI 개발팀을 운영해 서비스 당 월 100 수익 노하우

강의에서는 기술 스택과 전체적인 플로우로 하나의 완성된 서비스를 가질 수 있는데, 혹시 이 부분에 오늘 설명이 들어간 마케팅 요소도 섞어서 강의에서 얻을 수 있을까요?

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 무료-라이브
  • 마케팅
도지투더문 댓글 1 좋아요 0 조회수 65

인기 태그

인프런 TOP Writers

주간 인기글