inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

감정다이어리 edit 컴포넌트 만들때

해결됨

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

12.8강) edit 컴포넌트 작성할때 저는 diary 컴포넌트처럼 edit 컴포넌트 안에 useParams 훅 호출해서 import { useParams } from "react-router-dom"; const Edit = () => { const params = useParams(); return <div>{params.id}Edit</div>; }; export default Edit; 이렇게 설정해줘야 route 설정할때도 id에 따른 페이지가 잘 보이던데 저만 그런가요 아니면 강의에선 스킵이 된건가여

  • javascript
  • node.js
  • react
삘쏘굿 댓글 1 좋아요 0 조회수 109

수업 노트 링크 오류 제보

해결됨

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

링크는 chapter16으로 되어있는데 클릭하면 chapter14 입니다.

  • javascript
  • react
  • node.js
강프로그래머 댓글 2 좋아요 0 조회수 84

scroll Draw SVG에서 실선이 아닌 점선으로 그리고 싶어요

해결됨

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

안녕하세요. 강의를 통해 gsap을 입문한 학생입니다. 현재 강의는 스크롤 시 실선이 나타나는데 점선으로 나타내고 싶습니다. 현재 강의에서의 설정부분인데 pathLength = document.querySelector(element).getTotalLength(); gsap.set(element,{ strokeDasharray:pathLength, strokeDashoffset:pathLength, }) strokeDasharray 설정 부분에 dashArray 간격이 16을 넣었더니 이미 실선이 그려진채로 나오더라구요. 드래그하면서 실선이 그려져야하는데... 실선이 아닌 점선으로도 구현할 수 있는지 궁금합니다

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
ssooya90 댓글 1 좋아요 1 조회수 206

1.8 연산자 2_null 병합 연산자 (강의 진행 2분 00초) 질문이 생겼습니다!

해결됨

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

🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님 강의 잘 듣고 있습니다! 1.8 연산자 2 에서 수업을 듣고 저 혼자 해보는 중에 선생님께서 작성하신 문법과 다르게 작성한 식에서 정답이 출력 되었습니다. 제가 적은 문법이 추후에 다른 문법이나 개발을 하는데 충돌이 나거나 에러가 날 수 있는 경우가 생길 지 여쭤보고 싶어서 문의 남깁니다! 제가 적은 식은 아래와 같습니다. console 에 찍힌 값 : 10 입니다. var1 = null; var2 = 10; var3 = 30; console.log((var4 = var1 ?? var2));

  • javascript
  • react
  • node.js
이윤주 댓글 1 좋아요 0 조회수 81

npx create-react-app my-app 명령어 반응없음

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. npx create-react-app my-app 명령어를 입력하면 어떤 에러가 발생하는 것도 아니고, 성공했다는 메시지도 나오지 않고 다시 명령어를 입력할 수 있는 상태로 돌아갑니다. nodeJs 버전은 22.12.0 이고 npm 버전은 10.9.0 입니다. 에러가 발생하지 않으니 해결 방법을 찾기가 쉽지 않아서 질문 남깁니다. 감사합니다.

  • HTML/CSS
  • javascript
  • react
강성빈 댓글 3 좋아요 1 조회수 473

2강 정수론 문제3 #1407 질문

미해결

2주만에 통과하는 알고리즘 코딩테스트 (2024년)

let [a, b] = require("fs") .readFileSync(0) .toString() .trim() .split(" ") .map(Number); function count(num) { let sum = num; for (let i = 1; i < 99; i++) { sum += (2 ** i - 2 ** (i - 1)) * Math.floor(num / 2 ** i); } return sum; } console.log(count(b) - count(a - 1)); 백준에 이렇게 제출하면 틀렸다는 답이 나옵니다. 어떤 문제일까요? ㅜㅜ BigInt로도 해봤는데 안 됩니다..

  • python
  • 코딩-테스트
  • 알고리즘
  • javascript
kihyun5741 댓글 0 좋아요 0 조회수 144

범위를 제한한 검색 방법

미해결

