inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

린캔버스 수정1 강의 매개변수에 대해 질문있습니다.

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요 강의 잘 보고 있습니다. 린캔버스 수정1 강의 부분을 보고 있는데 조금씩 점점 어려워 질수록 헷갈리는 부분이 많은데 handleNotesChange 함수의 section, updatedNotes 의 매개변수가 작성이 되었는데 아직 초보자인 제가 이처럼 함수를 작성할 때 매개변수가 필요한지 필요하지 않는지에 대해 잘 모르겠더라구요. 정말 간단한거 예를 들어 삭제기능을 할땐 삭제할 id가 필요하니 id를 매개변수로 받아오고 이러한 부분은 이해를 하지만 지금처럼 조금 복잡해질때 어떤 매개변수가 필요하고 왜 필요한지에 대해 아직 어려운데 이럴때 어떤식으로 공부를 하면 좋을까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
부드러운 족제비 댓글 1 좋아요 0 조회수 95

댓글 기능 추가

미해결

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

comments: provider : "disqus" # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "giscus", "custom" disqus: shortname : "disqus동일한이름" # disqus 사이트에 설정한 ''와 동일해야함 댓글 기능을 추가하려고 하니 Comments are configured with provider: disqus , but are disabled in non-production environments. 라는 메시지가 깃허브 블로그에 떴습니다. 혹시 어떻게 해결할 수 있을까요?

  • 블로그
  • github
에너지원 댓글 1 좋아요 0 조회수 114

강의자료 누락, commit 복사질문

미해결

Git & GitHub, 원리부터 차근차근 - 근본깃

안녕하세요! branch 첫번째 강의자료가 누락된것같아요ㅠ 그리고 commit id 복사할 때 git bash에서 어떤식으로 복사하시는건가요? ctrl c v 는 불가해서 직접 마우스로하고있긴한데 작업하시는거보면 단축키로 하시는것같아보여서 질문남겨요!

  • git
  • github
세찬 댓글 4 좋아요 0 조회수 186

3-2 에서 안드로이드랑 아이폰 Header쪽 스타일 다르게 주신 이유가있으실까요?

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

import { Link, Stack } from 'expo-router'; import Foundation from '@expo/vector-icons/Foundation'; import { colors } from '@/constants'; export default function AuthLayout() { return ( <Stack screenOptions={{ headerTintColor: colors.BLACK, contentStyle: { backgroundColor: colors.WHITE, }, }} > <Stack.Screen name="index" options={{ title: '로그인', headerTitleAlign: 'center', headerShown: true, headerLeft: () => ( <Link href={'/'} replace> <Foundation name="home" size={28} color={'black'} /> </Link> ), }} /> </Stack> ); } 선생님은 Link 태그에 paddingLeft해서 안드로이드 Header에서 조정해주신반면 저는 좀 더 통일성을위해서 headerTitleAlign 을 center로 줬습니다. 이 방법이 더 괜찮아보이는데 어떤지 궁금해요!

  • javascript
  • react
  • react-native
  • typescript
  • react-query
반가우면반갑다고해 댓글 2 좋아요 0 조회수 166

Vercel 배포 후 revalidate

해결됨

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

안녕하세요! 2.20 강의를 듣고 Vercel에 배포까지 한 뒤에 궁금한 점이 생겨 질문 드립니다! 이전 강의 실습에서는 인덱스 페이지의 추천 도서를 On-Demand ISR 방식으로 적용한 뒤 직접 주소를 입력해 페이지 요청을 보내서 바꾸었는데 Vercel에 배포한 뒤에는 어떻게 요청을 보내서 추천 도서 목록을 바꿀 수 있나요? 아니면 시간 단위로 업데이트하는 방식으로 다시 바꾸어서 작성한 뒤 재배포하나요?

  • react
  • typescript
  • next.js
고은 댓글 2 좋아요 0 조회수 182

다이나믹 라우트 동작이 먹히지 않습니다 ㅠ

미해결

아바타 커뮤니티앱 만들기 (React Native Expo)

안녕하세요! React Native도 Next.js와 같이 폴더 기반 라우트라 게시글 수정 페이지를 ~/app/post/update/[id].tsx 에 만들었고, 해당 [id] 부분에 동적으로 게시글 id 값을 넣어 라우팅할 수 있게 하였습니다. 또 ~/app/post/_layout.tsx 레이아웃에 Stack.Screen에 등록도 하였구요! 그래서 엑스포 라우터를 import 하여 import { router } from 'expo-router'; 바텀 시트의 수정 버튼 클릭 시, 다음을 호출하였는데요, router.push(`/post/update/${post.id}`); 다음 에러가 납니다... ㅠ Argument of type /post/update/${number} is not assignable to parameter of type 'RelativePathString | ExternalPathString | ... '/post/update/[id]'라는 경로는 인식하는 것으로 보아 엑스포 라우터가 다이나믹 경로를 못 찾는 것 같은데 왜 이런 현상이 발생하는지 모르겠습니다 ㅠ

  • javascript
  • react
  • react-native
  • typescript
  • react-query
