inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

투두리스트 실습을 충실히 진행한 상태에서 감정일기장 실습을 따라할 필요가 있을까요?

해결됨

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

페이지 라우팅에 대해서 충분히 이해했고 84강 이후로는 투두리스트 실습의 답습이 될것 같아서 질문합니다. 추가된 내용이 있으면 실습을 따라하겠지만, 이미 했던 내용 그대로 따라하는거라면 배속으로 넘겨보려고요.

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

83강 css 질문입니다

해결됨

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

아래 코드로 충분한데 .header-center { width: 50%; font-size: 24px; justify-content: center; } .header-left { width: 25%; justify-content: flex-start; } .header-right { width: 25%; justify-content: flex-end; } 왜 매번 앞에 .Header를 추가하셨는지 궁금합니다. .Header.header-center { width: 50%; font-size: 24px; justify-content: center; } .Header .header-left { width: 25%; justify-content: flex-start; } .Header .header-right { width: 25%; justify-content: flex-end; } 그리고 버튼에서도 버튼 버튼_타입 으로 하셨는데 버튼 타입 으로 해도 충분하지 않았나 싶습니다. 추후에 타입이 다른 컴포넌트와 겹칠까봐 그런것일까요?

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

병렬 처리 중 retrieve 관련 궁금한 사항

미해결

LangGraph를 활용한 AI Agent 개발 (feat. MCP)

안녕하세요~ 강의 정말 재밌게 잘 듣고 있습니다!! 2.7 병렬 처리를 통한 효율 개선 강의의 tax_rate_calculation_prompt = ChatPromptTemplate.from_messages([ ('system', '''당신은 종합부동산세 계산 전문가입니다. 아래 문서를 참고해서 사용자의 질문에 대한 종합부동산세를 계산해주세요 종합부동산세 세율:{context}'''), ('human', '''과세표준과 사용자가 소지한 주택의 수가 아래와 같을 때 종합부동산세를 계산해주세요 과세표준: {tax_base} 주택 수:{query}''') ]) def calculate_tax_rate(state: AgentState): """ 주어진 state에서 세율을 계산합니다. Args: state (AgentState): 현재 에이전트의 state를 나타내는 객체입니다. Returns: dict: 'answer' 키를 포함하는 새로운 state를 반환합니다. """ # state에서 필요한 정보를 추출합니다. query = state['query'] tax_base = state['tax_base'] # retriever를 사용하여 쿼리를 실행하고 컨텍스트를 얻습니다. context = retriever.invoke(query) # tax_rate_chain을 구성하여 세율을 계산합니다. tax_rate_chain = ( tax_rate_calculation_prompt | llm | StrOutputParser() ) # tax_rate_chain을 사용하여 세율을 계산합니다. tax_rate = tax_rate_chain.invoke({ 'context': context, 'tax_base': tax_base, 'query': query }) # state에서 'answer' 키에 대한 값을 반환합니다. return {'answer': tax_rate} 이 부분에서 들은 궁금증인데요, context 는 과세표준별 세율 구간에 관한 정보를 가져오는 변수인데 왜 query에는 과세표준이 아닌 사용자의 주택 정보를 넣어서 invoke하는 형태인가요?

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
  • mcp
신원석 댓글 1 좋아요 0 조회수 110

안녕하세요.

해결됨

AI Agent 영어 과외 선생님과 함께하는 요즘시대 영어 학습법! (2026년 7월 업데이트!!)

AI Agent 를 만드는것이 아니고 학습툴을 제공해주시는 것이였군요~^^;; 만들고 따라해보려 했는데 더 잘된것 같습니다. 테리 잉글리시 사이트 주소와 계정 정보는 어디에서 확인을 할 수 있나요? 그리고 만약 아내가 수강하게 될 경우 1개의 강의를 더 구입을 해야 하는 것이죠? 영어 Ai Agent 만드는 방법을 배워서 , 제 api 토큰 사용하려고 했었는데 , 바로 영어 공부할 수 있게 되었네요 감사합니다.

  • 영어
  • ai-활용-(ax)
  • ai-agent
개발바닥 댓글 1 좋아요 0 조회수 147

[claude MCP] 설정 파일 적성 후 적용 안되는 현상

미해결

AI 에이전트 입문 치트키, Claude MCP로 끝내는 업무 자동화

