inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

컴포넌트가 렌더링되어 HTML이 생성되는 곳 (getServerSideProps VS useEffect)

미해결

Next.js 시작하기

안녕하세요 :) 섹션 9 부분을 다 듣고 나서 명확히 이해가 가지 않는 부분이 있어 질문드립니다. getServerSideProps를 이용하여 페이지를 로딩할 때 는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 프론트 서버(Next.js 서버) 이고, useEffect를 이용하여 페이지를 로딩할 때 는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 클라이언트(브라우저) 라고 이해하는게 맞을까요?

  • javascript
  • react
  • next.js
play _Er 댓글 1 좋아요 0 조회수 249

클라이언트 컴포넌트로의 전환

해결됨

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

강사님 안녕하세요. 학습을 거의 끝낸 상태라 거의 마지막 질문이 될 것 같기도 한데요^^ 클라이언트 컴포넌트는 서버 컴포넌트를 Import 할 수 없기 떄문에 Next 는 서버 컴포넌트를 클라이언트 컴포넌트로 동작시킨다고 배웠습니다. 그런데 만약 이러한 서버 컴포넌트에 async 방식의 api 코드가 포함되어 있는 경우에는 이런 코드가 클라이언트 방식으로 동작하면 문제가 발생할 것 같은데요. 결국, 이런 상황에서는 서버 컴포넌트를 그대로 두어서는 안되고 강의에서 설명하신 합성 방식으로 변경을 하거나 아니면 해당 서버 컴포넌트의 API 로직을 react-query 나 useEffect 훅을 이용해서 실행될 수 있는 클라이언트 컴포넌트로 리팩토링을 해야만 되는거 같은데 제가 올바로 이해한 게 맞을까요?

  • react
  • typescript
  • next.js
아리마 댓글 2 좋아요 0 조회수 359

작업형1 모의문제1 문제6

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요. 소수점 나이를 제거하라고 되어 있는데 이 부분을 소수점(실수형)->정수형으로 변환하도록 df1['age'] = df1['age'].astype(int) 라고 쓰면 틀린 답안이 될까요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
김진주 댓글 2 좋아요 0 조회수 126

리퀘스트 메모이제이션이 동작을 안하는것 같습니다.

미해결

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

/app/(with-searchbar)/page.tsx /app/layout.tsx 터미널 첨부한 사진과 같이 수업내용에 따라 코드를 작성하였고, 선생님의 화면과는 다르게 저렇게 같은 GET 호출이 두번이 나오네요... 옵션을 따로 추가하는것으로 바뀌었을까요?? npm run dev를 껐다가 다시 실행해도 마찬가지의 결과가 나옵니다!

  • react
  • typescript
  • next.js
wjswlgh96 댓글 4 좋아요 8 조회수 826

12.15강의 10분 Edit페이지에서 삭제하기(onDelete) 기능 질문

해결됨

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

TypeError: onDelte is not a function onDelete를 함수로 인식하지 못하고 있다고 합니다. 오탈자가 문제인건지 잘 모르겠습니다.... import "./App.css"; import { useReducer, useRef, createContext } from "react"; import { Route, Routes } from "react-router-dom"; import Home from "./pages/Home"; import Diary from "./pages/Diary"; import New from "./pages/New"; import Notfound from "./pages/Notfound"; import Edit from "./pages/Edit"; // 1. "/" : 모든 일기를 조회하는 Home 페이지 // 2. "/new" : 새로운 일기를 작성하는 New 페이지 // 3. "/diary" : 일기를 상세히 조회하는 Diary 페이지 const mockData = [ { id: 1, createdDate: new Date("2024-11-04").getTime(), emotionId: 1, content: "1번 일기 내용", }, { id: 2, createdDate: new Date("2024-11-03").getTime(), emotionId: 2, content: "2번 일기 내용", }, { id: 3, createdDate: new Date("2024-10-07").getTime(), emotionId: 3, content: "3번 일기 내용", }, ]; function reducer(state, action) { switch (action.type) { case "CREATE": return [action.data, ...state]; case "UPDATE": return state.map((item) => { String(item.id) === String(action.id) ? action.data : item; }); case "DELETE": return state.filter((item) => String(item.id) !== String(action.id)); default: return state; } } export const DiaryStateContext = createContext(); export const DiaryDispatchContext = createContext(); function App() { const [data, dispatch] = useReducer(reducer, mockData); const idRef = useRef(4); //기본 일기 추가 const onCreate = (createdDate, emotionId, content) => { dispatch({ type: "CREATE", data: { id: idRef.current++, createdDate, emotionId, content, }, }); }; // 기존 일기 수정 const onUpdate = (id, createdDate, emotionId, content) => { dispatch({ type: "UPDATE", data: { id, createdDate, emotionId, content, }, }); }; // 기존 일기 삭제 const onDelete = (id) => { dispatch({ type: "DELETE", id, }); }; return ( <> <DiaryStateContext.Provider value={data}> <DiaryDispatchContext.Provider value={{ onCreate, onUpdate, onDelete }}> <Routes> <Route path="/" element={<Home />} /> <Route path="/new" element={<New />} /> <Route path="/diary/:id" element={<Diary />} /> <Route path="/edit/:id" element={<Edit />} /> <Route path="*" element={<Notfound />} /> </Routes> </DiaryDispatchContext.Provider> </DiaryStateContext.Provider> </> ); } export default App; import Header from "../components/Header"; import Button from "../components/Button"; import Editor from "../components/Editor"; import { useParams, useNavigate } from "react-router-dom"; import { useContext } from "react"; import { DiaryDispatchContext } from "../App"; const Edit = () => { const params = useParams(); const nav = useNavigate(); const { onDelte } = useContext(DiaryDispatchContext); const onClickDelete = () => { if (window.confirm("일기를 정말 삭제할까요? 다시 복구되지 않아요!")) { //일기 삭제 로직 //console.log(params.id); onDelte(params.id); nav("/", { replace: true }); } }; return ( <div> <Header title={"일기 수정하기"} leftChild={<Button onClick={() => nav(-1)} text={"< 뒤로 가기"} />} rightChild={ <Button onClick={onClickDelete} text={"삭제하기"} type={"NEGATIVE"} /> } /> <Editor /> </div> ); }; export default Edit;

  • javascript
  • react
  • node.js
