inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

nvm 설치 오류입니다.

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

아래와 같이 에러가 납니다.

  • javascript
  • es6
  • 객체지향
  • es5
ttyykim 댓글 2 좋아요 0 조회수 537

이렇게 해도 되나요?

해결됨

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

push를 안쓰고 그냥 +=을 사용해서 answer에 arr[i]값을 넣었더니 79612 이렇게 나와요. push를 사용하는게 올바른 풀이일까요?

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

loading이 동작하지 않습니다.

해결됨

Next.js App router 기반 Chat GPT 만들기

https://github.com/JeanYoungPark/next-chat-gpt loading 부분 코드 작성중인데 loading 컴포넌트가 따로 로드되지 않는 것 같습니다. 원인을 알 수 있을까요?

  • react
  • typescript
  • next.js
  • tailwindcss
  • zustand
  • chatgpt
박진영 댓글 2 좋아요 0 조회수 254

2부 할인쿠폰 관련

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 제공해주신 인강으로 프론트엔드 테스트를 공부하고 있는 수강생입니다. 최근 일이 많아져 인강 듣는 시간을 할애하지 못하였지만 이번 설 연휴를 맞이하여 1편 다보고 2편까지 보려고 하는데 제가 실수로 할인 쿠폰을 발급 받았다가 사용하지 못하고 유효기간이 지나 버렸는데 재발급을 할수 있는 방법이 있는지 문의드립니다!

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
이현호 댓글 1 좋아요 0 조회수 206

화면이 안떠요,, 이전 이후 강의는 뜨는데..

미해결

Vue.js 시작하기 - Age of Vue.js

강의 동영상화면이 안떠요,, 이전 이후 강의는 뜨는데.. 왜그런걸까요?

  • javascript
  • vue.js
Oh Chocho 댓글 6 좋아요 0 조회수 286

via.placeholder.com 오류

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

via.placeholder.com 가 더이상 없어서 인터넷 찾아보니 https://placehold.co/ 여기가 되더라구요 그래서 <div class="grid grid-cols-3 gap-4"> <img src="https://placehold.co/400x400.png?text=City" alt="City Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Landscape" alt="Landscape Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Mountain" alt="Mountain Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=River" alt="River Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Forest" alt="Forest Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Ocean" alt="Ocean Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Desert" alt="Desert Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Waterfall" alt="Waterfall Image" class="w-full h-full rounded-lg shadow-md" /> <img src="https://placehold.co/400x400.png?text=Beach" alt="Beach Image" class="w-full h-full rounded-lg shadow-md" /> </div> 이렇게 주소 설정하니 잘 됩니다.

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
김명원 댓글 2 좋아요 0 조회수 887

params 질문

미해결

Next + React Query로 SNS 서비스 만들기

[username] 슬러그 / 즉 유저 프로필 페이지에서 params값을 받아서 유저정보를 불러오는데 params의 값을 출력해보니 값이 나오긴하는데 인코딩된 값이 나옵니다 ㅠㅠ encodeURIComponent 함수를 사용한 적이 없는데 왜 이렇게 나오는지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 5 좋아요 0 조회수 204

console 이 안보입니다.

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

console 및 미리보기 hello world가 안보입니다.

  • javascript
  • es6
  • 객체지향
  • es5
ttyykim 댓글 2 좋아요 0 조회수 194

async 제거(영상내용) 후 searchParams 오류

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요 강사님. 해당 강의 8:31 초 내용을 저장했을때 아래와 같은 오류가 나왔습니다. 언뜻 봤을 때는 await를 적용하지 않아서 라는 것으로 해석이 되는데, 영상 초반에 비동기 컴포넌트를 따로 빼내어 사용하기로 하여 async를 제거하였는데 아래와 같은 오류가 나오지만 화면은 의도된 바와 같이 동작을 합니다. 강의 영상 및 자료와 동일하게 진행하였습니다 강사님의 강의자료에서 코드를 복사하여 BookListSkeleton만 제거 수정을 하여 테스트 시 위와 같은 오류가 동일하게 발생합니다. https://github.com/winterlood/onebite-next/blob/main/section06/chapter05/src/app/(with-searchbar)/search/page.tsx 영상에서는 저와 같은 오류가 발생하지 않는 것 같은데, 이런 오류가 발생하면 빌드가 안되는데... 확인 부탁드립니다.

  • react
  • typescript
  • next.js
