inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

강의영상대로 코드를 작성했는데 오류가 나와요

미해결

처음 만난 리액트(React)

각 파일별 코드 첨부합니다. 위와같이 코드를 작성했는데 이런 에러 창이 뜨네요 확인해봐도 빼먹거나 잘못입력한 부분은 없는 거 같은데 뭐가 문제일까요??

  • HTML/CSS
  • javascript
  • react
정일규 댓글 1 좋아요 0 조회수 831

강의 자료

미해결

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

이미지는 어디서 다운 받는거죠?

  • HTML/CSS
  • sass
  • flex
sigs 댓글 1 좋아요 1 조회수 432

HTML_STYLE 강의 중 질문입니다.

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

오른쪽 창에서 파란색으로 괄호한 부분은 주석인데 왜 화면에 노출되나요? 추가로 강의와 똑같이 작성하고 저장하는데 prettier가 경고? 아이콘으로 뜨네요 ㅜㅜ. 오류 찾는 방법이 있을까요

  • HTML/CSS
장가을 댓글 1 좋아요 0 조회수 456

m1 맥북 웹서버 구축 실패 후 깃허브 웹호스팅 이용

미해결

컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

안녕하세요 선생님. 수업 중 궁금한 부분이 생겨서 질문드립니다. 맥 os에서 웹서버 구축하기 라는 강의를 보고 웹서버 구축을 하다 실패해서, 어쩔 수 없이 모든 코드를 수정할때마다 깃허브에 upload 후 결과를 봐왔습니다. 여기서 궁금한게, 웹서버를 구축하는 것의 장점이 뭐가 있나요? 제가 느낀바로는 굳이 웹호스팅처럼 업로드할 필요 없이 거의 실시간으로 제 코드의 수정사항을 볼 수 있다.라는 것과 다른 웹호스팅 서비스를 거치지 않고 다른 사용자들이 나의 웹페이지에 접근할 수 있다. 같은데, 웹서버를 구축하는 게 너무 어렵고 해서 앞으로 웹호스팅만으로 진행해도 될까 싶어 질문드립니다. 제가 생각못한 큰 장점이 있나요?

  • HTML/CSS
대식 댓글 1 좋아요 0 조회수 721

CORS 오류...가 나오네요!

미해결

ChatGPT API 입문 강의 - 30분 만에 다국어 번역기 웹 풀스택 개발하기

안녕하세요! 궁금한점이 생겨서 문의 드립니다.. 얼마전까지만 해도 오류가 나오지 않던게.. 갑자기 오류가 나와서 아무리 찾아도 해결이 안되서 질문 드립니다. 오류가 CORS가 나오는데.. 똑같이 작성한거에서 오류가 안나던데 나오니까 당황스럽네요..! 코드 입니다. -python- from flask import Flask, request, render_template import openai openai.api_key = "" (키값은 질문사항 때문에 비웠습니다.) app = Flask(__name__) @app.route("/translater", methods=["post"]) def translater(): data = request.json language = data["language"] text = data["text"] prompt = f"{text}\n\nTranslate this sentence into {language}" response = openai.ChatCompletion.create( model="gpt-3.5-turbo", messages=[ { "role": "system", "content": "you are a translater" }, { "role": "user", "content": prompt } ], max_tokens=500, ) return response["choices"][0]["message"]["content"] @app.route("/web") def web(): return render_template("index.html") @app.route("/") def index(): return "Hello World" app.run(host="0.0.0.0", port=8080) -HTML- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>번역기</title> </head> <body> 번역하는 사이트다! <br /> <textarea id="text" style="width: 500px; height: 200px;"></textarea> <br /> 어느 언어로 번역하겠습니까? <br /> <input id="language" type="text"/> <br /> 번역 하기 <br /> <button id="button">번역하기</button> <br /> 결과물 보기 <br /> <textarea id="result" style="width: 500px; height: 200px;"></textarea> <script> let textareaTag = document.getElementById("text"); let languageTag = document.getElementById("language"); let buttonTag = document.getElementById("button"); let resultTag = document.getElementById("result"); buttonTag.addEventListener("click", async function () { let text = textareaTag.value; let language = languageTag.value; await fetch("http://127.0.0.1/translater", { "method": "post", "headers": { "Content-Type": "application/json" }, body: JSON.stringify({ text, language}) }) .then((response) => response.text()) .then((data) => { resultTag.value = data; }); }); </script> </body> </html>

  • HTML/CSS
  • python
  • chatgpt
문신호 댓글 1 좋아요 0 조회수 563

