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 조회수 72

misson 6 질문

미해결

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

단계 2는 안하고 '나만의 출력 스타일 만들기 강의교안' 내에 있는 이 단계를 하면 되는건가요? 헷갈리네요..

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

클로드 설치버전 문의

미해결

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

강의에 나오는 클로드 설치 버전알고 싶습니다.

  • react
  • 인공지능(ai)
  • claude
이완희 댓글 2 좋아요 0 조회수 36

땃지님 실습소 DB서버 확인 부탁드립니다

해결됨

실습으로 손에 잡히는 SQLD(2과목)

계속 연결이 안되는데 서버 확인 부탁드려요 아니면 해결 방법이 있다면 알려주세요

  • sql
  • oracle
  • mssql
  • SQLD
이승한 댓글 2 좋아요 0 조회수 93

커서 설치했는데 강의화면이랑 달라요.

미해결

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

설치했는데 강의화면이랑 다릅니다. 제가 프로그램을 다른걸 다운받은걸까요?

  • react
  • 인공지능(ai)
  • claude
이완희 댓글 3 좋아요 0 조회수 93

코테 사이트 로그인 불가

미해결

2026 코딩테스트 올인원 [JAVA]

요청시간 초과됐다고 떠요ㅜ ㅜ

  • java
  • 코딩-테스트
  • 알고리즘
  • data-structure
열심히하쟈 댓글 1 좋아요 0 조회수 72

PRD 생성 서브에이전트

미해결

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

https://github.com/gymcoding/claude-nextjs-starters/blob/main/.claude/agents/docs/prd-generator.md 제공해주신 이 prd 생성 서브에이전트로 식품영양정보 api 연동이 필요한 식단관리 웹애플리케이션을 개발해보려는데. 이를 위한 prd 생성에 사용해도 괜찮을까요? 아니면 이 서브에이전트는 더 간단한 서비스에 적합한가요.

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

클로드 코드 토큰 절약 공식 플러그인 4개

미해결

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

이 플러그인의 설치는 user 레벨, project 레벨 중에 어디가 좋을까요?

  • react
  • 인공지능(ai)
  • claude
  • 플러그인
nawhizz 댓글 1 좋아요 0 조회수 121

여러 파드 환경에서 단일 실행 보장 방식

해결됨

카카오 면접관의 실무 밀착형 Spring Batch: 대용량 데이터 처리의 모든 것

단일 실행이 보장되는 이유로 Db를 통해서 값을 가져오고 있으며 db에서 동시성을 방어해주고 있기 때문이라고 해주셨는데요. FindRunningJobExecutions 는 단순 select문이 아니고 내부적으로 비관적 락으로 동시 접근을 막아주는 구조인가요? 저는 여러 파드인 상황에서는 보여주신 코드가 동시성 이슈로 인해 주어진 잡이 한 번만 실행된다는 것을 보장하기 힘들 것 같다고 생각했습니다. 이외에도 여러 파드인 상황이라면 실무에서 어떤 요소를 고려하는지 궁금합니다. 학습 내용에선 currentimestamp를 잡 파라미터에 넣어서 매번 새로운 잡 인스턴스로 취급/실행하는 형태를 보여주셨는데, 이로인해 멀티파드 환경에서 특정 잡의 중복 실행 방지 혹은 특정 잡 파라미터 구성에서의 중복 실행 방지에 대한 요건 구현 시 영향도/고려 사항이 있는지 여부와 아니면 currentimestamp 잡 파라미터를 실무에서 빼기도 하는지 궁금합니다 운영 시 중복 실행 문제 및 잡 재시도에 대해 고민하다 나온 질문입니다. 혹시 애초에 대부분의 배치 잡과 스탭 로직을 멱등하게 동작하도록 설계 및 코드 작성을 해야하는 걸까요?

  • java
  • spring
  • spring-boot
  • spring-batch
  • spring-framework
DongHyun Gu 댓글 2 좋아요 0 조회수 70

마인드맵 사용 프로그램

미해결

[2026] 비전공자도 한 번에 합격하는 SQLD 올인원

먼저 유사한 질문이 있었는지 검색해보세요. 서로 예의를 지키며 존중하는 문화를 만들어가요. 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 마인드맵 강의 하실 때 하시는 프로그램 무엇인지 알 수 있을까요? 정리할때 좋은 것 같아서 해보려고 합니다. 감사합니다.

  • sql
  • 빅데이터
  • 코딩-테스트
  • 데이터-엔지니어링
  • SQLD
우냥 댓글 1 좋아요 1 조회수 52