김은미 댓글 3 좋아요 0 조회수 591

revalidatePath 오류

미해결

한 입 크기로 잘라먹는 Next.js

강의 처럼 revalidatePath(`book/${bookId}`)를 해서 리뷰를 작성하고 작성하기 버튼을 눌러서 페이지를 재검증하는 상황 revalidatePath는 퍼지를 통해서 캐시가 모두 삭제되는 것이 이해함 빌드 후, 프로젝트 모드로 실행 리뷰를 작성하고 리뷰를 누르는 상황 작성한게 보이긴 하지만 두번째꺼가 ㅋㅋㅇㄹㅋ 였는데 아래와 같이 바뀝니다. 또한 새로고침을 누르면 다시 원상태로 돌아갑니다. 아래와 같이 새로고침을 누르면 퍼지 후에 book/1 페이지는 다이나믹으로 작동해야되는데 하지 않는 것으로 파악됩니다. prisma studio를 확인해보면 데이터는 들어갔습니다. 그런데 npm run dev로 하면 잘 됩니다... 왜 그런 걸까요??

  • react
  • typescript
  • next.js
댓글 4 좋아요 0 조회수 184

트렌드섹션 질문

미해결

Next + React Query로 SNS 서비스 만들기

회원가입 후 바로 로그인 된 상태에서 home으로 가면 트렌드를 가져올 수 없다고 뜨는데 혹시 로그인 후 로그아웃버튼이 뜨지 않았던 상황과 비슷한 상황인가요 ? 로그아웃 버튼처럼 prop으로 session정보를 넘겨줘야 하는건지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 82

에러 핸들링 오류

해결됨

한 입 크기로 잘라먹는 Next.js

인덱스 페이지를 오류를 발생시키는 상황입니다. 과정에서 error.tsx 파일을 (with-searchbar) 폴더안에 만들었습니다. 데이터를 불러오는 서버를 끄로 인덱스 페이지를 새로고침하면 Footer에서 오류가 발생합니다. 글로벌 레이아웃에 Footer 컴포넌트를 불러와서 이런 오류가 발생하는 걸까요?

  • react
  • typescript
  • next.js
Full Stack 개발자 댓글 3 좋아요 0 조회수 123

전체 색 설정 질문

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

안녕하세요 ~ 배경색은 어떻게 설정하면 될까요 ?? shift + r 누르고 도형을 만드니까 배경색이 똑같이 흰색이라서 구분이 안되네요 ㅠ

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
SJ 댓글 2 좋아요 1 조회수 171

피그마 원본 다운로드

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

질문 주실 때 항상 2가지를 지켜주세요. 오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기 HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기 만약 코드를 캡쳐해서 올리시면 제가 코드의 오류를 찾는게 너무 어렵습니다. 반드시 텍스트로 붙여넣기 해주세요. 위의 사진에서 폴더는 어디서 다운로드 하면 될까용 ?

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
SJ 댓글 2 좋아요 1 조회수 392

'섹션 06-01 동기/비동기' 강의

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

[중급] 웹 프론트엔드 부트캠프 강의중에서 '섹션 06-01 동기/비동기' 강의는 강의영상이 없다고 뜨는데 강의영상이 없는게 맞는건가요??

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
601135 댓글 2 좋아요 0 조회수 124

esbuild 설치 오류

해결됨

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