10강 JSX의 정의와 역할 질문

해결됨

처음 만난 리액트(React)

선생님ㅜㅜ 강의잘보고있습니다.. 정말 설명 너무잘하시는 것 같아요 귀에 쏙쏙들어와요 10강 JSX의 정의와 역할 2분 54초에 JSX코드를 자바스크립트로 변환하는 역할을 하는 것이 React에 createElement라고 하시는데 React.creatElement( type, [props], [...children] ) React.creatElement는 jsx를 사용하지 않고 만드는 방법아닌가요? 그렇다면 createElement는 html/XML 코드를 자바스크립트로 변환하는 역할을 하는 건가요?

  • HTML/CSS
  • javascript
  • react
코딩바보 댓글 1 좋아요 1 조회수 458

줄 바꿈 여부 셋 중에 어떤 거를 on 해야 하는 지

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

비주얼 스튜디오 코드 필수 세팅 중 자동 줄 바꿈 설정하기에서 줄바꿈여부 on으로 바꾸려 하는데 세 개 중에 어떤 건가요? 제가 1회 시험 봤었는데 거기시험장은 비쥬얼스튜디오코드가 영어로 되어있었어서 영어판으로 대비하려고 한글로 안바꿔서 모르겠어서요ㅠㅠ

  • HTML/CSS
  • jquery
  • 웹-디자인
wugyu02 댓글 1 좋아요 1 조회수 318

tailwindcss 라이브러리 받은 후 실행이 안됩니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

npm i -D postcss autoprefixer tailwind npx tailwindcss init -p 모두 작업을 마치고 /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", "./src/**/*.{js,jsx,ts,tsx}" ], theme: { extend: {}, }, plugins: [], } index.css @tailwind base; @tailwind components; @tailwind utilities; npm run dev 를 돌리면, node:internal/process/promises:246 triggerUncaughtException(err, true /* fromPromise */); [Failed to load PostCSS config: Failed to load PostCSS config (searchPath: C:/WebStudy/WebDevelement/React/fullstack-react/front): [Error] Loading PostCSS Plugin failed: Cannot find module 'tailwindcss' 라는 오류가 뜹니다. 원인파악이 어려운데 문의드립니다!

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
코딩도니 댓글 1 좋아요 0 조회수 1903

data가 이상하게 나옵니다

미해결

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

저는 그랩 님처럼 개발자 도구에서 data가 깔끔하게 정리 돼서 나오지 않습니다 어떤 부분이 잘못된 걸까요?

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
tostarmk 댓글 1 좋아요 2 조회수 375

error 가 발생합니다

미해결

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

저는 콘솔 창에서 함수가 안 나오고 에러가 나오는데 어떤 부분이 문제인 건가요?

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

sns 아이콘 애니메이션

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

안녕하세요 선생님! 정말 재밌고 유익하게 강의듣고있습니다 ㅎㅎ 해당 강의를 듣다가 아이콘부분이 아래에가있어서 hover시 보여주기 위해 position: relative를 주셨는데 z-index를 주는것은 왜 안될까요?? 될까 싶어서 해봤는데 먹히지 않아서 여쭤봅니다

  • HTML/CSS
dbskqnsghd 댓글 1 좋아요 2 조회수 431

<strong> 과 <b>의 실무에서의 사용

해결됨

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

<strong> <b>에 대해 궁금해서 더 찾아봤습니다. 사용 시 표시되는 내용은 같지만, 검색 엔진 최적화(SEO) 측면에서 다르다는 이야기를 보았습니다. 실제 업무에서는 어떤 것을 선호하는지 궁금합니다. 실제로 이런 태그들을 검색을 고려해서 신중히 사용하나요?

  • HTML/CSS
  • jquery
dunow 댓글 1 좋아요 1 조회수 345

이미지가 안나옵니다

미해결

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

어디가 잘못 돼서 사진이 안 나오는 건지 모르겠습니다

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

부모 컨테이너 갯수

미해결

인터랙티브 웹 개발 제대로 시작하기

강사님 안녕하세요. 강의 너무 잘 듣고 있습니다. 항상 body에서 골격을 만들때 element 들을 몇개의 부모 container로 감싸야 할지 감이 잡히기 않아 고민입니다. 3D 스크롤 예제 문제에서는 world > stage > house 3개의 div로 감싸주었는데 하나나 두개 혹은 없이는 구현이 안되는 걸까요? 너무 기본적인 질문이라면 어떤 부분의 공부가 필요한지 조언 부탁드립니다. 감사합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
ea 댓글 2 좋아요 0 조회수 410

