inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

stylecomponents 오류

미해결

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

styled-components를 설치하고 import하면 다음과 같은 오류가 발생합니다: runtime not ready: ReferenceError: Property 'document' doesn't exist, js engine: hermes, stack: ... 해결을 위해 시도한 것들은 다음과 같습니다: - import 부분에 /native 잘 붙어 있는지 확인 - Metro 캐시 삭제 후 다시 실행 - styled-components 버전을 낮춰 설치 (5.3.11 등) 하지만 여전히 동일한 에러가 발생해서, 현재는 StyleSheet 방식으로 전환해서 사용하고 있습니다. 혹시 이런 상황에서 styled-components를 안정적으로 사용하는 다른 방법이 있을까요? 아니면 React Native에서는 styled-components를 피하고 StyleSheet를 사용하는 게 나은 선택일까요? 같은 경험을 하신 분이 있다면 공유해주시면 감사하겠습니다!

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

npm i 에러떠요

해결됨

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

npm i 에러떠요

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

4번 꿈의설계 정렬 시 동일값에 대한 제약 질문

미해결

JavaScript 알고리즘 베스트 10

var tc2 = ['10 a. 10 a. 10 a. 20 b. 30 c.', 'c -- 100. c -- 100. c -- 100.']; 테스트케이스 2번의 경우, 훈련수치 = {'a':30, 'b':20, 'c':30} 이고, 고민수치 = {'a':0, 'b':0, 'c':300} 입니다. 바뀐 미래에서 "가장 많이 훈련한 수치"에 100을 더할 때, a와 c의 훈련수치가 같은데 이 경우 a가 아닌 c에 100을 더하는 제한사항이 보이지 않아 이해가 어려워 질문 드립니다

  • javascript
  • 코딩-테스트
  • 알고리즘
yshuh 댓글 1 좋아요 0 조회수 99

중첩 컨텍스트 질문

해결됨

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

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

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

this 질문

해결됨

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

App.js 에 있는 코드입니다. 43라인에 this .setState({...}) 코드를 봤을때 header 생성자에 들어가는 코드지만 //32 라인 화살표 함수라서 this 는 Header 이 아니라 App 이라고 생각하면 맞는걸까요 ?

  • javascript
  • rest-api
  • spa
  • dom
H K 댓글 1 좋아요 1 조회수 122

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 조회수 376

학습자료가 안보여요

해결됨

Cursor AI로 만들면서 배우는 Web & Javascript

학습자료 첨부가 안되어있는것 같습니다!

  • HTML/CSS
  • javascript
  • llm
  • 생성형ai
  • cursorai
트트킁 댓글 2 좋아요 0 조회수 158

개발자도구에서 모바일 버전으로 테스트할때

미해결

Three.js로 1인칭 3D 웹사이트 만들기

사진처럼 터치를 하고 드래그를 하면 카메라가 돌아가는것이 아니라 웹 화면 자체가 끌려 가는데.. html, canvas, body 에 touch-action 옵션을 none으로도 줘보고 touch 이벤트들에 preventDefault도 줘보고 했지만 해결이 되질 않습니다.. 터치 드래그를 하면 moveMentX와 moveMentY의 값은 잘 출력되는데 카메라가 회전을 하지 않습니다. 데스크탑에서 mousemove는 제대로 카메라가 돌아가는데, 모바일버전에서 touchmove는 카메라가 돌아가질 않네요.

  • javascript
  • 인터랙티브-웹
  • 포트폴리오
  • three.js
  • 3d
준규 댓글 1 좋아요 0 조회수 305

모달 Metadata 질문입니다.

해결됨

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

모달을 열 때는 Metadata가 제대로 설정되지 않고 새로고침 했을 때 메타데이터가 적용되는데 이 부분은 어떻게 해결을 해야 하나요?(주신 예제파일을 그대로 실행해도 같은 결과가 나옵니다.)

  • typescript
  • next.js
Kunkun 댓글 2 좋아요 0 조회수 86

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 조회수 187

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

미해결

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

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

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

라이브러리 이름

해결됨

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

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

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

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 조회수 116

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 조회수 150

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

해결됨

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

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

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

rndrmagkqslek.

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

2.x <-- Vue 2로 하시는게 중요합니다. 아직 Vue 3는 상용 서비스에 적용하기에는 무리가 있습니다. 프로젝트 진행시에는 그렇게 진행할 것인데, 혹 여전히 상용서비스에 적용하기에 무리가 있는지 궁금합니다!

  • javascript
  • vue.js
  • vuex
bebe 댓글 1 좋아요 0 조회수 93

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글