묻고 답해요
148만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결
React 팀 프로젝트 (로그인 검증 기능)
Supabase의 DB로 로그인 검증 기능을 만들려고 해요 그런데 로그인 검증을 하기 위해서 예외처리를 테스트 하는데 error 400 (Bad request) 가 발생 합니다. 데이터 값이 있으면 로그인은 됩니다. 하지만 존재 하지 않는 값의 예외처리를 할려 하는데 무조건 error 400 (Bad request) 가 나타나내요 이 문제를 해결해 줄 수 있는분 답변 부탁 드립니다. const handleLogin = async (e) => { e.preventDefault(); if (!email || !password) { alert('이메일과 비밀번호를 입력해주세요.'); return; } // 이메일 형식 확인 (정규식 사용) const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailPattern.test(email)) { alert('올바른 이메일 형식을 입력해주세요.'); return; } if (password.length < 6) { alert('비밀번호는 최소 6자 이상이어야 합니다.'); return; } try { const { data, error } = await supabase.auth.signInWithPassword({ email, password, }); if (error) { alert('이메일 또는 비밀번호가 잘못되었습니다.'); return; } if (data?.user) { alert('로그인이 완료되었습니다.'); navigate('/'); } else { alert('회원 정보가 존재하지 않습니다.'); } } catch (err) { console.error('오류 발생:', err); alert('오류가 발생했습니다. 잠시 후 다시 시도해주세요.'); } };
-
해결됨Markdown과 HTML/CSS로 만드는 고급 PDF 제작
화면이 두번째 강의 부터 안나와요
화면이 안나와요
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
nodemon ./bin/www 입력 시 오류
PS C:\Users\jjoob\myfirstmap\myfirstmap> nodemon ./bin/www[nodemon] 3.1.7[nodemon] to restart at any time, enter rs[nodemon] watching path(s): .[nodemon] watching extensions: js,mjs,cjs,json[nodemon] starting node ./bin/wwwnode:internal/modules/cjs/loader:1252 throw err; ^Error: Cannot find module 'morgan'Require stack:- C:\Users\jjoob\myfirstmap\myfirstmap\app.js- C:\Users\jjoob\myfirstmap\myfirstmap\bin\www at Function._resolveFilename (node:internal/modules/cjs/loader:1249:15) at Function._load (node:internal/modules/cjs/loader:1075:27) at TracingChannel.traceSync (node:diagnostics_channel:315:14) at wrapModuleLoad (node:internal/modules/cjs/loader:218:24) at Module.require (node:internal/modules/cjs/loader:1340:12) at require (node:internal/modules/helpers:141:16) at Object.<anonymous> (C:\Users\jjoob\myfirstmap\myfirstmap\app.js:5:14) at Module._compile (node:internal/modules/cjs/loader:1546:14) at Object..js (node:internal/modules/cjs/loader:1689:10) at Module.load (node:internal/modules/cjs/loader:1318:32) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\jjoob\\myfirstmap\\myfirstmap\\app.js', 'C:\\Users\\jjoob\\myfirstmap\\myfirstmap\\bin\\www' ]}Node.js v22.11.0[nodemon] app crashed - waiting for file changes before starting...PS C:\Users\jjoob\myfirstmap\myfirstmap> 다 지우고 처음부터 다시 실행해봐도 계속 같은 오류이고localhost:3000 실행하면 흠… 이 페이지에 연결할 수 없습니다.localhost이(가) 연결을 거부했습니다. 이렇게 나오네요 ㅠ (nodemon ./bin/www 입력 시 오류)
-
해결됨커뮤니티에서 바로 써먹는 슬랙 봇 만들기
스티커 앱 문의
안녕하세요 강사님!강의 너무 유익하게 보고 있습니다.혹시 강의에서 띄우시는 포스트잇은 맥 내장 스티커는 아닌 거 같은데 무슨 앱일까요?
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
호스팅 및 도메인 관련
강의를 통해 만든 웹사이트를 다른 사람들도 이용할 수 있도록 호스팅하는 방법과 도메인을 연결하는 방법은 어떻게 되나요??
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
마커이미지가 깨집니다
content:'<img class="pulse" draggable="false" unselectable="on" src="https://myfirstmap.s3.ap-northeast-2.amazonaws.com/circle.png">',아무리 봐도 주소가 잘 입력된 것 같은데 마커가 깨져서 보입니다 ㅠㅠ 대체이미지 링크 넣었을 때는 잘 되는 걸로 보아 문제는 없어 보이는데 주소 문제인 것 같습니다...
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
nodemon설치와 express-generator 오류
이러한 오류가 뜨는데 어떻게 해결할 수 있을까요?개발환경은 windows입니다.
-
미해결직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피
vscode 자동완성
강사님 안녕하세요강사님이 남기신 자료를 바탕으로 5~6년간 잘 공부하고 있다가 이번에 강의까지 수강하게 된 열혈 수강생입니다. 강의 내용이 매우 흡족하고 좋습니다.한가지 궁금한 사항이 있어 글을 남깁니다.vscode에서는 자동완성 기능이 있어예를 들면 Path. 까지 타이핑하면 뒤에 자동으로 올 함수 등을 제시해 주는데 hwp = win32.gencache.EnsureDispatch('hwpframe.hwpobject')생성한 hwp 객체에 hwp. 하면 뒤에 올 수 있는 것에 대한 자동완성이 작동하지 않습니다. 혹시 자동완성이 되도록 하는 방법이 있을까요? 매번 레퍼런스 찾기도 어렵고 대강 지식을 갖추고 나서 vscode의 도움으로 코드를 진행하고 싶은데 쉽지 않네요.. ^^
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
코드를 다운받을수 있나요?
복습하고 싶은데 전체코드를 다운받을수 있나요?
-
미해결
vscode <ncurses.h> include 오류
cmake를 이용해서 build해둔 상태인데 계속 #include <ncurses.h>에 오류가 뜹니다.MinGW 다운 받을 때 libncurses등등 같이 다운받았고 환경변수 경로도 다 지정을 해주었는데왜 못찾고 있는걸까요..?환경변수나 경로 설정이 잘못되어 있는 것일까요..?
-
미해결
c++ 이상하게 저장되는 코드 질문있습니다
void put2byte(void *dest, uint16_t data){ *(uint16_t*)dest = data; } uint32_t num_data = hdr.get_num_data(); void* offset_array = hdr.get_offset_array(); //오프셋 어레이 받아오기 uint16_t now_data_region_off = hdr.get_data_region_off(); void* data_region = 0; uint16_t off = 0; uint16_t remain_data_region_off = now_data_region_off - input_record_size; put2byte((void*)((uint64_t)offset_array + num_data * 2), remain_data_region_off); 이렇게 되어있는데 remain_data_region_off 이 값이 37이하이면 37이하로 저장되는게 아니라 이상하게 저장이 되는데 무슨 문제인지 모르겠습니다 예를 들어 remain_data_region_off = 37 이면 7717이 저장되는데 num_data가 6일때만 발생합니다 0~5까지는 제가 설정한 값대로 저장이되는데 이유를 모르겠습니다
-
미해결홍정모의 게임 만들기 연습 문제 패키지
Mac vscode 으로 시작하시려는 분들께
안녕하세요! 간단한 문제이지만 저도마주했고 이것에 대해 2년전에도 같은 질문이 올라온 것이 보이는데맥의 vscode에서 코드 실행시 발생하는 문제에 대해 간단한 해결법을 공유하고자합니다. 처음 클론을 하셔서 파일을 받아오셔서 파일 실행을 하려하면 다음과 같은 오류가 발생합니다.인코딩 방식에 관한 문제로 주황색 부분을 누르시면가 뜨는데 Save with Encoding을 선택,UTF-8로 변경하시면 이 다음 부터는 코드가 정상실행 됩니다.감사합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
vscode 테마 어떤거 쓰시나요?
테마가 거슬리는게 없어서 예뻐보이네요.. 테마 뭐 쓰는지 알 수 있을까요?~
-
미해결Next + React Query로 SNS 서비스 만들기
혹시 PostForm 만들기에서 typescript 웹스톰에서type 추론해서 자동으로 들어가는거요,
에러 내용은 아닌데 PostForm만들기 강의 4분쯤에 typescript 쓸때 타입 웹스톰에서 자동으로 추론해서 들어간다고 하신거요,혹시 VScode 에서도 플러그인 있다고 하셨는데 어떤걸까요?? 찾아봤는데 모르겠어서요.
-
미해결
VScode 주피터 마크다운 사용 시 코드 블럭 랜더링 문제
안녕하세요 VScode 주피터 마크다운 사용 시 코드 블럭을 활용하기 위해 코드 문단 위 아래에 ``` 를 활용하여 블록을 지정하고 실행을 하면 문단 블록이 아닌 각각의 문장마다 블록이 씌어지는 렌더링의 문제가 발생합니다.이에 VS코드 업데이트 및 주피터 확장자 업데이트 등을 진행하고, 다시 시작까지 해보았는데 다른 해결이 안되고 있습니다. .md 파일에서 테스트를 할 때 문법적으로 잘 실행되는 것으로 보아 문법의 문제는 아닌듯 합니다. 참고 사진 첨부합니다...
-
미해결
자바스크립트가 적용이 안되요.
[HTML] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style/style.css"> <link rel="stylesheet" href="https://use.typekit.net/frx5mqp.css"> <title>Weather</title> </head> <body class="sunny"> <section class="poster background sunny" style="background: linear-gradient(90deg, rgba(224, 224, 224, 0.72) -7.6%, #D9D9D9 27.12%, rgba(226, 226, 226, 0.96) 32.55%, rgba(255, 255, 255, 0.82) 49.92%, rgba(191, 191, 191, 0.62) 79.46%, rgba(223, 223, 223, 0.31) 104.34%, rgba(190, 190, 190, 0.00) 113.67%);"> <div class="sun-circle"> <div class="sunny-sun"> <svg width="528" height="519" viewBox="0 0 528 519" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M286.829 287.338L439.324 453.847M76.8288 55.338L229.324 221.847M301.967 256.151L527.749 254.527M48.4299 427.536L225.204 287.069M300.43 225.536L477.204 85.0692M256.485 292.987L260.015 518.747M1 253.527L226.784 254.864M254.485 1L256.879 226.775" stroke="#BE0505" stroke-width="5"/> </svg> </div> </div> </section> <section class="title"> <h1>맑음</h1> <h2>Sunny</h2> </section> <section class="contents"> <div> <p class="latitude">37°33'58.87"N</p> <p class="longitude">126°58'40.63"E</p> </div> <div class="calendar"> <div class="month">03</div> <div>月</div> <div class="day">10</div> <div>日</div> </div> <div> <p class="location">Gangnam-gu, Seoul</p> <p class="time">14:00 03/10/2023</p> </div> </section> <section class="poster forward"></section> <script src="./js/index.js"></script> </body> </html> document.querySelector(".sun-circle").onclick = function(){ document.querySelector(".sun-circle").style.background="FF0000"; }; 처음에 console.log("document.querySelector(".sun-circle")"); 했을때는 sun circle div요소가 나왔는데,위에 문법을 쓰니깐 적용이 안되고, document is not defined라고 에러 문구가 뜹니다. 찾아보니 node때문에 그렇다는데..무슨말인지 잘 이해가 안되고 왜 적용이 안되는지 모르겠습니다ㅜㅜ vscode써서 작업하는데 라이브 서버로 미리보기 해도 console.log 안에 넣어 실행할때는 되는데. onclick코드 쓰면 미리보기의 console칸에 아무것도 안나와요ㅜㅜ... node js에서 원래 실행이 안되는 거면, node를 지우고 vscode를 실행해야 하나요...? js코드 넣고 실행하면, vscode 에서 아래와 같이 에러메세지가 뜹니다. ReferenceError: document is not defined at Object.<anonymous> (/Users/Downloads/코딩 연습/Example02/js/index.js:1:1) at Module._compile (node:internal/modules/cjs/loader:1376:14) at Module._extensions..js (node:internal/modules/cjs/loader:1435:10) at Module.load (node:internal/modules/cjs/loader:1207:32) at Module._load (node:internal/modules/cjs/loader:1023:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12) at node:internal/main/run_main_module:28:49 Node.js v21.1.0 [Done] exited with code=1 in 0.369 seconds
-
해결됨손에 익는 Next.js - 공식 문서 훑어보기
vscode 기능 궁금합니다!
안녕하세요 선생님! 넥스트 13 앱 라우터 잘 이해가 안되었는데 영상이 도움이 많이 되고 있습니다! 감사합니다.넥스트 관련 질문은 아닌데요 개인적으로 궁금해서요! 페이지 스타일 입히기랑 날씨 API KEY 분리할 때 영상에 잡힌건데 NEXT_PUBLIC_API_KEY=YOUR_API_KEY 이런 식으로 가이드? 가 나오더라구요. button {} css 도 그렇구요! 신기해서 그러는데 어떤 도구 설치하셨는지 여쭤봐도 될까요?
-
미해결WEB2 - JavaScript
vscode 행 설정
안녕하세요 vscode 행 설정 관련해 질문 남깁니다.저는 긴 글이 들어갔을 때 행이 이렇게 길게 나오는데 강의처럼 행이 짧게 한눈에 보이도록 하는 단축키나 설정이 있을까요? 검색해도 잘 나오지 않아 질문으로 남깁니다! 감사합니다.
-
미해결C#과 유니티, 실전 게임으로 제대로 시작하기 (저자 직강)
유니티 vscode 연결
유니티에서 external code editor 선택하는 창에서 vscode가 뜨지 않았습니다. 그래서 browse를 통해 선택해주었는데요. 그리고 스크립트를 실행해보니 External Code Editor application path does not exist 라는 문구와 함께 에러가 발생하고 monobehavior도 초록색으로 바뀌지 않으며 정상적으로 연결이 되지 않는 것 같습니다. 이걸로 몇 시간동안 끙끙댔는데 진전이 없네요;; 도움이 필요합니다.
-
해결됨10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
맥북 m2 vscode 설치에 대해 질문이 있습니다!
맥북에 vscode를 설치하는 과정에서 막히는 부분이 있습니다.brew install gcc를 통해 gcc를 설치했습니다.다음으로cd /usr/local/includemkdir bitscd bitsvi stdc++.h부분을 하려고 하는데사진과 같이 'include' 파일이나 디렉토리를 찾을 수 없다고 나옵니다.그래서 그냥 local에 디렉토리를 생성하려고 보니 'permission denied'가 뜹니다.맥북 m1의 방식으로 하려고 보니 역시 'permission denied'가 뜹니다.이 오류를 고칠 수 있는 방법이 있을까요?그리고 이 과정을 다 진행하면 vscode가 깔리는 것인지 vscode를 깔고 진행해야하는 것인지를 모르겠습니다.혹시 vscode에 대한 설정이 잘 안되면 xcode를 활용해서 강의를 진행해도 라이브러리나 함수를 사용하는 데 지장이 없을까요?