Mad Programmer 댓글 2 좋아요 0 조회수 156

어려워요 뭔소리죠 대체

미해결

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

반복문 뭔 소린지 모르겠어요 뭔가 영상이 짤린 느낌

  • react
  • redux
  • node.js
  • sass
  • swr
민이 댓글 1 좋아요 3 조회수 332

린캔버스 프로젝트 공부중에 z인덱스 값.

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

선생님 린캔버스 프로젝트를 따라서 공부하고 있는데요. 해더부분에 햄버거 버튼을 클릭하면 나오는 aside 메뉴가 z-9999를 줬는데요 홈에 있는 돋보기가 더 위에서 노출되서요. 홈에 있는 서치 아이콘은 z-0으로 줬거든요 제가 뭘 잘못하고 있을까요 ㅠ

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
전순아 댓글 1 좋아요 0 조회수 77

9분경 진행한, 태그 필터링 관련 서버사이드 변경에 대한 질문

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요! 먼저 좋은 강의 감사합니다. 중간쯤, 전체 데이터를 조회해서 Client 측에서 필터링 해서 사용하는게 아닌, 서버로부터 이미 필터링 된 데이터를 받아오도록 검색 api 를 수정한 내용입니다. 이 부분이 클라이언트 사이드 -> 서버 사이드로 변경하였다, 라는 내용을 설명주셨는데, 랜더링과는 전혀 관계 없는 데이터 필터링 주체를 말씀 하시 내용이라고 생각되는데 맞게 이해했는지 궁금합니다. 즉, Notion = 서버, Next.js=클라이언트 관점으로 애기 하신게 맞는지 궁금합니다.

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
BeakGwa 댓글 1 좋아요 0 조회수 123

초기 설정에 대한 질문

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

강의를 만들어주셔서 감사합니다. 몇가지 질문이 있습니다. Frontend와 Backend폴더를 만든이유가 협업과 소스코드관리를 위한것이라고 생각합니다. 그런데 node-modules를 Frontend와 Backend에 각각 설치하신 이유가 있으실까요? company-website에 설치해서 두곳다 이용하는방법도 있을것같은데 Frontend와 Backend를 따로 설치하신이유가 궁금합니다. 깃허브에는 node-modules가 저장되게 하지 않았는데요 그러면 현재 사용하는 노트북이 아닌 다른 노트북이나 데스크톱에서 현재 개발한것을 이어서하고싶을 경우 Ch0-3과Ch0-4의 설치를 다시 해주면되나요? 본강의를 듣고 저만의 웹페이지를 만드는게 목표인데 react에 대해 찾아보다가 Create React App(CRA)로 만드는법과 Vite, Next.js로 만드는방법이 있었습니다. 이중 Vite를 고른 이유가 있을까요? 빠르다는 장점으로 선택하신건가요? 선택이유가 궁금합니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
Hagro 댓글 1 좋아요 0 조회수 183

Context 분리하기 강의 내용 중에 궁금한 것이 있습니다!

해결됨

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

Context 분리하기 강의 중 3분 55초에 나오는 컴포넌트의 계층 구조 표를 보면, 기존의 Context를 TodoStateContext와 TodoDispatchContext로 분리하면서 TodoDispatchContext가 TodoStateContext의 하위에 존재하는 것을 봤는데요, 이 부분에서 의문이 생긴 것이 TodoStateContext와 TodoDispatchContext가 형제 위치에 존재하면 안되는걸까요..? 제 생각에는 TodoDispatchContext가 하위에 존재하지 않고 StateContext와 형제 위치에 있다면 DispatchContext가 todos에 영향을 받지 않아 리랜더링도 발생하지 않을 것 같은데, 해당 방법이 안되는 이유가 있을까요?

  • javascript
  • react
  • node.js
이지 댓글 2 좋아요 0 조회수 197

교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요. 이제 못 듣게 된건가요?

  • HTML/CSS
  • javascript
  • react
윤상아 댓글 1 좋아요 0 조회수 163

소스코드 다운로드 링크의 접속이 안됩니다

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

노션에 있는 소스코드 다운로드 링크의 접속이 안됩니다. 구글과 네이버 두개의 링크로 접속했을때의 사진을 첨부해드립니다. 혹시 코드를 받을 다른방법이있을까요? 깃허브를 알려주시면 거기서라도 다운로드하겠습니다

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
Hagro 댓글 4 좋아요 0 조회수 245

Bottom tabs navigator 설정

해결됨

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

class MainActivity : ReactActivity () { // ... override fun onCreate ( savedInstanceState : Bundle ?) { super . onCreate ( null ) } // ... } 공식문서와 강의에는 위의 코드로 진행해주셨는데 수업노트에 override fun onCreate (savedInstanceState: Bundle ?) { if (savedInstanceState == null ) { SplashScreen.show ( this ) } super .onCreate(savedInstanceState) } 이렇게 코드가 적혀있어서 문의드립니다. 수업노트 부분의 코드가 맞는 것이지요?