안녕하세요 😀 강의 중 프로젝트 1 에서는 npm install 이 정상적으로 진행되었으나, 이번 useEffect 실습을 위해 강의내용처럼 새폴더 생성 후 npm i를 하니 아래와 같은 오류가 발생합니다. 구글링해서 여러 방법을 시도했으나 해결되지 않아 어떻게 해야할 지 질문드립니다 😥

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

React-Native-Cli 컴파일 오류

미해결

따라하며 배우는 리액트 네이티브 기초

이런 오류가 계속뜨네요... 캐시도 지웠다 다시 깔아봤고 종속성들도 다시 설치했는데 계속 오류가 뜹니다. 혹시 해결방법이 어떻게 될까요?!

  • react
  • react-native
web inuappcenter 댓글 2 좋아요 0 조회수 221

리스트의 검색 기능에 대한 질문입니다!

미해결

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

안녕하십니까! 해당 강의를 열심히 들으며 리엑트를 공부하고 있는 대학생입니다. 듣다가 막히는 부분이 생겨 질문을 하게 되었습니다. List.jsx 에서 검색 기능을 구현하는 부분에서 궁금한 것이 생겼습니다. 강의에서는 아래 코드처럼 getFilteredData 함수를 작성하셨습니다. const getFilteredData = () => { if(search === ""){ return todos; } return todos.filter((todo) => { todo.content.toLowerCase().includes(search.toLowerCase()) }); }; 하지만 저는 아무리 오타를 점검하고 수정해도 기능이 구현이 되지 않아서 답답한 마음에 GPT를 통해 질문을 했는데 위 함수에서 return이 빠져있다고 수정해주었습니다. 아래는 GPT가 수정해준 코드입니다. const getFilteredData = () => { if(search === ""){ return todos; } return todos.filter((todo) => { return todo.content.toLowerCase().includes(search.toLowerCase()) }); }; 위 코드를 보시면 filter() 안에 화살표 함수 내부에 return이 추가된 것을 볼 수 있습니다. 그리고 실제로 이렇게 수정을 하고서야 제 기능이 정상적으로 작동이 되었습니다. 왜 이런 결과가 생겼는지 궁금합니다. 제가 뭘 잘못했길래 강의와는 다르게 return을 추가해야만 기능이 제대로 구현이 되는지 여쭤보고 싶습니다. 혹시나 제가 찾지 못하는 오타가 있을까 해서 강의와 똑같이 따라한 전체 List.jsx 코드도 함께 첨부하겠습니다. 감사합니다! import './List.css'; import TodoItem from "./TodoItem"; import {useState} from "react"; const List = ({todos}) => { const [search, setSearch] = useState(""); const onChangeSearch = (e) => { setSearch(e.target.value); }; const getFilteredData = () => { if(search === ""){ return todos; } return todos.filter((todo) => { todo.content.toLowerCase().includes(search.toLowerCase()) }); }; const filteredTodos = getFilteredData(); return <div className="List"> <h4>Todo List 🌱</h4> <input value={search} onChange={onChangeSearch} placeholder="검색어를 입력하세요" /> <div className = "todos_wrapper"> {filteredTodos.map((todo) => { return <TodoItem key={todo.id} {...todo}/>; })} </div> </div> } export default List;

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

SearchResult 인수 타입 적용

해결됨

한 입 크기로 잘라먹는 Next.js

search 페이지에서 아래 처럼 SearchResult 함수로 빼준 경우, searchParams의 타입을 어떻게 해야 하나요? async function SearchResult({ searchParams }: { searchParams: Promise<T> }) { await delay(1500); const { q } = await searchParams; const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/search?q=${q}`, { cache: "force-cache" } ); if (!response.ok) { return <div>오류가 발생했습니다.</div>; } const books: BookData[] = await response.json(); return ( <div> {books.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); }

  • react
  • typescript
  • next.js
Full Stack 개발자 댓글 2 좋아요 0 조회수 96

인기 태그

인프런 TOP Writers

주간 인기글