inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

웹뷰 질문드립니다!

미해결

React Native with Expo: 제로초에게 제대로 배우기

강사님 궁금한 게 있습니다. 그러면 웹뷰 위주의 앱을 개발한다고 했을때, 리액트 프로젝트 1개, 리액트 네이티브 프로젝트 1개 이렇게 총 두개의 레포지토리를 만들어 개발하고, 앱 내에서 웹뷰를 띄우고 싶은 부분은 우선 리액트 프로젝트를 배포하고, 배포된 url을 가져와서 웹뷰 컴포넌트에 넣는 방식으로 진행하나요?? 그리고 만약 그렇게 한다면 보통 멀티레포로 하는지 모노레포 구조로 하는지도 궁급합니다..!!

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 108

애니메이션 부분 설명

미해결

React Native with Expo: 제로초에게 제대로 배우기

애니메이션 부분 복잡해서 수강노트에 단계별로 설명해주신다고 했는데 안보이네요..!! 혹시 어디로 들어가야 볼 수 있을까요?!

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 101

3.3) 레이아웃 설정하기

해결됨

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

5분55초쯤 설명하고 계시는 layout.tsx를 삭제하면 파일이 자동생긴다는 부분이 저는 생기지않는데 chatGPT한테물어보니 딱히 그런 기능은 Next에 없다고하는데 확장프로그램 차이일까요?

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

gPRC 와 서비스 디스커버리에 대해 질문드립니다.

미해결

마이크로서비스 디자인 패턴 완벽 가이드

안녕하세요. MSA 에서는 n 개의 같고 다른 여러 서비스들이 존재하고 이를 구분 하기 위해 discovery 서비스를 사용 하고 있는 것으로 알고 있습니다. spring cloud 를 통해 서비스 디스커버리를 사용하면 서비스와 서비스가 사용하는 (web 구성인 경우) 서비스 포트가 자동으로 등록되고 찾아지는 자동화된 구성이 지원되어 사용하기가 편리한데요. 외부 web 과 내부 grpc 통신을 하는 서비스는 각각 통신을 위한 포트 바인딩이 필요한데 이때 서비스가 n 개가 될때 discovery 서비스를 보통 어떻게 사용해서 구성하는지 궁금해서 질문 드리게 되었습니다. 플랫폼 기반 디스커버리가 된다면 크게 신경을 쓰지 않아도 될듯하나 어플리케이션 레이어에서 디스커버리를 사용할때는 보통 어떻게 구성이 될까요?

  • java
  • spring-cloud
  • 디자인-패턴
  • msa
  • patterns
램쥐뱅 댓글 2 좋아요 0 조회수 108

npm run build 시 search 쪽에서 에러로 인해 build가 안됩니다.

미해결

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

git : https://github.com/ture403/next_appRoute 입니다. 현재버전 : 에러: 이건 search/page.tsx 입니다. import BookItem from "@/components/book-item"; import BookListSeletion from "@/components/skeleton/book-list-seletion"; import { BookData } from "@/types"; import { delay } from "@/util/delay"; import { Suspense } from "react"; async function SearchResult({ q }: { q: string }) { await delay(1500); const res = await fetch(`${process.env.NEXT_PUBLIC_API_SEVER_URL}/book/search?q=${q}`); if (!res.ok) { return <div>오류가 발생했습니다.</div>; } const searchDatas: BookData[] = await res.json(); console.log(searchDatas); return ( <div> {searchDatas.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } export default async function Page({ searchParams }: { searchParams: Promise<{ q?: string }> }) { const params = await searchParams; // searchParams Promise를 await 합니다. const query = params.q || ""; // q 값을 추출하고, 없으면 빈 문자열을 사용합니다. return ( <Suspense key={query} fallback={<BookListSeletion count={3} />}> <SearchResult q={query} /> </Suspense> ); } 봐주시면 감사겠습니다.

  • javascript
  • react
  • node.js
레디온 댓글 2 좋아요 0 조회수 76

ios 배포관련 질문있습니다.

해결됨

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

카메라와 위치정보만 네이티브에서 권한 요청하고,화면이 전부 웹뷰로 구성되어있는 앱을 배포한다고 가정 했을때 ios 심사통과 가능성이 높은지 낮은지 궁금합니다.

  • react
  • react-native
  • next.js
  • expo
징니 댓글 2 좋아요 0 조회수 112

소스 코드 공유합니다

해결됨

리액트 기초 (Introduction to React)

https://github.com/tolfromj/react-basic 파이팅~!! (vite 사용해서 환경설정이 조금 다릅니다. 강의 수강하면서 직접 타이핑해서 오타나 오류 있을 수 있습니다. )

  • react
  • react-router
  • hook
qawsed 댓글 0 좋아요 4 조회수 161

tailwindCss 강의중

미해결

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