  • javascript
  • react
  • node.js
  • react-native
  • typescript
이소연 댓글 2 좋아요 0 조회수 112

[18-05 게시글 이미지와 함께 등록] 타입 지정 질문드립니다

해결됨

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

안녕하세요!! 강의 너무나도 잘 듣고 있습니다. 18-05 게시글 이미지와 함께 등록 23:25분에서 file에 대한 타입을 지정을 할 때 알려주신 방법 외에도 ! 를 이용해서 해결을 의도치 않게 했는데, 구글 및 스택오버플로우에도 Argument of type ' file | undefined' is not assignable to parameter of type 'File'. Type 'undefined' is not assignable to type 'File'.ts(2345) 해당 오류를 검색해보았지만 알려주신 방법들 외에는 느낌표를 사용하는 방법은 찾지 못했습니다. 이게 왜 되는건지... 도통 알수가 없네요... 이건 어떤 원리인가요?? 항상 감사드립니다.

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

'왜 Next.js 가 필요할까?(기술적인 등장 배경)' 에서 언급하는 영상들이 무엇일까요?

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

1강 '왜 Next.js 가 필요할까?(기술적인 등장 배경)' 에서 언급하신 영상들이 무엇인지 궁금해서 질문드립니다. 04:40 "이 비동기에 대한 의미는 한 번 설명드린 적이 있어요." 10:00 "서버 사이드 렌더링 시간에 저희가 이미 공부했으니까요." 두 지점에서 언급하신 Youtube 영상이 각각 무엇인지 URL을 알려주실 수 있으실까요?

  • react
  • typescript
  • next.js
류지환 댓글 2 좋아요 0 조회수 166

console.log를 해도 터미널에 표시가 되지 않아요

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

console.log 를 해도 vscode 터미널상에서 로그가 뜨지 않는데, 찾아보니 최신 ReactNative버전에선 React Native DevTools를 사용하라는 말이 있더라구요. 혹시 React Native DevTools에서 console.log를 확인하는 방법이 있을까요? 단순히 j눌러서 열고 "회원가입하기" 버튼 눌러도 로그가 안나오네요...ㅠㅠ // package.json { "name": "community", "main": "expo-router/entry", "version": "1.0.0", "scripts": { "start": "expo start", "reset-project": "node ./scripts/reset-project.js", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web", "test": "jest --watchAll", "lint": "expo lint" }, "jest": { "preset": "jest-expo" }, "dependencies": { "@expo/vector-icons": "^14.0.2", "@react-navigation/bottom-tabs": "^7.2.0", "@react-navigation/native": "^7.0.14", "expo": "~52.0.37", "expo-blur": "~14.0.3", "expo-constants": "~17.0.7", "expo-font": "~13.0.4", "expo-haptics": "~14.0.1", "expo-linking": "~7.0.5", "expo-router": "~4.0.17", "expo-splash-screen": "~0.29.22", "expo-status-bar": "~2.0.1", "expo-symbols": "~0.2.2", "expo-system-ui": "~4.0.8", "expo-web-browser": "~14.0.2", "react": "18.3.1", "react-dom": "18.3.1", "react-native": "0.76.7", "react-native-gesture-handler": "~2.20.2", "react-native-reanimated": "~3.16.1", "react-native-safe-area-context": "4.12.0", "react-native-screens": "~4.4.0", "react-native-web": "~0.19.13", "react-native-webview": "13.12.5" }, "devDependencies": { "@babel/core": "^7.25.2", "@types/jest": "^29.5.12", "@types/react": "~18.3.12", "@types/react-test-renderer": "^18.3.0", "jest": "^29.2.1", "jest-expo": "~52.0.4", "react-test-renderer": "18.3.1", "typescript": "^5.3.3" }, "private": true }

  • javascript
  • react
  • react-native
  • typescript
  • react-query
ab kim 댓글 2 좋아요 0 조회수 530

강의 교재 다운로드

해결됨

Git & GitHub, 원리부터 차근차근 - 근본깃

강의 교재 다운로드에 들어가도 자료 다운 버튼이 안 생기는데 어떻게 해야할까요...

  • git
  • github
양하은 댓글 1 좋아요 0 조회수 116

오류

해결됨

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

강의대로 했는데 왜 오류가 나죠??

  • javascript
  • react
  • node.js
H Hun 댓글 2 좋아요 0 조회수 129

강의 연장관련

미해결

[React / VanillaJS] UI 요소 직접 만들기 Part 1

만료일까지 완강을 못할거 같은데 가능하다면 수강기간을 몇일이라도 늘려주실 수 있을까요? 첫질문이 수강기간에 관한 내용이라 죄송합니다 !!

  • react
  • typescript
  • dom
  • ui
  • vanilla-js
didgusdhkd3 댓글 2 좋아요 0 조회수 213

인기 태그

인프런 TOP Writers

주간 인기글