모두를 위한 대규모 언어 모델 LLM Part 5 - LangGraph로 나만의 AI 에이전트 만들기

안녕하세요. 코랩에 뉴스 기사만 검색하려면 아래 코드를 실행하면 된다고 말씀 주셨는데요. 뉴스 외에 backend 또는 source로 설정 가능한 인자 값에는 어떤 것이 있나요? 독스를 찾아보아도 다른 값은 찾을 수 없어 질문 드립니다. 감사합니다. search = DuckDuckGoSearchResults(backend="news")

  • llm
  • langchain
  • rag
  • openai-api
  • ai-agent
  • langgraph
이신영 댓글 2 좋아요 0 조회수 254

Header 컴포넌트 부분에 대해 질문있습니다.

해결됨

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

안녕하세요 공부를 하다가 궁금한 점이 생겨 질문을 드립니다. Header 컴포넌트에서 화살표 버튼을 각각 클릭하면 날짜가 증가되었다 감소되는 기능에서 이 부분의 state인 pivotDate를 Header컴포넌트가 아닌 Home컴포넌트에 작성된 이유는 날짜가 바뀌면 아래 리스트도 해당날짜에 작성된 리스트를 보여 줘야하니 전체를 관리하는 Home컴포넌트에 작성이 된 것인가요? 그리고 마지막으로 혼자 공부를 하다가 위 내용처럼 이 코드가 부모컴포넌트에 관리를 하는 것인지 그냥 Header처럼 해당기능을 해당 컴포넌트에 작성을 해야되는 것인지 감이 조금 잡히지 않는데 조금 쉽게 이해할 수 있는 방법이 혹시 있는지 궁금합니다.

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 2 좋아요 0 조회수 150

이렇게 풀어도 괜찮을까요?

해결됨

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

for문을 사용하지 않고 sort를 사용해 정렬하고 정렬된 첫 번째를 출력하도록 해서 값을 구했는데 이렇게 해도 되나요?

  • javascript
  • 코딩-테스트
Taetris 댓글 1 좋아요 0 조회수 167

이렇게 풀어도 괜찮을까요?

해결됨

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

이렇게 풀어도 괜찮나요? 너무 단순하게 푼 거 같아서요

  • javascript
  • 코딩-테스트
Taetris 댓글 1 좋아요 0 조회수 141

Llama + Search Tool 연동

미해결

모두를 위한 대규모 언어 모델 LLM Part 5 - LangGraph로 나만의 AI 에이전트 만들기

안녕하세요. Llama 관련 강의 듣는 중 궁금한 점이 있어 문의 드립니다. 우선 강의 내용과 같이 Llama 3.1-8B 모델과 DDG 혹은 Tavily와 연동하여 오징어 게임 출시일에 대한 답변을 확인하였는데요. LangSmith 상으로는 DDG에서 Search 내용은 잘 가져오지만 Llama에서 답변을 완성할 때 아래와 같은 문구가 나오더라고요. 해당 이유와 관련해서는 특별하게 취해야 하는 조치가 있는 것일까요? 그리고, 다른 Llama 모델을 사용하여 tool에 연동해보려고 했는데요. ( EEVE-Korean-10.8B ) invoke 시 에러가 나면서 tool에 연동할 수 없다고 나오더라고요. 혹시 tool에 연동은 llama 공식 모델만 가능한 것일까요? 감사합니다.

  • llm
  • langchain
  • rag
  • openai-api
  • ai-agent
  • langgraph
스텝한커리 댓글 2 좋아요 0 조회수 231

포스트맨 질문

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

[그랩마켓] axios로 네트워크 통신하기 편 수강 중 질문이 생겼습니다. 강의 중 31초에 보면 Body 부분이 HTML로 되어있는데 그 전까지는 JSON으로 하라고 했다가 갑자기 언급 없이 변경이 돼있어서 HTML로 해야되는지 JSON으로 해야되는지 헷갈립니다. 강의 중 4분 10초와 같이 통신 결과, status:200, 화면도 잘 뜹니다. 그런데 data에 화살표가 생기고 누르면 그 아래 products 객체 아래 배열대로 화살표가 생기고 하는데 저는 그냥 data에 값들이 쭉 나열만 되어있습니다. 이 부분을 강의에서처럼 바꾸고 싶습니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
박현 댓글 1 좋아요 0 조회수 120