공식 사이트에 가니 npm tailwindcss init -p명령어가 사라졌는데 버전이 올라가서 그런건가요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
yoo 댓글 4 좋아요 0 조회수 147

7-4 서버액션을 배우면서 기존 상태변경 렌더링과 혼동이 옵니다

미해결

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

안녕하세용 이번에 revalidatePath로 서버단에서 데이터를 변경하고 리랜더링 까지 하는 작업을 보고 궁금한게 하나 생겼습니다. 기존 csr 방식처럼 상태값이 변경될시에 리랜더링이 발생하는 방식 말고 이렇게 서버액션을 통해 데이터를 받고 재랜더링을 하는 이유가 완전히 서버 컴포넌트들로만 작동하게 되어 SSG로 구현이 가능하기 때문인건가요? 머릿속이 지금 복잡해서 그냥 useEffect랑 state를 쓰고싶다는 욕망이 크게 느껴지고 있는데 왜 이걸 사용해야 하는지에 대해 조금 명쾌한 해답을 듣고 싶습니다!

  • react
  • typescript
  • next.js
wl990 댓글 2 좋아요 0 조회수 119

expo로 구현할 수 없는 기능들에는 어떤게 있을까요??

미해결

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요 강사님! 현재 회사에서 사이드 프로젝트로 리액트 네이티브 프로젝트를 혼자서 진행해야 되는 상황이라 강의를 듣고 있습니다. 아직 기획만 나온 상황이고 디자인은 전혀 나오지 않은 상태입니다. 만약에 구현하다가 expo에서는 구현할 수 없는 기능이 생길수도 있는 부분에 대해서 미리 인지하고 싶은데, 혹시 expo로 구현할 수 없는 기능들에는 어떤 것들이 있는지 미리 알 수 있는 방법이 있을까요..?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
댓글 2 좋아요 0 조회수 125

Junit4 에러 (org.junit.Test;)

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

Junit4 org.junt.Test 어노테이션을 사용하면 작동하지 않는 것 같습니다. 아래는 에러입니다. No matching tests found in any candidate test task. Requested tests: Test pattern jpabook.jpashop.service.MemberServiceTest in task :test * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at https://help.gradle.org. Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. For more on this, please refer to https://docs.gradle.org/8.11.1/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation. BUILD FAILED in 493ms 5 actionable tasks: 1 executed, 4 up-to-date

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
nick 댓글 2 좋아요 0 조회수 177

@MockK에서 null을 할당하는 이유?

미해결

코틀린 문법부터 실무까지 (실전 자바->코틀린 변환)

37강 5분 11초에서 "처음에는 null로 되어있지만 값을 한 번 세팅할 수 있게 해주고 싶다."라고 하셨는데 처음부터 null을 할당하지 않으면 lateinit을 사용 안 할 수도 있는 거 아닌가요? 테스트코드에 대한 이해가 하나도 없어서 고른 강의인지라 질문의 깊이가 너무 없지만 답변주시면 감사합니다!!

  • java
  • spring
  • kotlin
  • spring-boot
  • 객체지향
apim 댓글 1 좋아요 1 조회수 117

공통원소 구하기 질문입니다.

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

해당 코드의 실패 예시가 결과 값이 5 999999999 1000000000 가 출력 되야 되는데 5만 출력 됩니다. 위의 코드에서 flist, slist를 ArrayList로 선언 했는데 이를 int[]로 변경 후 동작을 하면 정상적으로 동작이 됩니다. int[]로 선언 했을 때랑 ArrayList로 선언 했을때 차이가 있는건지 제가 while문안에 비교를 잘못한건지 모르겠어서 질문드립니다..

  • java
  • 코딩-테스트
I love polk 댓글 1 좋아요 0 조회수 68

배포후 알람이 정상작동안합니다.

미해결

React Native with Expo: 제로초에게 제대로 배우기

안드로이드 환경에서 apk를 만들어서 다른사람의 폰에 깔아보았습니다 apk의 pushtoken을 서버에 잘 담아서 보냈으나, expogo가 깔려있는앱에는 알람이 정상적으로 오지만, 깔려있지 않은앱에서는 알람이 안옵니다 어떻게 해결할수있을까요? 백엔드코드 전달드립니다. // 푸시 알림 전송 함수 정의 function sendPushNotification($expoPushToken, $title, $body, $data = []) { $message = [ 'to' => $expoPushToken, 'sound' => 'default', 'title' => $title, 'body' => $body, 'data' => $data, ]; $ch = curl_init('https://exp.host/--/api/v2/push/send'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_HTTPHEADER, [ 'Accept: application/json', 'Accept-Encoding: gzip, deflate', 'Content-Type: application/json', ]); curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($message)); $response = curl_exec($ch); $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($httpCode != 200) { throw new Exception('HTTP 오류! 상태 코드: ' . $httpCode); } $result = json_decode($response, true); if ($result['data']['status'] === 'error') { throw new Exception('푸시 알림 전송 오류: ' . json_encode($result['data']['details'])); } return $result['data']['id']; } 에러내용 : {"error":"InvalidCredentials","fault":"developer"}

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
최우뚝 댓글 4 좋아요 0 조회수 237