ju004100 댓글 2 좋아요 0 조회수 230

predict_proba에서 기초적인 것이 늘 헷갈립니다 ㅠㅠ

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

roc_auc_score 평가지표에서만 predict_proba[:,1]을 통하여 예측하는 것이라고 알고 있는데 뒤에 1과 0을 넣는 것이 늘 헷갈려서 개념이 잘 정립되질 않습니다. 양성일 확률이 주로 1, (ex. 심장마비에 걸릴 확률이 높은 사람은?) 첫번째 클래스가 1... 근데 이번 문제 같은 경우는 정시에 도착할 경우가 0으로 배정 됐으니 predict_proba[:,0]으로 하는게 아닌지 자꾸 헷갈립니다...

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
ehddls91 댓글 2 좋아요 0 조회수 313

섹션 3 부트 프로젝트 생성 및 확인 / 엔티티 클래스 만들기 강의가 재생되지 않습니다.

미해결

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

섹션 3 부트 프로젝트 생성 및 확인 / 엔티티 클래스 만들기 강의가 재생되지 않습니다. 크롬으로 보던 중 무한로딩이 떠서 시크릿모드 및 다른 브라우저로 시도해봤지만 여전히 재생되지 않습니다. 다른 영상은 잘 재생되는데, 섹션 3 부트 프로젝트 생성 및 확인 / 엔티티 클래스 만들기 강의만 재생되지 않네요. 확인 한 번 부탁드립니다!

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
양성준 댓글 2 좋아요 0 조회수 160

searchParams 질문있습니다.

미해결

Next + React Query로 SNS 서비스 만들기

const onClickHot = () => { setCurrent('hot'); router.replace(`/search?q=${searchParams.get('q')}`) } 이 코드가 있으면 q=null일때 주소가 http://localhost:3000/search?q=null 이렇게 이동되는데 제로초님은 아무런 검색어가 없는데 어떻게 null로 안나오죠? null체크를해서 주소를 2개 분기해도 될거같긴한데 제로초님은 q가 null일땐 주소창의 쿼리가 안생기더라고요 . 뭐가다른건지 모르겠네요ㅠ

  • react
  • next.js
  • react-query
  • next-auth
  • msw
ChangJun.dev 댓글 2 좋아요 1 조회수 221

문제 3번

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

문제 3번을 다음과 같은 코드로 풀었는데 오류가 발생합니다. # your code import pandas as pd import numpy as np df = pd.read_csv("https://raw.githubusercontent.com/lovedlim/inf/main/p1/members.csv") df = df.dropna(subset='views') df = df['f3'].replace({np.nan:0,'silver':1,'gold':2,'vip':3}) print(df['f3'].sum()) 마지막 print 에서 KeyError : 'f3' 오류가 발생했는데 무엇이 문제인가요..?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
김혁수 댓글 2 좋아요 0 조회수 98

파이참 임포트 문제

해결됨

실전! FastAPI 입문