혹시 자바스크립트는 ENUM타입에 대해 잘 취급을 안하나요?

해결됨

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

조금 강의 핵심과 동떨어지는 질문인것같아서 죄송합니다, useReducer를 사용할때 reducer함수의 action.type에 대해 String 타입으로 기준이 잡히는거 보니깐 나중에 규모가 커지면 조금 불안할것 같아서요. 자바스크립트는 ENUM타입이 있는걸로 알고있는데 언급을 안하셔서 혹시 잘 안쓰는건가 싶어서 질문드립니다. String타입이 조건문의 기준이 되면 분명 프로젝트 규모가 커졌을때 발견되기힘든 런타임에러에 대한 걱정이 좀 있을것같아요

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

timezone 관련

미해결

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

안녕하세요 선생님. 질문이 있습니다! @CreateDateColumn({ name: 'mb_regs_tm', type: 'timestamp', comment: '등록일시', }) regs_tm: Date; @UpdateDateColumn({ name: 'mb_mod_tm', type: 'timestamp', nullable: true, comment: '수정일시', }) mod_tm: Date; 위 데코레이션으로 만든 컬럼은 따로 시간을 지정해주지 않다보니 자동으로 UTC로 값이 설정되는데요. 문제는 @Column({ name: 'mb_exp_tm', type: 'timestamp', nullable: true, comment: '만료일시', }) exp_tm: Date; 이 컬럼의 경우 export function getExpirationDate(days: number): Date { const now = new Date(); return new Date(now.setDate(now.getDate() + days)); } 위의 함수를 사용하여 데이터가 생성된 날로부터 90일을 더한 값으로 만료일을 설정하거든요. 근데 mb_exp_tm 컬럼만 KST로 설정되고 나머지 mb_regs_tm, mb_mod_tm는 UTC로 데이터가 저장됩니다. https://github.com/typeorm/typeorm/issues/5841 위 이슈에서도 제가 현재 고민하고 있는 부분에 대해 얘기하고 있지만 명확한 답은 아직 찾질 못해서요. 혹시 위 문제에 대한 해결책을 들을 수 있을까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
댓글 2 좋아요 0 조회수 132

CSSOM 강좌는 언제 올라오나요?

미해결

DOM 기본

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 선생님. 덕분에 재밌게 근본을 다지고 있는데요. 혹시, 세 번째 강좌인 cssom에 대한 강좌는 아직 계획이 없으신걸까요? ㅜㅜ 향후 계획이 있으시다면, 언제 오픈하실 지 궁금합니다. ㅎㅎ 모조록 건강하시고, 새해 복 많이 받으세용 감사합니다.

  • HTML/CSS
  • javascript
  • dom
러닝맨 댓글 1 좋아요 2 조회수 145

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

주신 샌드박스 파일에서는 height가 50vh라고 되어있는데 강의에서는 아래와 같이 height가 50vw라고 되어있네요 뭐가 맞는거죠? vh가 맞는것 아닌가요

  • HTML/CSS
  • javascript
  • es6
nrlee 댓글 1 좋아요 0 조회수 164

node 버전 문의드립니다.

해결됨

[JS] Phaser 게임 제작 - 뱀파이어 서바이벌 클론

강의 제작 시점보다 시간이 많이 지나서 지금은 Phaser가 Node.js 18버전과 호환이 되는 것으로 알고 있는데 Phaser로 게임 개발을 할 때 18버전을 사용하는 것이 좋은가요? 아니면 강의에서 배우는 Node 16버전을 계속 사용하는 것이 좋은가요?

  • javascript
  • phaser
너구리해적단 댓글 2 좋아요 1 조회수 218

인기 태그

인프런 TOP Writers

주간 인기글