inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

섹션04 Layout에서 Mixed Layout파트의 실습 index.html파일 열었을때 선생님께서 보여주시는 가로스크롤이 안나타남.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

안녕하세요. SCROLLTRIGGER-STARTED 폴더에 있는 4-5.Mixed Layout의 index.html 파일을 열어 section02의 horizontal 주석을 해제하고 보았을때 가로 스크롤이 안나타납니다. 제가 뭐 건드린 것은 특별히 없어서 finish폴더의 style.css파일과 비교하였는데도 가로 스크롤이 안나타납니다. 이상태에서 해당 강의 중 settings.js를 만져서 가로 스크롤이 안나타나도록 확인을 해야하는데 가로스크롤이 안나타난 상태에서 강의를 보면서 settings.js파일을 실습하기가 어려울것 같습니다.. 제가 뭘 잘못한게 있을까요?

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
미갱이 댓글 3 좋아요 0 조회수 128

질문드립니다.

해결됨

Cursor AI로 만들면서 배우는 Web & Javascript

정보처리기사 실기를 선생님과 함께 하고, 시험 합격에 이어서 이제 본격적으로 취업을 위한 저만의 프로젝트를 만들어 보겠다는 생각이 들었습니다. 마침 Cusor AI의 첫 개강 때 할인 이벤트가 있어서 저만의 첫 프로젝트를 시작하기 전에 이번 기회에 다시 한번 더 선생님과 함께 나아가고자 현재 선생님의 새로운 강의를 수강하고 있습니다. 그리고 어제 새벽에 처음 시작해서 정신을 차려 보니 지금 벌써 4강을 진입하는 상황이 되어버렸습니다.. 결론은 또 엄청난 강의를 만들어 주신 것 같습니다....! 이제 정말 질문인데요. 프론트 엔드의 영역이라 생각하고 지금 재미있게 공부 중에 있습니다만 백엔드나 전체적으로 다뤄서 풀스택 관련 강의 제작도 목표가 있으실지 해서 질문 남겨드립니다. 현재 독학으로 Spring을 공부 중에 있습니다만, 선생님의 자바 백엔드 수업도 있다면 재미있게 제가 원하는 개발을 이어나갈 수 있을 것 같아 조심스럽게 이 자리에 질문을 남겨드립니다. 아무쪼록 이번에도 놀랍고 대단한 몰입력을 유도하는 강의를 만들어 주셔서 정말 감사합니다. 정보처리기사 합격에 이어서 이번에는 선생님 강의를 듣고 취업 성공까지 힘내 보겠습니다!ㅎ (ps 시험 때문에 듣던 선생님의 ppt 자료가 이제는 시험이 아니라 재밌는 창작 같은 공부에 쓰이니까 모든 게 감회가 새롭네요ㅋㅋㅋ)

  • HTML/CSS
  • javascript
  • llm
  • ai-활용-(ax)
  • cursorai
최요한 댓글 2 좋아요 1 조회수 132

소스 코드 부탁드립니다~

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

안녕하세요~ 강의 듣는데, 소스코드가 필요해서, 소스코드 보내주시면 감사하겠습니다~ sunshinew@naver.com

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
김주원 댓글 2 좋아요 0 조회수 130

React.memo 를 TodoItem 에 적용하는 부분에서 질문 있습니다.

해결됨

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

