inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

node.js 설치방법

해결됨

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

예전에 다운 받을 때랑 달라서 질문 드립니다. 도커 방식으로 선택해서 다운로드 하는게 맞을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
skykwj0422 댓글 1 좋아요 0 조회수 181

개발자도구에 redux란이 없어요

미해결

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

마지막까지 다했는데 크롬 개발자도구에 redux란이 없습니다. 그리고 강의영상에선 아래코드에서 코드를 작성하면 젤 위에 import쪽도 자동 생성되던데 그건 혹시 어떻게 하는건가요

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
나윤호 댓글 1 좋아요 0 조회수 119

motionpath 플러그인에서 align의 자세한 역할 궁금합니다

해결됨

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

안녕하세요 강의 잘 듣고 있습니다! 공식 문서 보면서 복습하는 중인데 공식문서 예제에는 motionPath:{ path: "#path", align: "#path", autoRotate: true, alignOrigin: [0.5, 0.5] } 처럼 path와 align이 같은 요소로 지정되어 있습니다. 그래서 codepen을 이용해서 강의 내용처럼 align에 움직이는 요소를 지정해봤는데 경로에서 붕 떠서 이동합니다. 마찬가지로 강의 샘플 코드도 align에 경로를 넣어서 한번 테스트 해봤는데 이번에는 호랑이가 너무 붕 떠서 이동합니다. 강의 내용에서는 align에 움직이는 타겟을 넣으면 된다고 하셨는데 이건 svg 코드 구성에 따라서 다른건가요??? 공식 문서에 따르면 움직이는 요소를 경로에 맞춰 정렬 해주는게 align의 역할이라고 하는데 추상적인 설명인 것 같아서 잘 이해가 안됩니다..! align에 대해 제가 정확히 이해하고 있는게 맞는지, 그리고 align에 들어가는 요소는 정확히 어떻게 구별해 넣는게 좋은지 궁금합니다

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
모카 댓글 2 좋아요 1 조회수 116

npx tailwindcss init -p 에서 계속 에러나요

미해결

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

https://github.com/nature1339/react_shoppingmall

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
네이쳐 댓글 1 좋아요 0 조회수 133

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

미해결

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

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
네이쳐 댓글 2 좋아요 0 조회수 169

실습에 사용되는 이미지

미해결

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