강의를 너무 잘 들었고, 또 주변에 추천하고 있습니다. 정말 감사합니다. 같은 내용인 것 같은 질문 2가지가 있습니다. 1. Claude를 2개 다른 로그인 계정으로 각각 다른 슬랙을 운영할 때 config.json 파일 수정 방법 -> 아래 그림처럼 계속 붙여가는 것인지... 2. config.json 파일은 하나인데, Firecrawl MCP API 키와 슬랙 API 키 등 계속 늘어나는 키를 저장하는 방법 -> 한 메모 파일에 계속 붙이는 건가요? (그림 아래) -> 해 봤는데 잘 안되어서 문의드려요.

  • 인공지능(ai)
  • ai-활용-(ax)
  • ai-agent
  • mcp
  • claude
SUNG JONG PARK 댓글 1 좋아요 0 조회수 124

브라우져 호환성 문의

미해결

웹 프론트엔드를 위한 자바스크립트 첫걸음

⚠ 질문 작성법 - 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문) - 질문은 최대한 구체적으로 작성해주세요. - 비슷한 질문이 올라와있는지 확인해주세요. - 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요. console.log("hello world"); 안내사항 - 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간 에 답변해드립니다. - '질문 해결'은 답변 작성일 기준 1일 이후에 설정됩니다. 추가: 아래 환경 외에도 윈도우 크롬브라우져 환경에서도 폰트관련 css등이 전혀 동작하지 않고 있습니다. 확인 바랍니다. ========================== 섹션7 33.[안내] 프로젝트 코드 주소 에서 소스 다운받고 index.html파일을 Linux firefox브라우져에서 열어보면 제대로 표시되지 않습니다. 브라우져상관 없이 정상 실행 되도록 하려면 어떻게 해야 하나요?

  • javascript
  • dom
crk1004 댓글 2 좋아요 0 조회수 107

임포트 방식 이미지 브라우저 캐시

해결됨

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

안녕하세요 정환님!! 이미지 로드하는 방식이 2가지라고 했는데 public에 있는 이미지는 매번 새로 이미지를 서버에서 받아오는것은 이해 됐는데. Q. js번들링 파일안에 base64로 uri식으로 넣어진 이미지는 js파일 자체를 브라우저가 저장하고 있다가 새로고침하면 서버에서 캐시검증하고 응답을 304로 내려준다. 그 뒤 브라우저는 캐시해뒀던 파일을 다시 사용해서 이미지 파일은 캐시 되었다고 뜨는걸까요??

  • javascript
  • react
  • node.js
gxpk0721 댓글 1 좋아요 0 조회수 68

영상 마지막에서 body 태그의 display: flex 설정을 안해도 문제가 발생되지 않는 이유

해결됨

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

저는 코드를 똑같이 작성했는데 마지막에 Editor.css에 .Editor > section { margin-bottom: 40px; } 를 추가해도 body 태그의 영역이 축소되는 이상 현상이 발생되지 않았습니다. 그냥 넘어가려고 하긴했는데 왜 동일한 코드인데 제 환경에서는 이상 현상이 발생되지 않는지가 궁금해서 질문드립니다. 다른분들은 강의처럼 body 태그 축소 현상이 발생되여 index.css의 body 태그에 display: flex 설정을 넣었을 때 왜 해결이 되는지에대한 질문은 많은데, 저처럼 아예 발생하지 않은 분들은 안계신 것 같더라구요.. 브라우저는 크롬 쓰고 있고 현시점 최신 버전인 144.0.7559.110(공식 빌드) (arm64) 버전을 쓰고 있습니다.

  • javascript
  • react
  • node.js
개발자 취업 포기 댓글 1 좋아요 0 조회수 119

선생님 강의 블로그에 정리해도되나요?

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

선생님 강의 공부하고 블로그에 정리해도되나요? 궁금합니다.

  • javascript
  • es6
  • 객체지향
  • es5
ymckh1005 댓글 1 좋아요 0 조회수 93

readme 관련 질문 있습니다.

미해결

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요 큰돌님 강의를 즐겨보는 취준생입니다. 강의를 보며 궁금한 점들이 있어 질문 남깁니다. 간단하게 제 상황을 말하면 1년 정도 SI 업체 다니다가 현재는 군대에서 취준하고 있고 6월에 전역하면서 동시에 취업을 하는 것을 목표로 하고 있습니다. Q1: Readme 파일을 잘 꾸미는게 중요하다고 말씀주셨는데, 제가 했던 프로젝트들이 전부 회사에서 혼자 진행한 프로젝트들이여서 모두 private 인 상황입니다. 이럴 경우에는 Readme 파일에 꾸미기 보다는 노션에 따로 정리하는게 맞을까요?? Q2: QnA 글을 보니 큰돌님께서는 이력서와 포트폴리오를 같이 준비하라고 하신걸 봤습니다. 근데 토스채용 같이 이력서와 포트폴리오를 같이 제출해야되는 상황에서는 어떻게 해야될까요?

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
김민웅 댓글 1 좋아요 0 조회수 115

