inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

중첩 컨텍스트 질문

해결됨

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

보통 state 컨텍스트를 crud기능이 있는 컨텍스의 상위에 위치시키던데 이런 중첩 순서에 의미가 있나요?

  • javascript
  • react
  • node.js
yh J 댓글 2 좋아요 0 조회수 77

npx prisma db push 오류 해결 부탁드립니다.

해결됨

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

이미 다른 분들이 동일하거나 비슷한 경우를 많이 올려주셔서 다시 해봐도 도저히 해결이 안되어 문의 글 남깁니다. .env 생성했고... # Connect to Supabase via connection pooling DATABASE_URL="postgresql://postgres.zbjatvpiqrregrejqyok:akswlwlak29@aws-0-ap-northeast-2.pooler.supabase.com:6543/postgres?pgbouncer=true" # Direct connection to the database. Used for migrations DIRECT_URL="postgresql://postgres.zbjatvpiqrregrejqyok:akswlwlak29@aws-0-ap-northeast-2.pooler.supabase.com:5432/postgres" 이렇게 오류가 발생합니다. C:\Users\BANG\Documents\onebite-books-server-main\onebite-books-server-main>npx prisma db push Environment variables loaded from .env Prisma schema loaded from prisma\schema.prisma Datasource "db": PostgreSQL database "postgres", schema "public" at " aws-0-ap-northeast-2.pooler.supabase.com:5432 " Error: Schema engine error: FATAL: Tenant or user not found supabase에서 계속 프로젝트 삭제 후 재생성해보고 비번도 바꿔봐도 동일한 증상입니다. 확인 부탁드립니다.

  • react
  • typescript
  • next.js
p4sh4 댓글 2 좋아요 1 조회수 374

4-3 UI 구성하기 화면

해결됨

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

안녕하세요. 15분 23초 부분 전에 화면이 잘린 것 같아 문의드려요. 그 전의 부분에서는 이렇게 썼는데 const OperatorButton = styled(NumberButton)` height: 8%; width: 13%; `; 15분 23초 이후에 갑자기 이 부분이 const OperatorButton = styled.TouchableOpacity로 바껴져 있어요. ㅠㅠ 자동변환인가여? 이해가 안돼요

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

17-03 백엔드 호스트와 포트 에러

해결됨

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

강의 45:00분에 나오는 host, port, username, password 등을 따라 작성해보고, 노션에 기입된 해당 코드 역시 시도해보았지만, 다음과 같은 에러가 계속해서 발생합니다. 백엔드 프로그램을 실행합니다! 여기서 API를 만들거예요. 여기에 DB에 접속하고, 테이블을 만들 거예요. Error: connect ETIMEDOUT 34.64.244.122:5031 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1634:16) { errno: -60, code: 'ETIMEDOUT', syscall: 'connect', address: '34.64.244.122', port: 5031 } 아래는 index.ts와, Board.postgres.ts 입니다. import { DataSource } from "typeorm" import { Board } from "./Board.postgres." console.log("백엔드 프로그램을 실행합니다!") console.log("여기서 API를 만들거예요.") // // console.log("여기에 DB에 접속하고, 테이블을 만들 거예요.") const AppDataSource = new DataSource({ type: "postgres", host: "34.64.244.122", port: 5031, username: "postgres", password: "postgres2022", database: "postgres", synchronize: true, logging: true, entities: [Board], }) AppDataSource.initialize() .then(() => { console.log("DB에 접속 성공했습니다. 동기화를 시작합니다.") }) .catch((error) => console.log(error)) import { BaseEntity, Column, Entity, PrimaryGeneratedColumn } from "typeorm" @Entity() export class Board extends BaseEntity { @PrimaryGeneratedColumn("increment") number!: number @Column({ type: "text" }) writer!: string @Column({ type: "text" }) title!: string @Column({ type: "text" }) contents!: string }

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

유튜브 영상과의 차이점 문의

미해결

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

유튜브에서도 이미 올려주시는것을 보고 강의도 구매했는데 영상이 꽤 겹치는것 같은데, 인프런 강의에서만 나와있는 영상은 어떤걸까요?

  • react
  • typescript
  • next.js
29999 댓글 1 좋아요 0 조회수 258

라이브러리 이름

해결됨

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

라이브러리 불러올때 import color1 from "randomcolor"; 라이브러리 이름 정확히 적었는데 오류떠요 ㅠ

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

npm run start

해결됨

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

강의때 선생님께서 하신거처럼 npm run start 입력해도 에러떠요 그래서 node 02.js 로 실행시켰는데 이렇게해도 같은건가요? npm run start 는 왜 안되는거예요? 경로설정에 "start": "node 02.js" 추가했는데 안되요 ㅠ

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

npm run start

해결됨

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

강의때 선생님께서 하신거처럼 npm run start 입력해도 에러떠요 그래서 node 02.js 로 실행시켰는데 이렇게해도 같은건가요? npm run start 는 왜 안되는거예요? 경로설정에 "start": "node 02.js" 추가했는데 안되요 ㅠ

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