const TodoItem = ({ id, isDone, content, date, onUpdate, onDelete }) => { const onChangeCheckbox = () => { onUpdate(id); }; const onClickDeleteButton = () => { onDelete(id); }; return ( <div className="TodoItem"> <input onChange={onChangeCheckbox} type="checkbox" checked={isDone} /> <div className="content">{content}</div> <div className="date">{new Date(date).toLocaleDateString()}</div> <button onClick={onClickDeleteButton}>삭제</button> </div> ); }; export default memo(TodoItem, (prevProps, nextProps) => { // 반환값에 따라, Props가 바뀌었는지 안바뀌었는지 판단 // T -> Props 바뀌지 않음 -> 리렌더링 X // F -> Props 바뀜 -> 리렌더링 O if (prevProps.id !== nextProps.id) return false; if (prevProps.isDone !== nextProps.isDone) return false; if (prevProps.content !== nextProps.content) return false; if (prevProps.date !== nextProps.date) return false; return true; }); TodoItem 의 props 에 함수(객체 타입의 값)을 받고 있어서 export default memo(TodoItem); 이렇게만 적용할 경우 리렌더링 시, 함수를 새로운 객체로 인식해서 TodoItem 컴포넌트 입장에서는 props가 바뀌었다고 인식한다는 거 까지는 이해가 됐습니다. 근데 memo 의 두 번째 인수에서 if (prevProps.id !== nextProps.id) return false; if (prevProps.isDone !== nextProps.isDone) return false; if (prevProps.content !== nextProps.content) return false; if (prevProps.date !== nextProps.date) return false; 이렇게만 비교하면 결국 onUpdate, onDelete 는 비교를 하지 않은거같은데 왜 동작이 잘 되는지 모르겠습니다. true 값을 반환해주면 함수는 변하지 않았다고 정해주는 걸까요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
XEMI 댓글 2 좋아요 0 조회수 89

26강 Code에서 Python 문의

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요 선생님... 연휴는 잘 보내셨는지요? 다름아니라 26강에서 code node에 입력하는 Python 전체 문장 받아볼 수 있을까요? 처음 파이션을 접하다보니 몇차례 작성해 보았는데 자꾸 오류가 나서요. 이메일로 보내 주셔서 좋고요... 부탁드립니다.

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
  • 카카오공채-개발
  • 카카오공채-서비스
김충환 댓글 2 좋아요 0 조회수 85

생성한 newTodo 객체를 setTodos 를 이용해 추가하는 부분에서 질문 있습니다

미해결

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

const onCreate = (content) => { const newTodo = { id: idRef.current++, isDone: false, content: content, date: new Date().getTime(), }; setTodos([newTodo, ...todos]); }; 지금처럼 이렇게 newTodo 를 todos 배열의 맨 앞에 붙이면 원래 기존의 todos 요소 전체의 인덱스가 변화해야해서 동작시간이 오래 걸린다고 앞의 수업에서 들었던 것 같아서 왜 이렇게 하는지 의문이 들었습니다. 이렇게 해야 나중에 등록한 newTodo 객체가 맨 위로 올라오게 되어서 그런건가요?

  • javascript
  • react
  • node.js
XEMI 댓글 3 좋아요 0 조회수 96

Components 와 Profiler 탭이 나오지 않습니다.

해결됨

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

크롬에서 추가하고 설정 다 따라서 했는데 components 탭이 나오지 않습니다...

  • javascript
  • react
  • node.js
  • 카카오공채-개발
XEMI 댓글 3 좋아요 0 조회수 182

8강 이메일트리거가 계속 리스닝상태입니다

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

8강에서 이메일 트리거가 계속 리스닝 상태입니다. 지메일 앱 비밀번호도 입력했고 몇번을 실행해봐도 리스닝상태에서 벗어나질 못합니다 비슷한 질문이 있어 답변을 읽어봤는데 구글 앱 비밀번호가 문제일 가능성이 있다고 하는데 앱 비밀번호는 여러번 입력해봤습니다 어느 부분을 수정해야 할까요?

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
  • 카카오공채-개발
  • 카카오공채-서비스
남승원 댓글 2 좋아요 0 조회수 98

forEach에서 continue, break 동작안하는 문제

해결됨

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

forEach에서 continue, break 동작안하는 문제 가 발생하였는데 continue랑 break를 쓸거면 일반적인 for문을 이용할 수밖에 없는 건지 궁금합니다. ^^

  • javascript
  • react
  • node.js
  • 카카오공채-개발
JS K 댓글 1 좋아요 1 조회수 71

CityList개발-handleLoadMore함수질문

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요! + 오류 메세지도 함께 올려주시면 좋아요 🙂 안녕하세요 강의에 따라 그림이 로드 되는 것까지는 성공했지만 이후 handleLoadMore를 넣고 배열이 나오지 않아요... 그리고 handleLoadMore함수가 어떻게 실행까지 이어지는지 알려주세요 예) handleLoadMore가 new CityList의 인수로 지정되고 cityList 함수에 부여되어 00줄 console.log함수로 출력 추가한 코드만 넣었습니다...! 주석 단 부분으로 확인해보니 이렇게 작동됨은 확인했습니다! const cityList = new CityList({ $app, initialState: this.state.cities, handleLoadMore: async () => { const newStartIdx = this.state.startIdx + 40; const newCities = await request(newStartIdx, this.state.region, this.state.sortBy, this.state.searchWord); } }); //console.log(cityList) ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
김규태 댓글 1 좋아요 0 조회수 99

react도 포멧팅 스타일이 따로 있나요?

미해결

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

구글 스타일 처럼 대표적인 포맷팅 스타일이 있나요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
문수 댓글 2 좋아요 0 조회수 44

socket connect 오류

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요. nestJS강의를 잘 시청하고있습니다. 진행하는 과정에서 Socket Connect 연결 요청시 Error: socket hang up 오류가 발생하며 연결이 되지 않는 문제가 발생 하였습니다. 저는 현재 NestJS최신버전인 11.1.6버전을 이용해 진행중입니다. PostMan에서 Connect 시도시 아무런 로그가 남지 않습니다. 혹시 아래 문제에 대해서 도움을 받을 수 있을까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
임성호 댓글 2 좋아요 0 조회수 143

공유 자료 요청합니다

미해결

바이브코딩으로 Spring Boot 게시판 개발하기 (Claude, Gemini, OpenAI Codex)

명령어와 절차들을 기록한 공유자료를 찾을 수가 없네요. 위치 알려주시면 감사하겠습니다.

  • HTML/CSS
  • javascript
  • java
  • 인공지능(ai)
budnamu 댓글 3 좋아요 0 조회수 98

리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

미해결

[React 1부] 만들고 비교하며 학습하는 React

강사님, 리액트 1부 강의를 너무 알차게 수강한 터라 인프런에 올리신 리액트 1,2부의 후속 강의나 준비 중인 다른 강의 계획이 있는 지 궁금합니다.

  • javascript
  • react
  • 웹앱
  • mvc
mosara999 댓글 2 좋아요 1 조회수 137

12.13 new 페이지 구현하기 1.UI 부분에서 마지막 설명부분이 이해가 가지 않습니다

해결됨

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

마지막에서 작성완료와 취소하기 버튼 부분에 배경색 하얀색 부분 즉 #root background-color:white부분이 적용되지 않았습니다. 이때 해결방법을 body에 display:flex를 넣음으로써 해결이 된다하셨는데, 이게 root부분에 어떤 영향을 끼치길래 height가 늘어났는지 궁금합니다

  • javascript
  • react
  • node.js
  • 카카오공채-개발
남기정 댓글 2 좋아요 0 조회수 83

강의 완강 후기 및 질문

해결됨

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

안녕하십니까 강사님! 덕분에 강의 너무나도 잘 들었습니다. 수강하게 된 계기가 파이썬 기반 백엔드 신입으로 취업 준비를 할 때 어떻게 하면 자바보다 차별화해서 준비할 수 있을까? 라는 생각으로 시작했습니다. 강의를 수강하고 나니 확실히 RAG기술은 강하다고 느꼈습니다. 하지만 저번에 답변을 해주셨을 때 프롬포트 엔지니어링만으로는 취업을 준비하기 불안정하다 라는 의견에 굉장히 동의합니다! 혹시 실례가 안된다면 질문을 드리고 싶습니다! 만약에 답변이 조금 어려우시면 답변 안해주셔도 됩니다! - 파이썬 기반 백엔드 신입으로 취업 준비를 할 때 현재 저는 was와 db구현해보기 + rag기술 다루어보기 정도의 기술 스택을 가지고 있는데 강사님이 보시기에는 어떠한지 궁금합니다. 올바른 방향으로 준비를 하고 있는지 아니면 시장에서 원하는 방향이 아닌건지 궁금합니다! 현재는 학부 3학년으로써 조언을 해주신다면 정말 감사하겠습니다. 질문 읽어주셔서 감사합니다!

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
  • mcp
  • 카카오공채-개발
Jh P 댓글 1 좋아요 0 조회수 95

객체와 배열의 const 차이

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

const로 했을 때 객체는 수정이 되고 배열은 수정이 안된다는 설명 부분이 이해가 잘 안됩니다. 고유 ID가 아니라는 말도 이해가 잘 안되는데 보충 설명을 받을 수 있을까요?

  • javascript
  • rest-api
  • spa
  • dom
이선재 댓글 1 좋아요 0 조회수 78

const 객체/배열 차이

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

왜 객체는 const로 했을 때 수정이 되고, 배열은 const로 했을 때 수정이 안 되는지 이해가 잘 안됩니다.

  • javascript
  • rest-api
  • spa
  • dom
이선재 댓글 2 좋아요 0 조회수 98

header 개발 새로고침 오류

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

검색어 입력 후 새로고침을 하면 Failed to load resource: the server responded with a status of 500 () 이와 같은 오류가 뜨는데 왜 그러는걸까요? 그리고 그 밑에 SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON 이렇게 함께 콘솔창에 나옵니다.

  • javascript
  • rest-api
  • spa
  • dom
박유빈 댓글 2 좋아요 0 조회수 150

3.3 langgraph 의 tool 호출 관련 질문

해결됨

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

안녕하세요. 해당 챕터에서 강의 내용과 실행 결과 간 매치가 잘 안되는 듯 느껴져 문의드립니다. from langchain_core.messages import HumanMessage for chunk in graph.stream({'messages': [HumanMessage('3에다 5를 더하고 거기에 8을 곱하면?')]}, stream_mode='values'): chunk['messages'][-1].pretty_print() 강의 화면에서 위와 같은 query 에 대해 노드 단위로 출력한 결과를 보면, 첫 번째 Ai Message 는 Tool Calls 로 add 과 multiply 두 툴에 대한 요청을 함께 생성하고 다음 Tool Message 로 multiply 의 결과 64 를 반환, 두 번째 Ai Message 는 Tool Calls 로 multiply 만 생성하고 다음 Tool Message 로 결과 64를 반환하고 있습니다. 근데 강의에서는 첫 번째 Ai Message 에 대해 "먼저 덧셈을 실시합니다. 그러니까 multiply(?) 라는 툴이 64를 주고, 근데 task 가 두 개니까 task 에서 도구 호출을 또 하는 겁니다. 그런 다음에 64라는 답이 나오고..." 라고 녹화되어 있는데... 이게 무슨 얘기인지 잘 와닿지가 않네요.. 녹화 당시의 실행 결과와 상관없이 add 한 번 호출 후 multiply 한 번 호출에 대한 설명인 걸까요? 아니면 병렬 도구 호출에 대한 설명인 걸까요? 감사합니다.

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
  • mcp
  • 카카오공채-개발
명탐정 댓글 2 좋아요 0 조회수 87

인기 태그

인프런 TOP Writers

주간 인기글