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

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

섹션1 - Github Repository 실습 관련

미해결

고성능 JPA & Hibernate (High-Performance Java Persistence)

Github Repository에서 Master branch를 내려받고 강의대로 mvn clean test-compile 을 실행하면 java: cannot find symbol 에러가 발생하네요. m1 맥 환경에서 아래와 같은 오류가 발생합니다. cannot find symbol symbol: class Category_ location: package com.vladmihalcea.hpjp.hibernate.query.recursive.category.model

  • java
  • jpa
  • hibernate
JYK 댓글 2 좋아요 0 조회수 324

this 질문

해결됨

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

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

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

인스턴스 메소드 참조와 람다의 차이

미해결

김영한의 실전 자바 - 고급 3편, 람다, 스트림, 함수형 프로그래밍

강의 수강 중 궁금하여 실험한 내용 공유합니다. 2번 특정 객체의 인스턴스 참조에 관련한 내용입니다. 강의자료에서는 () -> person.introduce 가 person::introduce 와 동일한 것처럼 설명된 것 같습니다. "그럼 person 에 대한 캡처가 일어날까?" 하는 궁금증이 들었고, 다음과 같은 코드를 작성했습니다. Person person = new Person("Kim"); Supplier<String> instanceMethod = () -> person.introduce(); person = new Person("Lee"); System.out.println(instanceMethod1.get()); 컴파일러가 person 이 사실상 final이 아니라면서 컴파일해주지 않더군요. 다음으로는 람다 대신 메소드 참조로 바꾸어보았습니다. Person person = new Person("Kim"); Supplier<String> instanceMethod = person::introduce; person = new Person("Lee"); System.out.println(instanceMethod.get()); 이는 컴파일에 성공하고, "I am Kim"이 출력됩니다. Person 클래스에 setName 을 추가하고 메소드 참조 이후에 호출해보았습니다. Person person = new Person("Kim"); Supplier<String> instanceMethod = person::introduce; person.setName("Park"); person = new Person("Lee"); System.out.println(instanceMethod.get()); "I am Park"이 출력됩니다. 요약하면 다음과 같습니다. () -> person.introduce 에서는 person 이 사실상 final이 되어야만 한다. person::introduce 는 사실상 final이 아니어도 되며, 해당 메소드 참조는 정의 시 객체 참조를 유지한다.

  • java
  • 함수형-프로그래밍
  • lambda
한재현 댓글 1 좋아요 1 조회수 192

synchronized vs ReentrantLock vs Atomic 너무 혼란스럽습니다..

해결됨

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

synchronized, ReentrantLock, Atomic 모두 상호배제(동기화)를 구현하지만, 락을 "획득하고 해제하는 과정" 자체도 동시 접근이 발생할 수 있는 또 다른 임계영역처럼 보입니다. → 그렇다면 이 락 자체 또한 어떻게 동기화하는지 궁금합니다. 핵심적으로, synchronized JVM이 모니터 락을 통해 상호배제를 구현하는데 내부적으로 CAS 연산 + OS의 스레드 대기 관련 시스템 콜 + JVM 내부 스레드 대기 큐 을 활용 상호배제를 구현한다. 즉, 락 획득과 해제 과정의 동기화는 JVM 수준에서 구현 한 것이다. OS는 단지 스레드를 잠재우고 깨우는 역할만 담당 → 이 이해가 맞는지? ReentrantLock 자바에서 명시적으로 CAS 연산 + OS의 스레드 대기 관련 시스템 콜 + 스레드 대기 큐 을 활용하여 상호배제를 구현한다. 즉, 락 획득과 해제 과정의 동기화는 자바 코드 수준에서 직접 구현 한 것이다. OS는 단지 스레드를 잠재우고 깨우는 역할만 담당 → 이 이해가 맞는지? Atomic 자바에서 명시적으로 CAS 연산 활용하여 상호배제를 구현한다. 즉, 락이 없고, 시스템콜도 없다. CAS 한 줄이 동기화의 전부 → 이 이해가 맞는지?

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
김민정 댓글 2 좋아요 2 조회수 270

[막강] IoC방법 공부를 할 때?