실습에 사용되는 이미지들 출력이 안되고 있습니다. (e.g. https://via.placeholder.com/400x400.png?text=City )

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
방탕커피 댓글 2 좋아요 0 조회수 132

강의에 나온 selection 코드에 오류가 있습니다.

해결됨

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

강의 코드 function selectionSort(array) { const n = array.length - 1; for (let i = 0; i < n; i++) { let minIndex = i; for (let j = i + 1; j < n; j++) { if (array[j] < array[minIndex]) { minIndex = j; } } if (minIndex !== i) { const temp = array[i]; array[i] = array[minIndex]; array[minIndex] = temp; } } return array; } // console.log(selectionSort([77, 41, 6, 4, 3, 2, 5, 222])); console.log(selectionSort([3, 6, 5, 2, 8, 1])); [문제] 위 방식처럼 하면 n이 array.length - 1 이기때문에 두번째 for문은 j가 마지막 인덱스 이전까지만 수행된다. 즉 마지막 인덱스 요소는 정렬 X [3,6,5,2,8,1]를 예시로 들자면, i가 0일때 j는 1번째 인덱스부터 시작하며 j가 n보다 작을때까지 최소값을 탐색한다. j가 5일때 j < n 조건에 맞지 않아 minIndex를 1로 바꾸는거 실행 X [해결] 따라서 n을 array.length - 1로 할당하지 않고 array.length로 해야함 그러면 두번째 for문에서 j의 조건에 맞아 마지막 인덱스 접근 가능 추가로 i는 마지막 인덱스에 접근할 필요가 없으므로 첫 번째 for문의 조건을 n - 1로 바꾸기. function selectionSort(array) { const n = array.length; for (let i = 0; i < n - 1; i++) { let minIndex = i; for (let j = i + 1; j < n; j++) { if (array[j] < array[minIndex]) { minIndex = j; } } if (minIndex !== i) { const temp = array[i]; array[i] = array[minIndex]; array[minIndex] = temp; } } return array; } // console.log(selectionSort([77, 41, 6, 4, 3, 2, 5, 222])); console.log(selectionSort([3, 6, 5, 2, 8, 1]));

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
정재웅 댓글 2 좋아요 0 조회수 143

notepad가 없습니다

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

컴포저도 안보입니다 그리개서 컴포저안에 오픈 컨트롤 판넬도 없어요 codebase도 없습니다 add new doc도 없어요

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
이소영 댓글 1 좋아요 0 조회수 88

동물앨범 1-1-2

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

경로 에러가 나와서 혹시 제 파일구조 때문에 그런지 궁금하여 문의드립니다! 일단 파일구조가 아래와 같은 방식으로 구성되어있습니다.(맨위에 lecture라고 따로있습니다 lecture/section06/src) 원래 강의코드 koala.html <!DOCTYPE html> <head> <title>Animal Album</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="./src/styles.css" /> </head> <body> <div id="app"> <div class="tab-bar"> <a href="/"><div>전체</div></a> <a href="/penguin.html"><div>펭귄</div></a> <a href="/koala.html"><div class="clicked">코알라</div></a> <a href="/panda.html"><div>판다</div></a> </div> <div class="content"></div> </div> <script src="./src/koala.js"></script> </body> 현제 제 코드 <!DOCTYPE html> <head> <title>Animal Album</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="./src/styles.css" /> </head> <body> <div id="app"> <div class="tab-bar"> <a href="index.html"><div>전체</div></a> <a href="penguin.html"><div>펭귄</div></a> <a href="koala.html"><div class="clicked">코알라</div></a> <a href="panda.html"><div>판다</div></a> </div> <div class="content"></div> </div> <script src="./src/koala.js"></script> </body> 이렇게 해야 화면에 동물사진이 나오는데 혹시 경로 상의 문제인지 아니면 파일구조상 때문에 이렇게 작성해야하는지 궁금하여 문의드립니다! 차후에 강의를 듣고 프로젝트를 할때 불편함을 느낄지.. 걱정되어 문의드립니다!

  • javascript
  • rest-api
  • spa
  • dom
rladygks1210 댓글 2 좋아요 1 조회수 94

landscape에 대하여

해결됨

웹 프론트엔드 포트폴리오의 모든 것 - 주제 선정부터 실전 배포까지 압축 실습 강의!

안녕하세요! 강의 잘 보고 있습니다! 저렇게 사과에 적용된 회전을 다시 제거했을때, 유저가 모바일 화면에서 게임을 플레이 하려면 휴대폰을 가로로 뒤집을 수 밖에 없을 텐데, 그러면 OrientationGuide가 활성화가 되어 플레이를 할 수 없지 않나요?

  • HTML/CSS
  • react
  • git
  • 포트폴리오
  • next.js
나나바 댓글 1 좋아요 1 조회수 103

localhost:12345/book 접속 시, 500 에러

해결됨

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

안녕하세요 강의 잘 듣고 있습니다. fetch-book.ts를 만든 후, index.tsx에 불러와서 console.log(allBooks) 를 찍어봐도 빈 배열만 나와서 localhost:12345/book 이 api 주소로 들어가보면 해당 오류가 떠서 혹시 .env 파일이 잘못 됐나 해서 올바르게 수정을 해도 계속 같은 에러가 떠서 진행을 못 하고 있는 상태입니다 ㅠ

  • react
  • typescript
  • next.js
김휘진 댓글 2 좋아요 0 조회수 156

맥북 m4에서 nvm으로 설치불가

미해결

처음 배우는 리액트 네이티브

현재 맥북에서 nvm으로 node 14버전 설치가 불가능합니다 18로 대신 설치했는데 문제가 없을지 궁금합니다.

  • javascript
  • react-native
스탈트 댓글 2 좋아요 0 조회수 137

12-2. Recoil -> Jotai 변환 코드 공유합니다.

미해결

실무 중심! FE 입문자를 위한 React

Recoil 지원 중단 문제로 강의에 나온 Recoil 관련 내용을 Jotai 라이브러리로 대체했습니다. 여러 수강생 분들이 같은 문제를 겪는 듯해서 제가 사용한 코드를 공유합니다. recoil 제거 & jotai 설치 npm uninstall recoil npm install jotai atom.js 변환 코드 : jotai 의 atom 에선 key 값이 없습니다. import {atom} from "jotai"; const testState = atom(['a', 'b', 'c', 'd']); export default testState; testWithComma.js : 마찬가지로 키 값이 없으며, 좀 더 단순하게 사용 가능합니다. import {atom} from "jotai"; import testState from "./atom.js"; const testWithComma = atom((get) => { const abcdArr = get(testState) return abcdArr.join(','); }) export default testWithComma; CompletionPage.jsx : useRecoilValue -> useAtomValue 로 변경하시면 됩니다. const testValue = useAtomValue(testWithComma); Jotai 와 Zustand 중 고민하다가 Jotai가 Recoil과 더 유사하다고 하여 우선 Jotai로 학습 진행했습니다. 강의 수강에 참고가 되길 바랍니다.

  • react
  • redux
  • node.js
  • sass
  • swr
김권수 댓글 1 좋아요 4 조회수 242

Ubuntu 설치 관련

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

제 노트북이 램이 8G인데 Ubuntu 설치해서 이용가능할까요?

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
도식 댓글 1 좋아요 0 조회수 87

Sidebar & Header 컴포넌트 등 레이아웃 설정 방식

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

강의에서 레이아웃을 담당하는 Sidebar, Header 컴포넌트를 만들때 Props으로 children을 받고 렌더링 하는 방식으로 만들었는데 이렇게 만든 이유가 있을까요? 지금까지 진행한걸 계층별로 생각해보면 최상위 Root->Sidebar->Header->... 등 형제 노드는 없고 자식 노드 형태로 계속 깊어지는구조. ------------ 아래의 방법과 비교해서 궁금합니다. 아래 코드와 동일하지 않더라도,Sidebar, Header 컴포넌트가 children과 분리된 구조. <body> <Sidebar/> <div> <Header/> <main>{children}</main> </div> </body>

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
정재웅 댓글 3 좋아요 0 조회수 134

recoil error 나시는 분들 보세요

미해결

실무 중심! FE 입문자를 위한 React

리코일 에러 나시는분들 보세요 최근에 강의 시작하셨으면 리액트가 19로 설치되셨을탠데 리코일이 리액트 18까지만 지원하고있습니다. 원활하게 나머지 진행하시기위해서 npm install react@18 react-dom@18 --save 으로 react18로 버전 낮춰주시면 나머지 진행 가능하십니다.

  • react
  • redux
  • node.js
  • sass
  • swr
yeji_rang 댓글 1 좋아요 3 조회수 145

storybook 프로젝트 세팅 중 궁금한 점이 있습니다.

해결됨

실무에 바로 적용하는 스토리북과 UI 테스트

만약 회사에서 Next.js로 프로젝트를 진행하고 있다고 가정할 때, storybook은 Next.js 프로젝트 내에서 세팅하는 것보다 아예 다른 프로젝트 디렉토리로 만드는 게 나을 것 같다는 생각이 드는데, 어떻게 생각하시나요?! 왜냐하면 특정 디렉토리 내에서 세팅할 경우 해당 프로젝트에서 기존 서비스와 Storybook 프로젝트가 혼재하여 복잡도를 높이고, (이건 추측이지만) storybook 배포 시 특정 디렉토리를 제외해야 할 것 같다고 생각합니다. 그리고 다른 프로젝트 생성 시 또 다시 storybook을 설치하는 것은 비효율적일 것 같습니다. 그래서 아예 다른 프로젝트 디렉토리에서 리액트로 storybook 을 세팅하고 npm 패키지로 업로드 후 install 하여 사용한다고 생각했는데, 제가 생각한 게 맞을까요?

  • react
  • typescript
  • tailwindcss
  • storybook
  • ui-testing
수수수 댓글 2 좋아요 0 조회수 165

수업에사용되는 ppt

미해결

코드로 배우는 React 19 with 스프링부트 API서버

강의중에서 설명하시는 ppt는 어디서 확인할 수 있을까요?

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
세정 댓글 1 좋아요 0 조회수 59

portfolio-site 소스코드 받았는대 실행이 안돼요

미해결

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

소스코드 보고 분석할려고 다운받았는대 실행이 아예 안되요 script 에 start 넣어도 모듈 에러 뜨고 실행방법 따로 있나요?

  • HTML/CSS
  • javascript
  • 포트폴리오
  • github-pages
댓글 2 좋아요 0 조회수 103

인기 태그

인프런 TOP Writers

주간 인기글