82강 이미지 로딩 관련 질문

미해결

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

이미지는 보통 S3 같이 외부의 이미지 url을 통해서 불러오지 않나요? 외부 이미지를 불러오는 방식에서 브라우저에 이미지를 캐싱하는 방법은 없나요?

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

79강 Routes 외부의 컴포넌트 관련 질문

해결됨

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

이 특징을 사용해서 네비게이션이나 푸터 같은 레이아웃을 처리하는데 활용하는 편인가요?

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

78강 번들 파일 관련 질문

해결됨

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

번들 파일은 용량이 클것으로 예상되는데, 매번 전체를 보내면 낭비가 심할것 같습니다. 번들 파일을 쪼개서 지연로딩하거나, 이전에 받은 번들 파일을 브라우저 내에 캐싱하고 교체하는 방법도 궁금합니다. 혹시 이 강의에서 다루나요??

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

76강 질문 useCallback() 삭제해도 되는건가요?

해결됨

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

useMemo() 로 마운트 시점을 메모하는거면 이제 onCreate, onUpdate, onDelete 에 적용한 useCallback() 은 없애도 되는건가요? const memoizedDistpatch = useMemo(()=>{ return {onCreate, onUpdate, onDelete} }, []) useCallback() 제거하고 테스트했을때 따로 리렌더링 되는걸 확인했지만, 확인차 질문합니다.

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

query 에 대한 answer 결과값이 나오지 않습니다.

미해결

LangGraph를 활용한 AI Agent 개발 (feat. MCP)

강의 모두 코드 똑같이 돌리고 db만 pinecone 을 사용하였습니다 ! 결과에 강의처럼 answer이 나오지 않는데 원인을 잘 모르겠습니다 ㅜ gpt 에 검색해보면 전체 코드를 꼼꼼히 검토해본 결과, 질문하신 "결과(answer)가 나오지 않는 이유" 는 크게 두 가지입니다. 하나는 데이터가 유실되는 방식의 반환(return) 때문이고, 다른 하나는 무한 루프(Infinite Loop) 가능성 때문입니다. 1. 가장 큰 원인: State 데이터 유실 LangGraph의 각 노드 함수( retrieve , generate , rewrite 등)는 AgentState 를 반환할 때, 기존의 데이터를 포함해서 돌려주어야 합니다. 현재 작성하신 코드를 보면: retrieve 함수: return {'context': docs} (이때 query 가 사라짐) generate 함수: return {'answer': response.content} (이때 query , context 가 모두 사라짐) 이렇게 나오는데 제가 봤을땐 이게 원인은 아닌것같습니다...!

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
  • mcp
Stanley Choi 댓글 2 좋아요 0 조회수 123

mouse position interpolation과 transition linear interpolation의 차이

해결됨

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

targetX += (x - targetX) * speed; targetY += (y - targetY) * speed; 이 코드가 매번 마우스가 움직일 때마다 보간을 구하는 거라면, JS에서는 box.style.top = pageY; box.style.left = pageX; 이렇게 포지션만 잡아주고, .box { transition: top second linear, left second linear; } css에서 transition에 각각 top, left에 linear를 주면, targetX/Y의 선형보간이랑 css에서 transition 선형보간이랑 같은 거 아닌가요? 다르다면 어떤 부분이 다른지 알고 싶습니다!

  • javascript
  • 인터랙티브-웹
SuperDuper 댓글 1 좋아요 0 조회수 113

자식컴포넌트 리렌더링

미해결

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

정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!! 저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?

  • javascript
  • react
  • node.js
gxpk0721 댓글 1 좋아요 0 조회수 47

9강에서 'Ch-9-1. GitHub 저장소 링크' 오류

미해결

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
이재윤 댓글 1 좋아요 0 조회수 99

eslint 질문

미해결

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

강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다. 강의에는 .eslintrc.cjs라고 되어있고 module.export = {~~ 이런 식으로 코드가 작성되어있는데 저는 eslint.config.js라고 되어있고 사진과 같은 코드가 있습니다. 영상과 똑같이 했는데 왜 다른 걸까요? 이렇게 진행해도 괜찮을까요 ?

  • javascript
  • react
  • node.js
홍보민 댓글 1 좋아요 0 조회수 88

인기 태그

인프런 TOP Writers

주간 인기글