해결됨

옆집 개발자와 같이 진짜 이해하며 만들어보는 첫 Spring Boot 프로젝트

스프링 IoC를 공부하려면 @Configuration+@Bean 학습을 하려고 하는데, @AppConfig같은 것으로 공부를 해야하는지, 어떻게 해야할지 조그만한 힌트를 주시면 감사하겠습니다.

  • java
  • spring
  • rest-api
  • spring-boot
  • dbms/rdbms
갱스터 댓글 1 좋아요 1 조회수 194

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

학습자료가 안보여요

해결됨

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

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

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

질문 올려도 되는지..?

미해결

고성능 JPA & Hibernate (High-Performance Java Persistence)

여기 내용에서 대부분 통합 테스트시 h2 디비 인메모리 기반으로 테스트를 하는게 아니라,, docker 기반 mysql 설치후에 볼륨을 tmpfs 로 마운트한다음에 해도 빠르다는건가요,,?

  • java
  • jpa
  • hibernate
오개발 댓글 1 좋아요 0 조회수 319

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

미해결

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

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

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

모달 Metadata 질문입니다.

해결됨

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

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

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

오라클 jdk21 버전이 없어서 이클립스 21 하려 했는데 둘 다 없습니다.

미해결

김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 오라클 jdk21 버전이 없어서 이클립스 21 하려 했는데 둘 다 없습니다. 찾아보니, 25년 초쯤에 오라클 24버전이 나와서 없어진듯 한데.,. 그 버전으로 해도 무방한가요?

  • java
  • 객체지향
유지하 댓글 2 좋아요 0 조회수 230

다대다를 일대다,다대일로 풀어낼 때 항상 양방향?

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

링크 위 질문의 AI 답변을 보면 다대다를 일대다,다대일로 풀어낼 때 양방향 매핑이 되어야 한다고 하였습니다. 근데 Member 나 Product 입장에서 MemberProduct 를 알 필요가 없으면 단방향으로 해도 되지 않나요?

  • java
  • jpa
조태준 댓글 1 좋아요 0 조회수 99

스트림: read()가 int를 반환하는 이유

해결됨

김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문 전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. byte는 -128~127이고 int는 0~255 범위라 음수 부분이 전혀 겹치지 않는데, read()에서 어떤 방식으로 byte를 int로 변환하는 건지 대략적인 기준이 궁금합니다. 아스키 코드의 0~126까지는 그대로 int로 변환이 되고 그 외 byte의 음수가 그대로 int 나머지 범위(127~255)까지 배정되는 방식일까요? +)아스키 코드(0~126)에 포함되지 않는 byte -128~-1까지의 대략적인 의미가 궁금합니다. 얘네는 영문 외 외국어나 추가 특수 문자들 같은 걸까요?

  • java
  • 네트워크
  • 객체지향
자바재밌당 댓글 1 좋아요 0 조회수 129

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

jooq+flyway에서 질문드립니다

해결됨

실전 jOOQ! Type Safe SQL with Java

도커 컨테이너를 사용하여서 실행 시키는걸로 진행하셨는데 저는 도커를 데스크탑이 아니라 olima로 실행시키고 있어서 환경변수 에러가 나오더라구요 export로 변수 바꿔줘도 안돼서 데스크탑으로 실행해 보니 되기는 하는데, olima로 실행 할 수 있도록 하는 방법이 있을까요? 그리고 도커 컨테이너를 사용 안하고 flyway만 따로 설정하는건 어떻게 하는게 좋을까요? dev.monosoul.jooq-docker 이걸로는 도커가 무조건 설정되어있어야 하는거 같은데, nu.studer.jooq + flyway 조합으로 가는게 좋을까요? 1.olima로 인텔리j에서 dev.monosoul.jooq-docker 설정에 맞게 실행 시키는법 2.도커 없이 flyway 사용할때에는 nu.studer.jooq + flyway 이 조합으로 하는게 권장되는 방식인지?

  • java
  • sql
  • spring-boot
  • jooq
  • dsl
JaeWon Kim 댓글 2 좋아요 0 조회수 284

인기 태그

인프런 TOP Writers

주간 인기글