setState

미해결

처음 만난 리액트(React)

import {useState} from 'react' function Counter(props) { const [count, setCount] = useState(0) return ( <div> <p>총 {count}번 클릭했습니다</p> <button onClick={()=>setCount(count+1)}> 클릭 </button> </div> ) } export default Counter setCount(count+1)이 아니라 setCount(count++)하면 증가는 되지만 버벅거리는 느낌으로 바로바로 증가가 안되는데 왜그런건지 궁금합니다.

  • HTML/CSS
  • javascript
  • react
Bell Vise 댓글 1 좋아요 0 조회수 319

css에서 Emmet이 안먹어요 ㅜㅜ

해결됨

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

code 영상, css 에서 emmet 단축키 알려주신거 쓸려고 하는데 css가 자꾸 안먹습니다... emmet 설정도 always 고 단축키 뭐는 되는데 뭐는 안되는 걸 보면 제가 pdf 파일 제공해주신 걸 미리 보고 확장 프로그램을 다 설치 해놨는데 그게 문제일까요?

  • HTML/CSS
  • jquery
jchoi4570 댓글 1 좋아요 2 조회수 574

비쥬얼스튜디오 설정

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 비쥬얼스튜디오 강의처럼 캡쳐 상단에에 <파일 편집 선택영역 보기 이동> < 나오게 어떻게 하나요? 그리고 또 젤 밑에 파란색줄(줄,열,공백 등 적혀있는것)이 사라졌는데 어떻게 나오게 하나요 ㅜㅜ?

  • HTML/CSS
  • jquery
하은 댓글 2 좋아요 1 조회수 401

fiy.io로 진행할 때 APIURL설정에 관하여

미해결

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

fiy.io강의 진행 후 vercel에 그맵마켓 웹 배포하기 강의 진행했는데 화면에 데이터를 못받아 오고 있습니다. 정말 죄송한데 원인을 잘 모르겠어요.. 어떤 부분을 어떻게 찾아봐야할까요.. fly.io에서 URL에 안들어가지는게 뭔가 이상한거같은데..안돌아가고 있다는 느낌이랄까요 greb-market-server에서 fly deploy에러나는데 이거때문일까여? PS D:\VScode\grab-market-server> fly deploy ==> Verifying app config Validating D:\VScode\grab-market-server\fly.toml Platform: machines ✓ Configuration is valid --> Verified app config ==> Building image Remote builder fly-builder-blue-feather-4034 ready ==> Creating build context --> Creating build context done ==> Building image with Docker --> docker host: 20.10.12 linux x86_64 [+] Building 23.1s (0/1) [+] Building 12.9s (12/14) => CACHED [internal] load remote build context 0.0s => CACHED copy /context / 0.0s => resolve image config for docker.io/docker/dockerfile:1 1.9s => CACHED docker-image:// docker.io/docker/dockerfile:1@sha256:39b85bbfa7536a5feceb7372a0817649e 0.0s => [internal] load metadata for docker.io/library/node:16.17.1-slim 0.6s => [base 1/2] FROM docker.io/library/node:16.17.1-slim@sha256:1f6cbe8654b31c214225bddd12451b857 0.0s => CACHED [base 2/2] WORKDIR /app 0.0s => CACHED [build 1/6] RUN apt-get update -qq && apt-get install -y python pkg-config build- 0.0s => CACHED [build 2/6] COPY --link package.json package-lock.json ./ 0.0s => CACHED [build 3/6] RUN npm ci --include=dev 0.0s => CACHED [build 4/6] COPY --link . . 0.0s => ERROR [build 5/6] RUN npm run build 10.3s ------ > [build 5/6] RUN npm run build: #12 0.549 #12 0.549 > grab-market-server@0.1.0 build #12 0.549 > react-scripts build #12 0.549 #12 1.839 Creating an optimized production build... #12 10.22 Failed to compile. #12 10.22 #12 10.22 ./src/App.js #12 10.22 Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 Line 7: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 Line 8: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 Line 9: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 Line 10: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 Line 12: 'React' must be in scope when using JSX react/react-in-jsx-scope #12 10.22 #12 10.22 Search for the keywords to learn more about each error. #12 10.22 #12 10.22 ------ Error: failed to fetch an image or build from source: error building: executor failed running [/bin/sh -c npm run build]: exit code: 1

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
총총이 댓글 2 좋아요 0 조회수 648

인기 태그

인프런 TOP Writers

주간 인기글