inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

day17과제중 Context 객체생성 오류발생했습니다.

해결됨

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

day17과제하던중에, Context 객체 생성하는데 오류가 발생했습니다. export를 붙여서 진행하면 화면과 같이 오류가 발생하고, export를 제외하면 랜더링할때 빈화면이 나옵니다. 다른컴퍼넌트에는 useContext이용해서 함수 공급받는거 작성했습니다. import "./App.css" import Header from "./components/Header" import ContactEditor from "./components/ContactEditor" import List from "./components/List" import {useState, useRef, useCallback, createContext, useMemo} from 'react' const mockData = [ //임시데이터라는 뜻(mockData) { id: 0, name: "이정환", email: "king32@gmail.com" }, { id: 1, name: "김정환", email: "queen25@gmail.com" }, { id: 2, name: "하정환", email: "prince13@gmail.com" }, ] export const ContactStateContext = createContext(); export const ContactDispatchContext = createContext(); function App() { const [contact, setContact] = useState(mockData); const idRef = useRef(3) const onCreate = useCallback((name,email)=>{ const newContact = { id: idRef.current++, name: name, email: email, }; setContact([newContact, ...contact ]); },[]); const onDelete = useCallback((targetId) => { setContact(contact.filter((it) => it.id!== targetId)); },[]) const memoizedDispatch = useMemo( ()=>({onCreate, onDelete}),[] ); return( <div className="App"> <Header /> <ContactStateContext.Provider value={contact}> <ContactDispatchContext.Provider value={memoizedDispatch}> <ContactEditor /> <List /> </ContactDispatchContext.Provider> </ContactStateContext.Provider> </div> ) } export default App;

  • react
  • day17
ddorri83 댓글 1 좋아요 0 조회수 65

tailwinde-css

해결됨

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

궁금한 점 : @apply 핑크로 변하지 않아도 실행은 됩니다! 상관 없는걸까요?? styles.module.css tailwind.config

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

강의노트가 자료에 있는건가요..? (답변이 늦어져도 괜찮습니다)

해결됨

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

https://webzz.tistory.com 링크를 강의노트에 넣어놓을테니 꼭 확인 부탁드린다고 하셨는데 1. 자료안에 강의 노트가 안보입니다 2. https://webzz.tistory.com 이 사이트는 쿠팡 파트너스 사이트 같습니다ㅠㅠ

  • react
  • aws
  • docker
  • spring-boot
  • github-actions
emma0987 댓글 2 좋아요 1 조회수 208

.

미해결

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

.

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

pca 스케일링 관련하여 질문드립니다.

미해결

[개정판] 파이썬 머신러닝 완벽 가이드

안녕하세요 강사님! 덕분에 머신러닝 강의를 재밌게 수강중입니다. 다름이 아니라 이번 강의에서 pca이전 standard scaler를 적용하여야 한다고 하셨는데 혹시 standard scaler 대신 min-max scaler를 사용하면 안되는 걸까요?

  • python
  • 머신러닝
  • 통계
  • pca
  • 스케일링
자비스 댓글 2 좋아요 0 조회수 138

로그인 성공시

미해결

스프링 부트와 리액트로 구현하는 소셜 로그인

로그인 성 공시 defaultSuccessUrl 에서는 "/todos" 로 설정하고 successHandler의 CustomLoginSuccessHandler 에서는 "/" 로 되어 있을때 어디로 리다이렉트 되어야하나요? 설명에는 defaultSuccessUrl 가 우선순위라고 하셨는데, 실행해보면 / 로 갑니다.

  • react
  • java
  • spring-boot
  • jpa
  • spring-security
thbnsig 댓글 2 좋아요 0 조회수 98

프로젝트 생성 시, 대기 시간

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요. 강의와 동일하게 test_proj 프로젝트 생성 후 1시간이 넘게 지나도 완료가 되지 않고 아래 이미지와 같은 화면만 계속 노출되어서 우선 강제 종료한 상태인데요 PC사양에 따라 프로젝트 생성 시간의 편차가 크다고 하는데 원래 이 정도로 오래 걸릴 수가 있는 걸까요? *프로젝트를 처음 생성한 것은 아니고, 처음 생성할 때도 너무 오래 걸려서 강제 종료를 했다가 다시 켰는데, 아래 이미지와 같이 main.dart에는 X표시가 같이 뜨고 Select Device가 비활성화 되어서 기존 프로젝트 삭제하고 다시 프로젝트 만드는 과정에 있습니다.

  • flutter
  • 클론코딩
댓글 2 좋아요 0 조회수 200

강의중 37.Dio onErrorInterceptor 작업하기 dio 관련 질문입니다.

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

안녕하세요 강사님 accessToken 만료시 refreshToken 으로 다시 발급받는과정에서 질문이 있습니다. dio.dart 소스에 onError 에서 print 로 로그를 호출하고 있는데요 @override void onError(DioException err, ErrorInterceptorHandler handler) async { print("[ERR] [${err.requestOptions.method}] ${err.requestOptions.uri}"); final refreshToken = await storage.read(key: REFRESH_TOKEN_KEY); if (refreshToken == null) { return handler.reject(err); } final isStatus401 = err.response?.statusCode == 401; final isPathRefresh = err.requestOptions.path == "/auth/token"; if (isStatus401 && !isPathRefresh) { final dio = Dio(); try { final resp = await dio.post( "http://$ip/auth/token", options: Options(headers: {"authorization": "Bearer $refreshToken"}), ); final accessToken = resp.data["accessToken"]; final options = err.requestOptions; options.headers.addAll({ "authorization": "Bearer $accessToken", }); await storage.write(key: ACCESS_TOKEN_KEY, value: accessToken); final response = await dio.fetch(options); return handler.resolve(response); } on DioException catch (e) { return handler.reject(e); } } // return handler.reject(err); super.onError(err, handler); } 호출하는 restaurant_detail_screen.dart 를 보면 Future<RestaurantDetailModel> getRestaurantDetail() async { final dio = Dio(); dio.interceptors.add( CustomInterceptor(storage: storage) ); final repository = RestaurantRepository(dio, baseUrl: "http://$ip/restaurant"); return repository.getRestaurantDetail(id: id); } 이런식으로 되어있거든요? 그래서 refreshToken 으로 토큰을 재발급 받고 storage에도 새로 저장하였으나 dio 가 매번 호출되는 방식입니다. 그러다 보니 매번 onError 가 호출이되고 에러 로그가 찍힐수 밖에 없는 구조입니다. 싱글톤 방식으로 수정이 되지 않으면 해당 에러는 계속 날것 같은데 혹시 이후에 해당부분이 수정이 되는 강의 부분이 있을까요?

  • flutter
  • 하이브리드-앱
호갱 댓글 2 좋아요 0 조회수 134

강의 자료 다운

미해결

따라하며 배우는 리액트 네이티브 기초

안녕하세요 강의때 사용하시는 강의 노트 자료는 어디서 다운 받으면 되나요? (설명하실 때 사용하시는 자료 문의드립니다. ) 소스코드는 다운 받기가 가능한데 강의때 사용하시는 pdf 인지는 모르겠지만 어디서 다운받을 수 있나요? 만약에 없으면 강의때 링크 클릭해서 들어가시던데 그 링크는 따로 강의마다 딸려 있을까요? 답변 부탁드립니다.

  • react
  • react-native
  • expo
kimdk1406 댓글 1 좋아요 0 조회수 118

수강기간 연장 부탁드립니다!

해결됨

Flutter 앱 개발 기초

오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 🙂 수강기간 연장 부탁드려요. 감사합니다 !!!

  • flutter
에스더 댓글 2 좋아요 1 조회수 101

lxml 관련 오류

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

안녕하세요 유익한 강의 잘 듣고 있습니다. 63. IT/데이터 분야를 위한 지식: XML 데이터 포멧 다루기2 (업데이트) 의 끝 부분에서 강사님이 만드신 xml test (10:05초 부분)를 위한 url 테스트 실행시, 실행은 되는데 하단에 경고문구가 나와서요. 컬럼명 중에 대소문자하고 관련이 있을 것 같긴 한데... 제가 따로 변경한 게 없고 강의파일 그대로 실행한거 거든요. [오류내용] C:\Users\SKTelecom\AppData\Local\Temp\ipykernel_1828\4110160249.py:20: XMLParsedAsHTMLWarning: It looks like you're using an HTML parser to parse an XML document. Assuming this really is an XML document, what you're doing might work, but you should know that using an XML parser will be more reliable. To parse this document as XML, make sure you have the Python package 'lxml' installed, and pass the keyword argument `features="xml"` into the BeautifulSoup constructor. If you want or need to use an HTML parser on this document, you can make this warning go away by filtering it. To do that, run this code before calling the BeautifulSoup constructor: from bs4 import XMLParsedAsHTMLWarning import warnings warnings.filterwarnings("ignore", category=XMLParsedAsHTMLWarning) soup = BeautifulSoup(xml_data, 'lxml')

  • python
  • 웹-크롤링
류재안 댓글 1 좋아요 0 조회수 137

SocialLoginWeb1303 소스 제공해 주시면 안되나요?

미해결

스프링 부트와 리액트로 구현하는 소셜 로그인

SocialLoginWeb1303 소스 제공해 주시면 안되나요?

  • react
  • java
  • spring-boot
  • jpa
  • spring-security
유종훈 댓글 1 좋아요 0 조회수 116

앱비밀번호 설정하는 방법에 대해

미해결

Airflow 마스터 클래스

안녕하세요? 【16 Email Operator로 메일 전송하기 강의】에서 앱비밀번호 설정하는 작업이 있는데, Google 보안에 들어가도 앱비밀번호라는 항목 자체가 없습니다. 어떻게 설정하는 되는지 방법을 알려주시면 감사하겠습니다.

  • python
  • 데이터-엔지니어링
  • airflow
JooYong Yang 댓글 1 좋아요 0 조회수 724

수업 관련 질문

미해결

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

안녕하세요 제가 지금 토이프로젝트로 8월 말까지 앱의 mvp 기능을 만들고 싶어서 expo 강좌를 수강 신청 및 수강하게 되었습니다 제가 웹, 앱에 대한 지식이 전혀 없어서 gpt한테 물어보면서 진행을 해도 잘 이해하면서 하고 있지는 않은 것 같습니다 핵심개념들이 없는 것 같습니다 react, ts를 공부해야 이해가 될까요 ..?

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

솔직히 오늘 고백합니다.

해결됨

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

저는 원래 코딩이 쥐약입니다. 그래서 여기서 유료결제하고 수강한 것도 그런 이유죠. 하지만 지금 저는 직장인인데 일을 하다보니 코딩 접하는 게 생각만큼 저에게 쉽지가 않았습니다. 일단 코딩은 암기보다는 이해를 해야 하니까 거기서 시간을 생각보다 너무 많이 잡아먹더라고요. 그래서 솔직히 고백합니다. 코딩보다는 데이터베이스, SQL, 소프트웨어공학, 보안 이런 암기과목에 많이 집중을 했습니다. 솔직히 오늘 시험에 대한 기대는 반반이었습니다. 지난 1회처럼 코딩에서 난이도로 확 죽여(?)버리면 답이 없다고 생각했죠. 그런데 오늘은 제가 운이 따른 것 같았습니다. 코딩에서 그리고 씨리즈를 2개 맞힌 게 정말 컸던 것 같아요. 다른 것은 다 틀렸는데... 제가 다른 것을 거의 맞혔습니다. 가채점 해보니 딱 60점이네요. 지금 제 마음은 혹시나 실수했으면 어쩌지? 아니면 기사 실기시험 준비를 더 해야 하나 이런 마음입니다. 어쨌든 반성하며 선생님께 조언 구합니다.

  • python
  • java
  • c
  • 정보처리기사
parkcw9677 댓글 2 좋아요 0 조회수 217

퀴즈 질문) 시퀀스가 뭔가요?

해결됨

데이터 분석 입문자를 위한 기초 파이썬 with ChatGPT

AI 퀴즈를 풀어보는 중인데 정답이 이터러블인 것은 알겠지만 보기 2번의 시퀀스가 뭔지 궁금합니다!

  • python
  • excel
  • chatgpt
아이스티 댓글 2 좋아요 1 조회수 163

노션 공유

미해결

코딩테스트 [ ALL IN ONE ]

58q6ysrtnj@privaterelay.appleid.com 멤버십을 요청하였는데 승인이 안 나는지 교재를 확인할 수 없습니다. ㅠㅠ

  • python
  • 코딩-테스트
  • 알고리즘
리꼬 댓글 2 좋아요 1 조회수 147

margin_init 수정필요한 것 아닌가요?

미해결

파이썬 알고리즘 트레이딩 파트2: Interactive Brokers API를 활용한 실시간 알고리즘 트레이딩

margin_init = AvailableFunds/len(df_pairs_wt_paras) * margin_ratio 로 작성하셨는데, 제 추측으로는 만약 df_sel에 13개의 목록이 있다면 나의 BuyingPower를 13개로 나누어서 각각 페어에 대해서 트레이딩을 하기 위해서 margin_init을 len(df_pairs_wt_pars)로 나누었다고 판단됩니다. 다만, 해당 코드에서 *margin_ratio가 아니라 /margin_ratio가 되어야 하는 것 아닌가 해서 질문드립니다. (margin_ratio는 0보다 작은 값이기 때문에 나눗셈을 해주어야 더 큰 구매력이 도출되기 때문입니다) 혹시 제가 생각한게 맞을까요?

  • python
  • 객체지향
  • 퀀트
길상훈 댓글 1 좋아요 0 조회수 83

이거 해결방법 아시는 분?

미해결

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

이거 왜 이러는거죠/>

  • python
  • 웹-크롤링
댓글 2 좋아요 0 조회수 137

"인터넷 연결을 해주세요!" 라는 메세지가 순간적으로 보이는 문제

해결됨

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

작성하시 코드는 인터넷 연결이 정상적으로 되는 환경에서도 "인터넷 연결을 해주세요!" 라는 메세지가 보이게 되는 문제가 있는데, 실무에서는 어떻게 해결을 하시는지 궁금합니다.

  • react
  • react-native
  • next.js
  • expo
ibtg 댓글 1 좋아요 0 조회수 87

인기 태그

인프런 TOP Writers

주간 인기글