다음 강의는 언제 나올까요?

해결됨

Spring WebFlux + LLM 실전 구현

안녕하세요 강의 잘 듣고있습니다. 혹시 다음 강의 일정 계획이 나온게 있을까요 ?

  • java
  • spring
  • webflux
  • chatgpt
  • llm
minsu7426 댓글 1 좋아요 1 조회수 224

안녕하세요 제로초님 CSS관련 질문 드립니다

미해결

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요 제로초님 CSS 관련해서 질문 드립니다. expo에서는 styleSheet와 react-native-safe-area-context 이용해서 css 작업하는걸로 강의에서 설명해 주셨는데 NativeWind(TailwindCss)를 모바일에서 사용하는건 어떻게 생각하시는지 궁금합니다 또, gluestack ui 라이브러리도 있는데 이것도 혹시 아시면 같이 이야기 해주시면 감사하겠습니다! StyleSheet 사용해서 하는게 나중에 최적화가 더 잘 될지 그런것도 고민이 되긴 합니다

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
  • nativewind
  • gluestack
JaeWon Kim 댓글 2 좋아요 2 조회수 108

강의마다 자료 다운받기 어려운데 한번에 다운받을 수 있나요?

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

질문은 동영상 강의에 들어가서 오른쪽에 커뮤니티 버튼을 통해 해주세요. 그래야 어떤 강좌에서 질문하셨는지 알 수 있습니다. 영상에서 몇 분 몇 초 대를 알려주셔야 제가 한 번에 질문 내용 확인이 가능합니다. 이미 다른 누군가가 질문을 한 이력 이 있을 수 있습니다. 질문 게시판을 한 번 확인 부탁드립니다. 학교의 과제나 타 강사의 코드 등 외부 수업 자료에 대해서는 답변하지 않습니다. 제가 다루는 커리큘럼 외의 이론이나, 너무 디테일한 컴퓨터 이론에 대해서는 답변 드리지 않습니다. 시험에 안 나오는 경우가 많고, 나와 봤자 1문제 나오는데 외워야 할 부분이 많은 것 등 (예시: 서브넷 마스크 계산) 질문을 올릴 때 이 글은 모두 지우고 내용을 입력해주세요.

  • python
  • java
  • c
  • 정보처리기사
고지훈 댓글 2 좋아요 0 조회수 122

7-1 개인적인 궁금증이 생겼습니다

미해결

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

이번 장에서 서버액션에 관한 내용을 들었는데 유지보수 측면에서 이 기술이 좋은 방법일까 하는 의문이 들었습니다! 아래는 이런 경우가 생기지 않을까 해서 적어둔 내용입니다. 서버액션으로 프론트에서 "a를 오른쪽으로 옮겨주세요" 라는 api를 백엔드에 만들었습니다. 그런데 기존의 백엔드 api에선 a는 왼쪽으로 옮기는 스크립트를 만들어놨는데 서버액션으로 인해 백엔드 서버엔 예정에 없던 동작이 발생했습니다. 그러다 나중에 a를 오른쪽으로 옮긴것에 대해 문제가 발생해서 백엔드 코드를 하루 꼬박 세면서 뒤져봤는데 오류를 못 찾았습니다 그런데 알고보니 프론트에서 서버액션으로 보내는 a를 오른쪽으로 옮겨라는 코드 때문에 발생한 문제였습니다. 이런 상황이 실무에서 발생할거 같다는 생각이 들어서 이 서버액션 기능을 실제로도 많이 사용하는지 궁금합니다!!

  • react
  • typescript
  • next.js
wl990 댓글 2 좋아요 0 조회수 116

setter 함수 전개구문

미해결

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

리엑트 객체 업데이트하기 강좌에 내용 중 질문입니다. const handleTitleChange = (e) => { setForm({ ...form, title: e.target.value, }); }; 이런 부분이 있는데요. ...form이 title:e.target.value 보다 앞서 나와야 정상 작동하더라구요. javascript 문법을 정확히 몰라서 그런건지 모르겠지만, 전개구문을 앞에 둬야 되는 이유(?)가 있을까요? 그냥 이렇게 사용하는거니 익숙해지면 되나요?

  • react
택군 댓글 2 좋아요 0 조회수 64

강의 영상 질문

미해결

프론트엔드 개발의 Kick, Web API (feat. React)

5,7,8,10,11,12,14,15,17,18,19번 강의가 음성만 있고 화면에 보여지는게 없는데, 의도된걸까요..? 저만 그런건지,,,ㅠㅠ

  • javascript
  • react
  • web-api
치현 댓글 2 좋아요 0 조회수 121

인기 태그

인프런 TOP Writers

주간 인기글