영상이 안보여요
미해결
SVG 멀티 스트로크 스크롤 애니메이션
영상이 안보입니다 다른 강의는 보이는데 왜이럴까요 .
- HTML/CSS
- javascript
173만명의 커뮤니티!! 함께 토론해봐요.
미해결
SVG 멀티 스트로크 스크롤 애니메이션
영상이 안보입니다 다른 강의는 보이는데 왜이럴까요 .
해결됨
생성형 AI로 웹 사이트 제작부터 배포(w. Chat GPT, Cursor AI, Database)
8강 재생이 안 되네요! 오류인가요??
해결됨
생성형 AI로 웹 사이트 제작부터 배포(w. Chat GPT, Cursor AI, Database)
안녕하세요. 수업 잘 듣고 있습니다. 혹시 코드 내용은 따로 안 올려주시는지 궁금합니다.
해결됨
LangGraph를 활용한 AI Agent 개발 (feat. MCP)
workflow.add_edge(START, "note1") workflow.add_edge(START, "note2") workflow.add_edge(START, "note3") 이렇게 해두면, 어떤 설정을 따로 안해도 note1,2,3이 동시에 실행되나요? note1 먼저 하고 note2 하고 그다음 note3이 되는게 아니죠? 그러면 병렬이 아니니까
해결됨
React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
안녕하세요. 먼저 강의 잘 들었습니다. 다름이 아니라 배포 후 웹으로는 업무게시판의 게시글이 잘 보이는데 모바일로 접속 시에는 게시글이 없는 것으로 나옵니다. 웹 (개발자 도구로 모바일 디바이스 버전으로 봐도 잘 보입니다) 모바일 이유가 뭔지 궁금합니다~
해결됨
[코드캠프] 시작은 프리캠프
<body> <div class="wrapper"> <div class="wrapper__header"> <div class="contents__title"> <div class="title">Updated news</div> <div class="subtitle">TODAY STORY</div> </div> <div class="divideLine"></div> <div class="contents__body">오늘의 기분 너무 좋음</div> </div> <div class="wrapper__body"> <div class="contents__title"> <div class="title">My Video</div> <div class="subtitle">INTRODUCE YOURSELF</div> </div> <div class="body__video"></div> .contents__title{ display: flex; flex-direction: row; align-items: center; } .title { color: #55b2e4; font-size: 13px; font-weight: 700; } .subtitle{ font-size: 8px; padding-left: 5px; } .divideLine{ width: 100%; border-top: 1px solid gray; } .contents__body{ font-size: 11px; color: gray; } .wrapper__body { width: 100%; height: 270px; background-color: aqua; } .body__video { width: 100%; height: 240px; background-color: #c4c4c4; } 피그마에서는 my video 밑 회색 부분이 사이즈가 width 464px height 240px 이길래 width는 100%로 주고 height 240px로 설정했는데, 이렇게 안맞길래, height 100%로 했더니 이렇게 됩니다.. 왜이렇게 될까요?? 100% 이면 파란 부분까지 회색 부분도 가야하는 것 아닌가요? 자식 클래스는 부모 클래스 따라오는 걸로 알고 있었는데 이상하게 되어서 당황스럽습니다.. 가르쳐주시면 감사드리겠습니다. My Video 라인에서 조금 떨어트리고 싶어서 .body__video { width: 100%; height: 100%; background-color: #c4c4c4; margin: 15px 0px 25px 0px; } margin 줬더니 padding은 먹지도 않는데.. 제가 뭘 잘 못 알았을까요ㅠㅠ?
미해결
AI 에이전트로 구현하는 RAG 시스템(w. LangGraph)
로드맵 수강 중인데... 로드맵 시 주셨던 graph rag 50% 할인쿠폰을 잠시만이라도 부활 시켜주실 수 있으신가요? 강의량 대비 이벤트 기간이 짧아 보입니다. ㅠㅠ 그리고 강사님 강의가 너무 좋아서 놓치고 싶지 않습니다.
미해결
JavaScript 알고리즘 베스트 10
제가 문제를 풀때, 너무 하드코딩을 하는것 같이 느껴집니다. 우선 문제를 먼저 풀어보고, 강의를 듣고 있는데, 선생님이 푼 방법으로 풀려고 노력하는게 좋을까요? 아니면, 선생님이 푼 방법으로 바꾸려고 노력하는게 좋을까요?? 제가 짠 코드는 이렇습니다. function solution(data){ let answer = []; let rotten_carret = 0; let rotten_carret_count = 0; //일단 for문으로, carret 밭 전체 탐색 for(let i = 0; i < data.length; i++) { for(let j = 0; j < data[i].length; j++) { //#일때 썩은당근 갯수 ++ if(data[i][j] === '#') { rotten_carret++; } //만약 0이라면 if(data[i][j] === 0) { //빈곳에서 주변 탐색을 통한 썩은 당근 갯수 구하기 for문 for(let k = (i-1); k <= (i+1) && k < data.length; k++) { for(let f = (j-1); f <= (j+1) && f < data[i].length; f++) { if( (k >= 0 && f >= 0) && (k!==i || f!==j)) { if(data[k][f] === '#') { //console.log ${i},${j}일때 ${k},${f} 엔 ${rotten_carret_count} ); rotten_carret_count++; } } } } } } } answer.push(rotten_carret); answer.push(rotten_carret_count); return answer; } 어떤 방식으로 학습하는 것이 더 효율적일지 의문이 들어 이렇게 문의 드립니다.
해결됨
[코드캠프] 시작은 프리캠프
<!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <style> * {box-sizing: border-box;} * {font-family: Noto Sans CJK KR;} .pb { position: relative; left: 625px; top: 60px; bottom: 60px; width: 670px; height: 960px; border: 1px solid #aacdff; border-radius: 10px; box-shadow: 7px 7px 39px 0px #0068ff40 ; } .pb2{ width: 470px; height: 818px; position: relative; top: 72px; left: 100px; } .sb1{ font-weight: 700; font-size: 32px; color: #0068ff; } .sb2{ display: flex; flex-direction: column; gap: 21px; position: relative; top: 60px; } .sb2 > div{ width: 466px; height: 80px; color: #797979; font-size: 13px; } .sb2 div { border-bottom: solid 1px #cfcfcf; } .sb2 div.email{ border-bottom: solid 1px #0068ff; } .sb2 div.radio { width: 90%; height: 23.94px; display: flex; flex-direction: row; justify-content: center; gap: 30px; margin-top: 50px; border: solid #ffff ; } .sb2 div.checkbox { position: relative; top: 50px; width: 454px; height: 21.06px; border: solid 1px #ffff; display: flex; flex-direction: row; justify-content: center; } .sb2 div.hr { position: relative; top: 60px; border: #ffff; } .sb2 div.last { width: 470px; height: 75px; border: 1px solid #0068FF; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 15px; color: #0068FF; } </style> </head> <body> <div class="pb"> <div class="pb2"> <div class="sb1">회원가입을 위해 <br> 정보를 입력해 주세요 </div> <div class="sb2"> <div class="email">*이메일</div> <div>*이름</div> <div>*비밀번호</div> <div>*비밀번호 확인</div> <div class="radio"> <label><input type="radio" name="gender"> 여성 </label> <label><input type="radio" name="gender"> 남성 </label> </div> <div class="checkbox"> <input type="checkbox"> 이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다. </div> <div class="hr"> <hr> </div> <div class="last"> 가입하기 </div> </div> </div> </div> </body> </html> 어찌저찌 하긴했는데, 억지로 끼워넣기 한 기분입니다.. 혹시 강사님이 해 두신 모범답안 이라던가 보고 참조할 수 있을만한 것이 있을까요?? 문제점이.. 스크롤이 되지 않습니다.. 그리고 pb를 relative로 해서 탑에서 60px 간격 두게 설정했는데 설정이 안먹는 느낌입니다. div 대부분 relative로 했는데, relative로 했을 때 바로 위 div 기준으로 하는것인가요? 하다 보면 이상하게 겹쳐서 전에 div에 선이 그어져있거나, 단어가 겹쳐 있거나 합니다 예) div class="hr" 로 했는데 위에 checkbox 란에 선이 이상하게 겹쳐있습니다 예2) div class="last"도 relative로 설정해서 figma에 나온대로 30px 간격두고 싶었는데 hr라인이랑 겹쳐서 "가입하기" 문구가 들어가 버리더라구요.. figma에 나온 수치대로 입력하니 사이트는 이상하게 되고 해서 제가 임의로 숫자를 늘리고 해서 야매로 만들었어요.. 더 좋은 script가 있으면 보고 참조하고 싶습니다. 부탁드립니다.
해결됨
[코드캠프] 시작은 프리캠프
계속 <!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <style> * {box-sizing: border-box;} * {font-family: Noto Sans CJK KR;} .pb { width: 670px; height: 960px; border: 1px solid #aacdff; border-radius: 10px; box-shadow: 7px 7px 39px 0px #0068ff40 ; } .pb2{ width: 470px; height: 818px; position: relative; top: 72px; left: 100px; } .sb1{ font-family: Noto Sans CJK KR; font-weight: 700; font-size: 32px; color: #0068ff; } .sb2{ display: flex; flex-direction: column; gap: 21px; position: relative; top: 60px; } .sb2 > div{ width: 466px; height: 80px; color: #797979; font-size: 13px; } .sb2 div { border-bottom: solid 1px #cfcfcf; } .sb2 div.email{ border-bottom: solid 1px #0068ff; } .sb2 div.radio1 { width: 140px; height: 23.94px; display: flex; margin-top: 50px; border: solid #ffff ; } .sb2 div.radio { border: solid #ffff; </style> </head> <body> <div class="pb"> <div class="pb2"> <div class="sb1">회원가입을 위해 <br> 정보를 입력해 주세요 </div> <div class="sb2"> <div class="email">*이메일</div> <div>*이름</div> <div>*비밀번호</div> <div>*비밀번호 확인</div> <div class="radio1"> <div class="radio"> <input type="radio" name="gender"> 여성 <input type="radio" name="gender"> 남성 </div> <div> <input type="checkbox"> 이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다. </div> </div> </div> </div> </div> </body> </html> 뭐가 잘못되었는지 모르겠어요..ㅠㅠ....
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
제목 그대로 수정하기 기능 구현 중 작성완료 버튼을 누르면 리스트에 나와야 하는데 위의 그림처럼 빈 리스트가 나옵니다. 계속 강의와 코드를 번갈아가면서 보는데 오류를 잡기 쉽지 않습니다. 아래는 실습했던 소스코드입니다. https://github.com/PARKSUNJUNG/section12 무엇이 문제일까요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요. 강사님. react day 16 미션 contactEditor onChange 이벤트 발생 관련 렌더링 질문이 있습니다. 아래와 같이 ContactList에도 React.memo 내장함수를 적용했음에도 불구하고 contactEditor에서 텍스트를 입력하면 같이 렌더링 되는 이유를 모르겠습니다. const ContactList = ({contacts, onDelete}) => { return ( <div className="ContactList"> <div className="title">Contact List</div> {contacts.map((contact) => { return <ContactItem key={contact.id} contact={contact} onDelete={onDelete}/>; })} </div> ) } export default memo(ContactList); const ContactItem = ({contact, onDelete}) => { const onDeleteButtion = () => { onDelete(contact.id); } return ( <div className="ContactItem"> <div className="name">{contact.name}</div> <div className="email">{contact.email}</div> <button onClick={onDeleteButtion} name="remove" >🗑️ Remove</button> </div> ) } export default memo(ContactItem);
해결됨
[코드캠프] 시작은 프리캠프
안녕하세요 부산사는 유아람이라고 합니다. 수업 잘 듣고 있습니다. 한 가지 궁금한 점이 있어서 이렇게 글을 작성합니다. *{} 가 전체 선택자이고 div {} 는 태그 선택자라고 가르쳐주셨는데, 마지막에 실험을 하는데서 궁금해서 말씀드립니다. <!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <style> * { box-sizing: border-box; } div { width: 80px; height: 80px; border: 1px solid red; padding: 10px; } /* #contentBox { box-sizing: content-box; } #borderBox { box-sizing: border-box; } */ </style> </head> <body> <div id="contentBox">박스 1</div> <div>박스 2</div> <div id="borderBox">박스 3</div> </body> </html> <body> <div>박스 1</div> 는 처음에 아무런 style을 지정하지 않았을 때, 박스로 나타나지 않고 그냥 텍스트 "박스 1"만 적혀있었는데, 이건 제 눈에 안보이는 박스가 이미 형성이 되어있는데 색이나 크기를 지정하지 않아서 그냥 텍스트로 보이는게 맞나요? div { width: 80px; height: 80px; border: 1px solid red; padding: 10px; } 이걸 지정하면서 보이지 않던 박스가 생긴걸까요? 밑에 설정을 한 div 전체니까 div{}로 하지않고 *를적용해서 <!DOCTYPE html> <html lang="ko"> <head> <title>Document</title> <style> * { box-sizing: border-box; } * { width: 80px; height: 80px; border: 1px solid red; padding: 10px; } /* #contentBox { box-sizing: content-box; } #borderBox { box-sizing: border-box; } */ </style> </head> <body> <div id="contentBox">박스 1</div> <div>박스 2</div> <div id="borderBox">박스 3</div> </body> </html> 이렇게 나오던데 이건 왜 이렇게 되는걸까요?
해결됨
[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드
어떤 강의에 대한 질문인지 자세하게 알려주시면 답변을 드리는데 도움이 됩니다. 스크린샷 윈도우키 + 쉬프트키 + S(윈도우) 을 자세히 첨부하시면 답변 드리는데 많은 도움이 됩니다. 동영상 재생 관련 같은 인프런 서비스 관련 문의는 1:1 문의하기를 이용해 주세요.
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
const getSortBy = () =>{ if(window.location.search){ const sortText = window.location.search.split('sort=')[1].split('&')[0]; console.log(`getSortBy : ${sortText}`); return sortText; }; return 'total'; }; const getSearchWord = () => { if(window.location.search && window.location.search.includes('search=')){ return window.location.search.split('search=')[1]; }; return ''; }; ... this.state = { startIdx: 0, sortBy : getSortBy(), searchWord: getSearchWord(), region: "", cities: "",}; 일단 문제가 되는 코드는 이 부분 입니다. 이부분을 작성 한 이후로, 새로고침 하면 아래 시티리스트가 안나오다가 상단 sort 또는 search 를 주석처리 하면 리스트가 출력 됩니다 전체 코드는 아래 git 주소를 같이 봐주시면 감사하겠습니다. https://github.com/KimDay366/onebite_js/tree/main/section09/Trip-Wiki 한시간째 똑같은 코드만 보고 있는데, 계속 봐도 저는 뭐가 문제인지 모르겠네요 ㅠㅠㅠ
해결됨
[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드
제 컴퓨터 윈도우기능 켜기/끄기 에서 Hyper-V가 안보이네요 Hyper-V는 Microsoft에서 개발한 가상화 기술 입니다. 이를 통해 컴퓨터 한 대에서 여러 개의 독립적인 운영 체제(가상 머신, VM)를 동시에 실행할 수 있습니다. 💻 마치 물리적인 컴퓨터 여러 대를 가지고 있는 것처럼 사용할 수 있게 해주는 기능이죠. Hyper-V가 필요한 이유 개발 및 테스트 환경 구축 : 다양한 운영 체제나 소프트웨어를 테스트할 때, 실제 컴퓨터에 설치하지 않고 가상 환경에서 안전하게 시험할 수 있습니다. 🧪 서버 통합 : 여러 개의 서버를 하나의 물리적 서버에서 가상 머신으로 실행하여 하드웨어 비용과 전력 소모를 줄일 수 있습니다. 📉 레거시 시스템 유지 : 오래된 운영 체제나 특정 하드웨어를 필요로 하는 프로그램을 계속 사용해야 할 때, 가상 머신으로 만들어 안전하게 보관하고 사용할 수 있습니다. 보안 강화 : 의심스러운 파일을 실행하거나, 특정 웹사이트에 접속할 때 가상 머신을 사용하여 호스트 시스템(메인 컴퓨터)의 보안을 유지할 수 있습니다. 🛡 Hyper-V 활성화 조건 Hyper-V를 사용하려면 몇 가지 조건이 충족되어야 합니다. 64비트 프로세서 : SLAT(Second Level Address Translation)를 지원하는 64비트 프로세서가 필요합니다. 대부분의 최신 CPU는 이 기능을 지원합니다. 하드웨어 가상화 활성화 : BIOS/UEFI 설정에서 Intel VT (Intel Virtualization Technology) 또는 AMD-V (AMD Virtualization) 기술을 활성화해야 합니다. 하드웨어 데이터 실행 방지(DEP) 활성화 : Intel 시스템의 XD 비트 또는 AMD 시스템의 NX 비트가 활성화되어야 합니다. 충분한 RAM : 호스트 운영 체제와 실행할 가상 머신들을 위해 충분한 메모리(최소 4GB 이상)가 필요합니다. Windows Pro 또는 Enterprise 버전 : Windows 10 Home 버전에서는 Hyper-V가 기본적으로 제공되지 않습니다. Pro 또는 Enterprise 버전에서만 "Windows 기능 켜기/끄기"에서 Hyper-V 옵션을 사용할 수 있습니다. (하지만 Home 버전에서도 PowerShell 명령어를 통해 활성화하는 방법이 있긴 합니다.) Hyper-V 생성(활성화) 방법 1. "Windows 기능 켜기/끄기"를 통한 활성화 (권장) 대부분의 경우 이 방법으로 Hyper-V를 활성화할 수 있습니다. 제어판 열기 : Windows 검색창에 "제어판"을 입력하여 엽니다. 프로그램 및 기능 : "프로그램" 섹션에서 "프로그램 및 기능"을 클릭합니다. Windows 기능 켜기/끄기 : 왼쪽 메뉴에서 "Windows 기능 켜기/끄기"를 클릭합니다. Hyper-V 선택 : 목록에서 Hyper-V 항목을 찾아서 하위 항목들까지 모두 체크 합니다. (예: Hyper-V 관리 도구, Hyper-V 플랫폼) 확인 및 재부팅 : "확인"을 클릭하면 Windows가 필요한 파일을 설치하고 컴퓨터를 다시 시작하라는 메시지가 나타납니다. 다시 시작 하여 변경 사항을 적용합니다. 재부팅 후, Windows 검색창에 "Hyper-V 관리자"를 검색하여 실행하면 Hyper-V가 제대로 활성화되었는지 확인할 수 있습니다. 2. PowerShell을 통한 활성화 (명령어 사용) "Windows 기능 켜기/끄기"에서 Hyper-V 옵션이 보이지 않거나 (주로 Windows Home 버전의 경우), 명령어로 빠르게 활성화하고 싶을 때 사용할 수 있습니다. 관리자 권한으로 PowerShell 실행 : Windows 검색창에 "PowerShell"을 입력합니다. "Windows PowerShell"을 마우스 오른쪽 버튼으로 클릭하고 "관리자 권한으로 실행"을 선택합니다. 명령어 입력 : PowerShell 창에 다음 명령어를 입력하고 Enter 키를 누릅니다. PowerShell Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-V -All 또는 PowerShell DISM /Online /Enable-Feature /All /FeatureName:Microsoft-Hyper-V 재부팅 : 설치가 완료되면 컴퓨터를 다시 시작하라는 메시지가 나타납니다. Y 를 입력하고 Enter 키를 눌러 재부팅합니다. 3. BIOS/UEFI 설정 확인 (필수) 만약 위의 방법으로도 Hyper-V가 활성화되지 않거나, 가상 머신이 실행되지 않는다면 BIOS/UEFI 설정에서 가상화 기술이 비활성화되어 있을 가능성이 높습니다. BIOS/UEFI 진입 : 컴퓨터를 켜면서 Delete , F2 , F10 , F12 등 제조사별로 지정된 키를 반복해서 눌러 BIOS 또는 UEFI 설정 화면으로 진입합니다. (정확한 키는 컴퓨터 또는 메인보드 설명서를 참조하세요.) 가상화 설정 찾기 : "CPU Configuration", "Virtualization Technology", "VT-x", "AMD-V" 등과 유사한 이름의 설정을 찾습니다. 이 설정이 Enabled (활성화)로 되어 있는지 확인하고, 비활성화되어 있다면 활성화 로 변경합니다. Data Execution Prevention (DEP) 관련 설정(예: NX Bit, XD Bit)도 Enabled로 되어 있는지 확인합니다. 설정 저장 및 종료 : 변경 사항을 저장하고 BIOS/UEFI를 종료합니다. 컴퓨터가 다시 시작됩니다. 이후에 위에 설명된 "Windows 기능 켜기/끄기" 또는 PowerShell 명령어를 다시 시도하여 Hyper-V를 활성화합니다. 주의사항 : VirtualBox나 VMware Workstation과 같은 다른 가상화 소프트웨어와 Hyper-V는 충돌할 수 있습니다. 일반적으로 둘 중 하나만 활성화하여 사용하는 것이 좋습니다. 특정 상황에서는 동시에 사용할 수도 있지만, 성능 저하나 오류가 발생할 수 있습니다. Windows 10 Home 버전은 기본적으로 Hyper-V를 지원하지 않지만, PowerShell 명령어를 통해 활성화하는 것이 가능합니다. 그러나 이는 공식적으로 지원되는 방법은 아니므로 문제가 발생할 수 있음을 인지해야 합니다. gemini에게 물어보니 위와 같이 3단계로 대답하네요 2단계 PowerShell로도 해보니 안되어서 마지막으로 Bios로 해볼려고 합니다 혹시 몰라 검토요청드립니다 낮에 회사에서 하루종일 도커가 안되더니 집에 와서 해보니 이번에는 Hyper-V가 없어서 정신없네요 멋도모르고 수강신청해서 진행하니 완전초보자라서 그런지 많이 막히네요
해결됨
[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드
어떤 강의에 대한 질문인지 자세하게 알려주시면 답변을 드리는데 도움이 됩니다. 스크린샷 윈도우키 + 쉬프트키 + S(윈도우) 을 자세히 첨부하시면 답변 드리는데 많은 도움이 됩니다. 동영상 재생 관련 같은 인프런 서비스 관련 문의는 1:1 문의하기를 이용해 주세요. N8N 2강에서 docker compose --profile gpu-nvidia up 복사 후 엔터를 눌렀는데 이런 문구만 계속 나옵니다. 어떻게 해야하나요 time="2025-07-15T17:45:11+09:00" level=warning msg="The \"POSTGRES_PASSWORD\" variable is not set. Defaulting to a blank string." env file C:\Users\user\Desktop\N8N\self-hosted-ai-starter-kit\.env not found: CreateFile C:\Users\user\Desktop\N8N\self-hosted-ai-starter-kit\.env: The system cannot find the file specified.
해결됨
[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드
2강 강의중 12분 19초정도에 Linux용 Windows 하위시스템 설치 하는 과정에서 애를 먹고 있습니다 완전초보라 더 어렵네요 docker설치가 안되네요 도움요청합니다 위사진절차대로 진행했는데 마지막이미지까지는 왔는데 여기서 완전막히네요
미해결
LangGraph를 활용한 AI Agent 개발 (feat. MCP)
안녕하세요. uv sync 로 커서에서 실행을 했는데요. 화면에서와 달리 google폴더도 없고, .env 파일도 없습니다. 2.5 웹 검색을 지원하는 Corrective RAG 에서 코드 실행중인데요. from dotenv import load_dotenv load_dotenv() 여기서부터 false 가 뜨고요 바로 밑 코드부터 에러가 뜹니다. --------------------------------------------------------------------------- OpenAIError Traceback (most recent call last) Cell In[2], line 4 1 from langchain_chroma import Chroma 2 from langchain_openai import OpenAIEmbeddings ----> 4 embedding_function = OpenAIEmbeddings(model='text-embedding-3-large') 6 vector_store = Chroma( 7 embedding_function=embedding_function, 8 collection_name = 'income_tax_collection', 9 persist_directory = './income_tax_collection' 10 ) 11 retriever = vector_ store.as _retriever(search_kwargs={'k': 3}) [... skipping hidden 1 frame] File c:\Users\LGCNS\inflearn-langgraph-agent\.venv\Lib\site-packages\langchain_openai\embeddings\base.py:338, in OpenAIEmbeddings.validate_environment(self) 336 self.http_client = httpx.Client(proxy=self.openai_proxy) 337 sync_specific = {"http_client": self.http_client} --> 338 self.client = openai.OpenAI(**client_params, **sync_specific).embeddings # type: ignore[arg-type] 339 if not self.async_client: 340 if self.openai_proxy and not self.http_async_client: File c:\Users\LGCNS\inflearn-langgraph-agent\.venv\Lib\site-packages\openai\_client.py:110, in OpenAI.__init__(self, api_key, organization, project, base_url, websocket_base_url, timeout, max_retries, default_headers, default_query, http_client, strict response_validation) 108 api_key = os.environ.get("OPENAI_API_KEY") 109 if api_key is None: --> 110 raise OpenAIError( 111 "The api_key client option must be set either by passing api_key to the client or by setting the OPENAI_API_KEY environment variable" 112 ) 113 self.api_key = api_key 115 if organization is None: OpenAIError: The api_key client option must be set either by passing api_key to the client or by setting the OPENAI_API_KEY environment variable 찾아보니 OPENAI_API_KEY가 없어서 뜨는 에러 같은데 어떻게 설정하면 되나요?
해결됨
AI 에이전트의 대세, 펠로(Felo) 워크플로우로 리서치부터 시각화까지
LLM 플레이그라운드가 안보여요~