template.tsx 가 SEO 에 주는 이점에 대한 질문

해결됨

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

template.tsx 는 페이지 전환 시 새로운 인스턴스를 생성하여 상태가 초기화되는데, 이러한 특성을 활용해 SEO 메타데이터 처리의 정확성과 일관성을 높이기 위한 목적으로 사용하는 것인가요? 즉, 전역 상태나 클라이언트 캐시 등으로 인해 예외적으로 SEO 메타데이터가 적용되지 않는 문제를 방지하기 위한 보완적 수단으로 보면 될까요?

  • react
  • typescript
  • next.js
주구름 댓글 2 좋아요 0 조회수 142

자동화 스크립트 관련하여 질문있습니다.

해결됨

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

스크립트를 수정해 동적 라우팅이나, Route Group 같은 폴더도 고려해서 pathname.ts를 구성해야 될까요?

  • react
  • typescript
  • next.js
주구름 댓글 2 좋아요 0 조회수 124

Main Branch 자동 생성 안됨

미해결

실전 활용을 위한 git/github(feat.각종 충돌상황 해결하기)

git push origin main 명령어 실행 시, src refspec main does not match any 오류 발생하여 해결 방법 문의 드립니다. Config 로 유저네임과 이메일 설정해도 동일합니다. git branch 명령어 실행해 보면 브런치가 아예 없습니다. 선생님은 자동 생성돼서 최초 커밋을 main에 하셨는데 저는 왜 자동생성이 안돼서 브런치 생성을 따로 해야되나요?

  • git
  • github
  • gitlab
다솔 댓글 2 좋아요 0 조회수 294

서버 502 error

해결됨

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

백엔드 서버 키니 이렇게 나오는데 왜이런가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
민선 댓글 2 좋아요 0 조회수 271

vs code 검색안됨

미해결

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

터미널에서 코드 입력해서 vs코드 열 수 있도록 하는 설정 강의보고 따라했는데 "code" 쳐도 제 vs목록에 PATH에 'code'명령 설치 라는 항목이 없어요ㅠㅠ

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
H Hun 댓글 2 좋아요 0 조회수 349

리액트 1강

해결됨

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

선생님 수업 내용 똑같이 따라쳤는데 (바벨도 다운로드 코드도 쳤는데) 라이브서버로 실행시켰을때 (>)신택스 에러뜨면서 안녕하세요 안떠요 ㅠㅠ 리액트나 바벨 설치가 안된거 아닌가요?

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

Vs code 코드 저장하면 정렬 이상하게 되요!

해결됨

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

이런 코드가 ctrl+s 눌러서 저장하면 이렇게 바뀌는데 가독성이 안좋아서 저장해도 가독성좋게 1줄로 하고싶은데 해결방법이 있을까요ㅠㅠ?

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

목록처리(2)에서 페이지 넘버 버튼을 누르면 표시되는 목록이 10개로 안 나옵니다

해결됨

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

위 사진들과 같이 각 페이지에 항목이 10개씩 표시되어야 하는데 페이지 버튼의 숫자대로 표시되고 있습니다. ListConponent.js쪽이 이상한가 싶어서 찾아봐도 뭐가 문제인지 모르겠습니다. 혹시 참고 자료 필요하신 게 있으시다면 말씀 부탁드리겠습니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
wjdwoals042 댓글 3 좋아요 0 조회수 172

input text 빈 공간 ""

해결됨

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

왜 빈 공간을 " " 이렇게 나타내지 않고 "" 로 붙여서 나타내나요? 선생님께서 저번 수업때 ex) 1 산청딸기 표현할때 console.log(1+" "+산청딸기) 이런식으로 띄어쓰기는(빈공간)은 " " 가 맞지 않나요?

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

function 형식

해결됨

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

let time=10 setInterval(function(){console.log(time)},1000) 강의 중 setInterval에 익명함수를 집어넣는다고 하셨는데 let time=10 setInterval(let aa=function(){console.log(time)},1000) 이 코드가 맞지 않나요? 그니까 먼저 익명함수 이름부터 선언해야하지 않나요? 그리고 여기서도 위에 함수는 change라고 이름을 붙여줬는데 밑에 함수는 이름도 없이 쓰는것이 왜 그런거인지 궁금합니다!

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

판매, 구매 목록등 판매자, 구매자 데이터를 불러오지 못합니다.

해결됨

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

마이페이지에서 구매내역에서 seller, buyer의 _id, name 등 가져오지 못합니다. query { fetchPointTransactionsOfBuying(page: 1, search: "") { amount status statusDetail travelproduct { name seller { name } } } } graphQl 페이지에서 직접 header에 토큰 넣어도 불러오지 못하는데 어떻게 피그마에 있는 구매내역의 판매자 값을 불러올 수 있을까요? seller, buyer를 포함하면 API 요청은 되는데 에러가 떠 데이터 사용하지 못하고 제외하고 요청을 하면 정상적으로 사용할 수 있습니다.

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

인기 태그

인프런 TOP Writers

주간 인기글