엔터티 종류

미해결

[2026] 비전공자도 한 번에 합격하는 SQLD 올인원

먼저 유사한 질문이 있었는지 검색해보세요. 서로 예의를 지키며 존중하는 문화를 만들어가요. 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 엔터티 종류중에 유,무형 구분/ 발생지점이 있는데 사건 엔터티랑 행위 엔터티랑 다른건가요? 감사합니다.

  • sql
  • 빅데이터
  • 코딩-테스트
  • 데이터-엔지니어링
  • SQLD
우냥 댓글 2 좋아요 0 조회수 61

제 3 정규형 vs BCNF 정규형 차이점?

미해결

김영한의 실전 데이터베이스 - 설계 1편, 현대적 데이터 모델링 완전 정복

강의들을 때는 어렴풋이 알거 같고 근데 강의듣는거 끝내고 실제로 구별해보라고 하면 잘 못하는거 같아서요. 혹시 차이점을 예를들어서 좀 쉽게 설명해주실수 있을까요? 저는 제 3 형 정규형 한거 같은데 또 보면 bcnf인거 같기도 하고 엄청 헷갈리고 있습니다. 도와주세요! 제가 찾은 건 bcnf 가 후보키가 아니라 슈퍼키라고 나와서 더 헷갈리는 거 같아요. 감사합니다. => 오랫동안 들여다 보고 이렇게 이해를 했는데 맞는지 모르겠습니다. 기본적으로 슈퍼키가 아닌 일반키가 함수결정자가 되면 bcnf 위반이 되는거고 제 3 정규형은 슈퍼키가 함수결정자이거나 일반키가 함수결정자라도 결론쪽이 후보키 중에 일부이면 (prime attribute)이면 위반이안되는거 같습니다.

  • sql
  • mysql
  • dbms/rdbms
  • 소프트웨어-설계
  • SQLD
swdevelop24 댓글 3 좋아요 0 조회수 158

XAMPP에서 Apache, DB 재기동 시 접속안되는 문제

해결됨

[말 한마디로 뚝딱!] AI와 함께 나만의 수익화 웹사이트를 만드는 법

안녕하세요. XAMPP에서 처음 세팅할 때는 잘 되었는데 다시 Apache랑 MySQL을 재기동하니 이렇게 나오네요ㅠ data/dbconfig.php 를 봐도 DB 접속정보가 틀린것도 아닌데 왜 이런 오류가 나는지도 모르겠고 방법을 구글링 및 AI 통해서 찾아봐도 해결이 안되네요ㅠ 도움부탁드리겠습니다.

  • HTML/CSS
  • java
  • mysql
  • php
  • 인공지능(ai)
마루마루 댓글 2 좋아요 0 조회수 58

Claude / 터미널 기본명령어

미해결

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

터미널 기본 명령어 수업을 보고있습니다. 아직 초입인데 디렉토리를 C드라이브 문서로 바꿔주고싶은데 어떻게 찾아가할지 해서요.

  • react
  • 인공지능(ai)
  • claude
  • claude#터미널
juyoungjk 댓글 5 좋아요 0 조회수 116

gitignore에 로컬 셋팅 반영 안됨 이슈

미해결

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

로컬 셋팅을 gitignore 안에 작성하였지만, 변경사항에 계속 내용이 뜹니다. 왜 그런걸까요??

  • react
  • 인공지능(ai)
  • claude
물류클로드코드마스터 댓글 3 좋아요 0 조회수 54

git 연동

미해결

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

git을 pc에 설치 완료했고, git hub에도 회원가입을 했는데 강의에서 보여주신 것처럼 name과 mail주소가 나타나지 않습니다. pc의 git에서 git hub의 제 계정을 어떻게 연동해야 하나요?

  • react
  • 인공지능(ai)
  • claude
로라하트윅 댓글 2 좋아요 0 조회수 76

60강 .claude -> rules (memory)

미해결

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

rules 1. code-style.md 2. git-rules.md 적용후 강의 따라갈려고하니 적용이 안되는데 따로 방법이 있을까요?

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

Plan 모드 활성화 상태에서 해당 모드가 정상 동작 하지 않습니다.

미해결

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

plan mode 선택 후 프롬프트를 작성했는데, 첫 질문에는 정상적으로 plan mode가 동작했습니다. 계획 확인 하고 이후 수정 작업을 이어가다가 shift + tab 활용하여 다시 plan mode로 진입하여 수정 요청을 하였을 때, 바로 파일 편집을 합니다.. 추가 필요한 설정이 있을까요?

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

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글