안녕하세요. fastapi를 사용해서 서버를 개발하고있는데, 한가지 불편한것이 있어서 여쭤보려고 합니다. 다름이 아니라 외부에 작성해놓은 함수를 import 할 때 생기는 문제인데요. project | - src | - | - api | - | - extension | - | - exception | - | - main.py 이렇게 프로젝트 트리가 구성되어 있다고 했을때, project 경로에서 uvicorn src.main:app 으로 서버를 실행하면 ModuleNotFoundError: No module named 'extension' 이런 에러가 발생합니다. 이게 import 를 할 때 src.from extension.~ import ~ 이렇게 되어있지 않고 import 할 때, 자동으로 from extension.~ import ~ 이렇게 import가 되어서 모듈을 찾지 못해 발생하는 에러인 것 같은데요. 혹시 자동으로 임포트 할 때부터 src.from extension.~ import ~ 이렇게 소스루트부터 import 하게 하는 설정이 따로 있을까요? 하나하나 적어주기가 너무 불편해서 여쭤봅니다 ㅠ

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
뱅준 댓글 1 좋아요 0 조회수 293

ModuleNotFoundError: No module named 'pykrx'

해결됨

챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

3-1.py 를 실행하면 제목과 같이 pykrx가 없다고 나옵니다. 앞의 게시물들을 참고하여 anaconda prompt에서 pandas==2.03 으로 설치하고 matplotlib 도 설치했습니다. pip list --version 을 해서 보면 아래와 같이 설치되어 있는 것 같습니다. pykrx 1.0.48 python >>> from pykrx import stock >>> stock.get_market_ohlcv_by_date("2023-01-01", "2023-01-31", "005930") 이걸로 실행해보면 결과가 잘 나옵니다. 이것도 정상적으로 나옵니다. 그런데 3-1.py를 실행하면 pykrx가 없다고 나옵니다. 도움을 부탁드립니다.

  • python
  • 재테크
  • streamlit
  • chatgpt
  • 프롬프트엔지니어링
서우석 댓글 2 좋아요 0 조회수 541

백엔드서버에서 요청은 정상적이나 데이터를 못가져오는 현상

해결됨

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

안녕하세요. 책 데이터를 불러오지 못해서 문의 드립니다. 스웨거에서도 아무 데이터를 못 불러오는데 혹시 어떤 문제일까요? npx prisma db push 도 잘 완료 하였고 백엔드 서버도 start 해 놓은 상태입니다.

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

오름차순, 내림차순

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

ascending = false 할때, 어떤 건 false = 오름차순이라고 설명하시고, 가격이랑 메뉴 둘다 정렬할땐, 또 내림차순이라고 설명하시고,,, 뭐가 맞나용?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
lovelove567 댓글 2 좋아요 0 조회수 328

무한스크롤 리액트버전 | 16분 31초

해결됨

[React / VanillaJS] UI 요소 직접 만들기 Part 1

16분 31초에 const useInfiniteFetcher =() => {} 여기 부분을 보게 되면 pageData는 async에서 받아와서 promise가 되었는데 강사님은 따로 .then을 안하셨는데 어떻게 가능한가요??

  • react
  • typescript
  • dom
  • ui
  • vanilla-js
영준 댓글 2 좋아요 0 조회수 201

값 안나옴

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

왜 답이 안나오는 걸까요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
shs4166 댓글 2 좋아요 0 조회수 102

원핫 인코딩 문의

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

0과 1이 아닌 True/False 데이터가 입력되게 됩니다. 버전 업데이트 관련 문제인가요? 시험환경에서는 0/1로 나올 거니 신경 안써도 되는건가요

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
wsyang 댓글 2 좋아요 0 조회수 121

22강 21번 문제에 관련해 질문있습니다.

미해결

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

mystr = ' a man goes into the rooom...' print(mystr.strip('..')) 강사님이 작성하신 mystr.strip('.')과 똑같이 위 코드를 돌렸을 때에도 점 세 개가 모두 지워지는 결과를 확인했습니다. 만일 해당 str문에서 "점 두 개"만 지워 달라는 의도를 가졌다고 가정하면 이를 어떤 식으로 해결해야 하는 지 의구심이 생겨서 해당 질문 글을 남깁니다.

  • python
  • 웹-크롤링
hsdanny501 댓글 1 좋아요 0 조회수 90

강의 연장

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요 11월 30일 실기 시험 준비를 위해 해당 강의를 시청하는데, 현재 강의 수강 만료일이 11월 5일로 예정되어 있이 학습에 어려움이 있습니다. 11월 30일까지 강의 수강 기간을 연장 가능한지 문의드립니다. 일정부분 비용 발생하더라도 상관없으니 검토 부탁드리겠습니다.

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
kdmin88 댓글 2 좋아요 0 조회수 155

작업형2 하이퍼파라미터 튜닝

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

인프런 강의와 2025 시나공 빅데이터 분석기사 실기 책 같이 보면서 공부중입니다. 작업형2 연습문제를 풀고 있는데, 성능개선을 위해 하이퍼파라미터 튜닝 시 문제마다 적용되는 max_depth, n_estimators 값 범위가 다르더라구요. 혹시 파라미터 값 범위를 지정하는 어떤 기준이 있는건지... 어떤 식으로 값을 조정해야하는건지 궁금합니다.

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
chohs 댓글 2 좋아요 0 조회수 159

인기 태그

인프런 TOP Writers

주간 인기글