inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

reddit data 는 어디있을까요?

미해결

Prompt Engineering: 완벽 가이드

수업 자료에는 code, review_criteria 이 두개만 있어요. 이 강의에서 사용하는 레딧 자료가 어디있는지 모르겠네요.

  • python
  • 프롬프트엔지니어링
  • llm
박세준 댓글 2 좋아요 0 조회수 144

member.self-ex 코드 업로드요청

해결됨

[자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]

깃허브 url에 member.self-ex 코드가 없습니다. 확인 후 업로드 부탁드려요 그리고, useEffect 제대로 써보기: 반복 작업 제거와 효과적인 클린업 3:43 이부분부터 몇초간 화면이 안보입니다..

  • javascript
  • react
  • jquery
  • typescript
  • es6
  • vanilla-javascript
희원 댓글 2 좋아요 0 조회수 133

Mac Book import 문제 해결완료!! (*window 동일하게 해결가능)

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

흠... 많은 분들이 module 파일을 가져오실 때, 에러가 발생하는 듯 한데 그 누구도 뭔가 속시원하게 말씀해주지 않으시는 듯하여 아래와 같이 제가 해결한 내용 공유드립니다. 1.우선, 다음과 같은 사전지식이 필요합니다. - vscode에서 python 코드를 실행 하면, vscode 내 python 전용서버인 Pylance가 실행 되며, 해당 서버는 모듈을 찾을 때 기본적으로 특정한 경로만 확인 합니다. 그 특정 경로라는 것이 바로 sys.path 안에 포함되어 있는 경로 라고 보시면 됩니다. 그래서 vscode에서 다음과 같이 코드 입력 후 터미널에서 실행보면 이 때에는 math 폴더가 포함되어 있지 않다는 것을 알 수 있습니다. import sys print(sys.path) print(type(sys.path)) 따라서 sys.path.append()와 import test_module을 입력하셔도 해당 모듈을 찾아올 수 없었던 것 입니다!! 2.python 전용서버인 Pylance에 sys.path 경로 탐색 외 vscode를 통해 별도 경로도 탐색할 수 있도록 해주세요. - 현재 작업중인 루트폴더 (*수업으로 생각해보면, 파이썬 입문과정)에 .vscode라는 폴더 생성 - 만약 현재 작업중인 폴더만 띄어놓고 하고 싶다면, Chapter06 이라는 폴더에다가 생성해줘도 됩니다! - 해당 폴더에 Pylance가 참조할 수 있는 경로 추가 설정 - 경로 추가 설정하는 방법 : settings.json 파일 생성 후 아래 코드 입력 { "python.analysis.extraPaths": ["/Users/admin/Documents/파이썬 입문과정/math"] } 위 처럼 설정하시면, 이제 Pylance는 import 예약어를 통해 특정 모듈을 가져오고자 할 때, 기본 경로인 sys.path 뿐만 아니라, 개발자가 추가 설정해준 위 경로에서도 값을 참조해 올 수 있게 됩니다.

  • python
Json 댓글 2 좋아요 3 조회수 157

내장 메서드와 슬라이싱의 출력 형태 (따옴표의 차이)

해결됨

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

안녕하세요 선생님, 수업 잘 듣고 있습니다. 내장 타입과 메서드 강의 자료와 문자열 슬라이싱 마스터하기 강의 자료에 대한 질문입니다. (1) 내장 메서드를 이용한 출력의 경우 s = "Hello, World!" 에 대한 print(s.lower()) 이 'hello, world!' 그리고 print(s.upper()) 이 'HELLO, WORLD!' 이런 식으로 작은 따옴표가 붙어서 출력되는데 (2) 사전 형태의 메서드의 경우에서는 왜 my_dict = {"name" : "WeekendCode" (이하 생략)} 의 print(my_dict.get("job", "Not Found")) 가 그냥 Not Found 이렇게 따옴표가 없이 출력되는지 궁금합니다. (3) 반면 문자열 슬라이싱에서는 기본 예제에서는 주석으로 출력형이 'Hello' 이런식으로 달려있습니다만, 음수 인덱스의 출력값에는 World 이런식으로 쓰여있는데 따옴표가 있는 형태와 없는 형태 둘 중 어느 것이 정답인지 궁금합니다. 시험에 나온다고 생각했을때 내장 메서드를 이용한 출력은 출력값에 따옴표를 붙이고 사전 형태의 메서드에서 내장 메서드를 사용해 키 또는 값등을 불러올때는 출력값에 따옴표를 붙이지 않으며 문자열 슬라이싱을 하는 경우에는 출력값에 따옴표를 붙이지 않는다 이렇게 생각하면 될까요? 늘 좋은 강의에 감사드립니다.

  • python
  • java
  • c
  • 정보처리기사
김도영 댓글 2 좋아요 0 조회수 126

8:39 파이썬 문제 문의

해결됨

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

안녕하세요! 제가 풀어봤는데 도저히 정답이 이해가지 않아서 틀린부분을 알려주시면 감사하겠습니다. 제가 푼 방식은 아래와 같습니다. b는 a의 처음부터 3번째 까지의 문자이므로, "eng" c는 a의 4번째부터 6번째 까지의 문자인데 첫 문자를 0부터 세므로 4번째 문자는 n이된다. 즉, "nee" d는 a의 28번째부터 끝까지의 문자이므로, "ing" b+c+d 는 "engneeing" 정답은 "engneeing" 일 것 같은데, 왜 "engneing" 일까요?

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

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

공익을 위해 첨부합니다... Windows의 경우 Mac과 다른 방식으로 경로가 설정되는 탓인지 상품 업로드 후 홈화면에서 상품이미지가 엑박으로 보이는 오류가 발생합니다. 그동안 질문&답변 게시판에 올라온 모든 질문 및 답변을 참고해 해결을 해보고자 하였는데요, 그 어느 답변을 참고해도 해결이 되지 않아 눈물을 머금고 10분짜리 강의에 몇시간동안 매달려있었습니다. 그렇게 알게된 방법은... 저의 경우 (1) 상품 업로드 화면에서 사진을 첨부한 후 개발자 도구의 Network에서 첨부한 사진의 링크를 보면 http://localhost:8080/upload/(상품이름).jpg 이런 식으로 뜹니다. (2) 업로드 버튼을 누른 후 홈 화면으로 이동 (3) 개발자 도구의 Network에서 새롭게 업로드된 사진의 링크를 보면 http://localhost:3000/upload/(상품이름).jpg 이런 식으로 뜹니다. 이를 해결하기 위해, grab-market-web 폴더 (사용자에 따라 폴더 이름은 다를 수 있음) → src → main → index.js에서 product-card 의 product-img 부분을 확인합니다. <div> <img className="product-img" src={`${API_URL}/${product.imageUrl}`} ></img> </div> src 링크를 다음과 같이 변경합니다. 그럼 상품 업로드 화면에서의 이미지와 홈화면에서의 이미지가 localhost:8080로 동일해지기 때문에 상품 사진이 정상적으로 보입니다. 물론 이렇게 코드를 수정하고 나면 기존에 저장해놨던 상품들의 이미지에 엑박이 뜹니다. (images/products/__ 이런 식으로 폴더 내 이미지와 연결해둔 링크들이 http://localhost:8080/images/products/__ 처럼 변경되니 엑박이 뜨는 것으로 추정됩니다.) 어차피 이제 사진을 서버에 직접 업로드하는 방법으로 진행될 예정이니 그냥 기존의 상품들은 삭제하시면 될 것 같습니다. (DB Browser → 데이터 탐색 → 기존 상품 레코드 선택 → 현재 레코드 삭제하기 → 변경사항 저장하기 이용하면 삭제 가능합니다.) 저와 동일한 이유로 엑박 뜨는게 아니라면... 저도 모르겠습니다. 방법을 찾으시면 공유해주세요. 파이팅! +) 상품 상세페이지를 들어가면 다시 엑박이 뜹니다. <div id="image-box"> <img src={`${API_URL}/${product.imageUrl}`} /> {console.log(product.imageUrl)} </div> 이때는 product 폴더의 index.js에 들어가여 image-box 부분을 다음과 같이 변경해주세요. 원리는 위와 동일합니다. 그러면 상세페이지에서도 정상적으로 작동합니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
sugi0jubak 댓글 1 좋아요 0 조회수 220

비동기 서버 구성하다 알 수 없는 에러에 빠졌는데...

해결됨

실전! FastAPI 활용(비동기)

안녕하세요. 좋은 강의 감사합니다. 강의를 기반으로 제 방식대로 서버를 구성하다가 알 수 없는 에러에 빠졌습니다. 서버는 정상 구동은 되고, postman으로 root url인 localhost:8000/ 에 request를 날리면 정상적으로 결과값을 반환 받는데 localhost:8000/api/recommend?userId=1 만 호출하면 바로 에러메세지 없이 500만 응답으로 받고 있습니다. print(1) 도 서버 로그에 찍히지 않고 서버 로그는 아예 나오질 않네요. localhost:8000/ 에서도 동일하게 서버 로그는 찍히지 않습니다 우선 의도는 BaseRepository 클래스를 만들어서 find_by_id 같은 중복 코드를 하나로 관리해보려고 했습니다. 의존성 주입 부분은 지피티의 도움을 받아서 위치를 조정했습니다. 도저히 어디서 문제가 난건지 알 수 없어서 도움 요청 드립니다 ㅜㅜ # main.py from typing import Dict from dotenv import load_dotenv from fastapi import FastAPI from src.app.app import create_app load_dotenv() app: FastAPI = create_app() @app.get("/") async def health_check_handler() -> Dict[str, str]: return {"statusMsg": "good"} # app.py from contextlib import asynccontextmanager from typing import AsyncGenerator import anyio from fastapi import FastAPI from src.app.endpoints.recommend import router @asynccontextmanager async def lifespan(app: FastAPI) -> AsyncGenerator: limiter = anyio.to_thread.current_default_thread_limiter() limiter.total_tokens = 200 yield def create_app() -> FastAPI: app = FastAPI(lifespan=lifespan) app.include_router(router, prefix="/api") # 다른 설정들(예: 미들웨어, 이벤트 핸들러 등)을 추가할 수 있습니다. return app # connection.py import os import urllib from typing import AsyncGenerator from dotenv import load_dotenv from sqlalchemy.ext.asyncio import AsyncEngine, AsyncSession, async_sessionmaker, create_async_engine load_dotenv() DB_USERNAME: str = os.getenv("DB_USERNAME", "root") DB_PASSWORD: str = os.getenv("DB_PASSWORD", "root") DB_HOST: str = os.getenv("DB_HOST", "127.0.0.1") DB_NAME: str = os.getenv("DB_NAME", "") DB_PORT: str = os.getenv("DB_PORT", "3306") DB_ECHO: bool = os.getenv("DB_ECHO", "true").lower() == "true" if not DB_NAME: raise ValueError("DB_NAME 환경변수가 설정되지 않았습니다.") # 비밀번호 특수문자 허용 encoded_password = urllib.parse.quote_plus(DB_PASSWORD) DATABASE_URL: str = f"mysql+asyncmy://{DB_USERNAME}:{encoded_password}@{DB_HOST}:{DB_PORT}/{DB_NAME}" engine: AsyncEngine = create_async_engine( DATABASE_URL, echo=DB_ECHO, pool_size=10, max_overflow=0, pool_timeout=30, # second pool_recycle=60, # second pool_pre_ping=True, ) SessionFactory = async_sessionmaker(autocommit=False, autoflush=False, bind=engine) async def get_db() -> AsyncGenerator[AsyncSession, None]: session = SessionFactory() try: yield session finally: await session.close() # user_route.py from typing import Dict from fastapi import APIRouter, Depends, status from src.app.dependency.query_param_denpendency import snake_case_query from src.core.common_type import V from src.core.exception.not_found_exceptions import UserNotFoundExceiption from src.db.connection import get_db from src.entity.user import UserEntity from src.repository.user import UserRepository, get_user_repository from src.dto.response.user_response import UserResponse router = APIRouter(prefix="/recommend") @router.get(path="", status_code=status.HTTP_200_OK, response_model=UserResponse) async def get_recommend_schedule( params: Dict[str, V]=Depends(snake_case_query), user_repo: UserRepository=Depends(get_user_repository) ): print(1) user_id: int = int(params.get("user_id", None)) user: UserEntity | None = await user_repo.get_user_by_id(user_id) if not user: raise UserNotFoundExceiption() user = UserResponse.model_validate(user) return user # base_repository.py from typing import Type from sqlalchemy import select from sqlalchemy.ext.asyncio import AsyncSession from src.core.common_type import E class BaseRepository: def __init__(self, db: AsyncSession): self.db = db async def get_entity_by_id(self, model: Type[E], entity_id: int) -> E | None: print(2) entity: E | None = await self.db.execute(select(model).where(model.id==entity_id)) return entity.scalars().first() # user_repo.py from fastapi import Depends from sqlalchemy.ext.asyncio import AsyncSession from src.db.connection import get_db from src.entity.user import UserEntity from src.repository.base_repository import BaseRepository def get_user_repository(db: AsyncSession = Depends(get_db)) -> "UserRepository": return UserRepository(db) class UserRepository(BaseRepository): async def get_user_by_id(self, user_id: int) -> UserEntity | None: print(3) return await self.get_entity_by_id(UserEntity, user_id) # user_response.py from datetime import datetime from typing import Optional from pydantic import BaseModel class UserResponse(BaseModel): id: int name: str nickname: str email: str phone: str join_date: datetime updated_at: Optional[datetime] = None deleted_at: Optional[datetime] = None class Config: from_attributes = True 도대체 어디서 문제가 생긴걸까요...

  • python
  • FastAPI
  • websocket
  • asyncio
  • pubsub
윤서준 댓글 5 좋아요 0 조회수 589

머신러닝 백엔드 강좌 언제나오나요?

미해결

FastAPI 완벽 가이드

머신러닝 강좌는 언제 오픈하나요? 빨리듣고 싶습니다. ㅎㅎ 일 때문에 빨리 듣고싶은데 프리뷰 필요하시면 연락부탁드립니다.

  • python
  • sql
  • sqlalchemy
  • FastAPI
SpeedGogo 댓글 2 좋아요 0 조회수 160

useEffect의 의존성 배열에 fetchNextPage를 넣는 이유가 궁금합니다

미해결

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

useEffect(() => { if (inView) { hasNextPage &&fetchNextPage(); } }, [inView, hasNextPage, fetchNextPage]); 이렇게 useEffect를 작성하셨는데 fetchNextPage를 useEffect의 의존성배열에 넣는 이유가 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
i1004gy 댓글 2 좋아요 0 조회수 147

호스팅 업체를 결국 AWS 로 정해야 하는 이유가 궁금합니다.

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

강의를 잘 보고 있습니다. 클라우드 플레어가 상당한 장점이 있는 호스팅 업체로 보이는데요, 그럼에도 불구하고 실무에서는 결국 AWS를 선택하는 이유를 아래의 3가지로 정리하면 될까요? 커스터마이징 제한 느린 성능 벤더 종속성 이 외에 클라우드플레어에서 AWS로 이전할 수 밖에 없었던 에피소드가 있으신지 여쭤보고 싶습니다.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
서재원 Seo 댓글 2 좋아요 0 조회수 300

구조체 변수, 구조체 포인터와 malloc에 관한 질문

해결됨

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

안녕하세요. typedef 강의를 수강하다 처음 보는 내용들이 너무 많은 와중, typedef 기출 문제(약 3분 15초 즘)에 대해 질문을 남깁니다. 구조체 형태의 Data라는 타입명을 가진 변수 Data를 커스텀으로 정의 후, 해당 타입을 활용하기 위해 main 함수 내부에서 Data 타입(구조체) 변수 d1과 Data 포인터 타입(구조체 포인터) 변수 d2를 선언했습니다. 이 문제에서 핵심은 구조체 타입의 포인터 변수를 선언할 경우, 해당 변수의 멤버 변수에 .(dot)을 통해 직접 접근 할 수 없다. 우리는 멤버 변수에 할당된 메모리 주소에 접근할 수 있기 때문에, ->(arrow)를 통해 접근하여 해당 주소에 저장된 값을 불러오는 방법을 활용해야 한다. 라고 생각했습니다. 즉, d1의 numPtr에 값을 저장 및 접근 할 때와 d2에서 할 때의 차이를 배우기 위한 문제라고 생각이 들었습니다. 그런데, 갑자기 stdlib.h의 내장 함수인 malloc에 대한 코드가 나왔습니다. malloc은 동적으로 메모리 주소를 할당하기 위한 함수라는 것을 알게 되었습니다.,malloc(sizeof(type명))을 통해 포인터 변수에 메모리 영역을 할당하고, 이후 main 함수를 빠져나가기 전 free를 통해 할당했던 메모리 영역을 해제시켜 줬는데요. 왜 해당 방식으로 문제가 출제되었는지 이해가 되지 않아서 질문을 남깁니다. 독립적인 Data 타입의 구조체 인스턴스(?)를 만들고 싶은데, 이를 d1 처럼 생성하고 싶지 않을 경우에는 반드시 저 방법을 활용해야 하는 것인가요??? malloc을 통해 선언 하는 방식과 아래의 방식에 차이가 있나요? Data d2; // 구조체 변수 선언 Data *d2Ptr = &d2; // 구조체 변수의 메모리 주소에 접근하기 위한 포인터 변수 선언 부족한 지식으로 인해 아직은 어렵지만, 차근차근 배워나가는 재미가 있습니다. 항상 좋은 강의 감사드립니다!

  • python
  • java
  • c
  • 정보처리기사
김민규 댓글 2 좋아요 1 조회수 201

너무 어려워요....이해가 너무안되네요.

해결됨

파이썬으로 나만의 블로그 자동화 프로그램 만들기

너무 어려워서 이해가 너무안되요 누구나 할수 있다고 하셧는데 누구나는 아닌것 같네요....

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

섹션 2, 3의 PATCH API의 차이점

미해결

실전! FastAPI 입문

안녕하세요 강의를 듣던 도중 궁금한 것이 생겨 질문드립니다 섹션 2에서의 PATCH API는 else문으로 is_done=True를 is_done=False로 바꾸는 처리를 따로 하지않아 True 상태를 False로 못바꾸는 반면에 섹션 3에서의 PATCH API는 Ture를 False로 바꿀수 있다고 이해했는데 혹시 맞을까요?? 웹 개발을 처음 공부하다 보니 이해를 잘 못했나 해서 질문드렸습니다

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
유승재 댓글 1 좋아요 0 조회수 163

RISS사이트 링크 에러

미해결

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

RISS사이트 크롤링 연습중입니다. 링크 관련 부분 가져와서 클릭시 다음의 에러가 나오는데 원인이 어떻게 될까요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • python
  • 웹-크롤링
정병구 댓글 3 좋아요 0 조회수 195

강의: 배열과 문자열(9:29)

해결됨

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

안녕하세요, 오늘도 주말코딩(!) 강의 애청모드로 강의 듣는 중에 문자열 자체로 쓰기 부분에서 궁금한게 있어서요: #include <stdio.h> int main() { char *str = "Hello"; printf("%s|n", str); return 0; } 이렇게 컴파일러를 실행하면 결과로 이렇게 나옵니다: Hello|n Hello 뒤에 이부분: |n 왜 나오는지 궁금해서요

  • python
  • java
  • c
  • 정보처리기사
이태양 댓글 2 좋아요 0 조회수 104

VSCode에 node 설치 mkdir, ls 결과 확인

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

Visual Studid Code powershel 터미널l에서 node 설치 확인을 하고 mkdir과 ls를 각각 입력하면 위와 같이 나오는데 맞는 것인지요? 강의 화면과는 다른 것 같아서요.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
안순권 댓글 1 좋아요 0 조회수 172

구조체 5: 37 name, model 등은 for 문이나 strcpy를 항상 사용해야 하나요?

해결됨

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

year나 price 등은 그냥 숫자를 적었는데, model은 strcpy를 사용하고, 앞의 예제에 있는 name은 for문을 사용하여 나타내고 있는데, 문자를 읽어오는 방법은 이렇게 하는 것인가요?

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

Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.

미해결

웹 게임을 만들며 배우는 React

한시간 헤매다 다행히 해결책 찾았습니다. 기존 강좌와 @pmmmwh/react-refresh-webpack-plugin 해당 플러그인 버전 차이 때문에 발생한 에러 같습니다. webpack.config.js 파일을 아래와 같이 전체적으로 수정해주세요. const path = require('path'); const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin'); const webpack = require('webpack'); const isDevelopment = process.env.NODE_ENV !== 'production'; module.exports = { name: 'word-relay-dev', mode: 'development', devtool: 'eval', resolve: { extensions: ['.js', '.jsx'], }, entry: { app: './client', }, // 입력 mode: isDevelopment ? 'development' : 'production', module: { rules: [{ test: /\.jsx?$/, exclude: /node_modules/, use: [ { loader: require.resolve('babel-loader'), options: { presets: [ ['@babel/preset-env', { targets: { browsers: ['> 5% in KR'], }, debug: true, }], '@babel/preset-react', ], plugins: [ isDevelopment && require.resolve('@babel/plugin-proposal-class-properties'), isDevelopment && require.resolve('react-refresh/babel'), ].filter(Boolean), }, }, ], }], }, plugins: [ isDevelopment && new webpack.HotModuleReplacementPlugin(), isDevelopment && new ReactRefreshWebpackPlugin(), ].filter(Boolean), output: { path: path.join(__dirname, 'dist'), filename: 'app.js', publicPath: '/dist/', }, // 출력 devServer: { // webpack 4버전 이상(5버전 포함)도 아래처럼 수정 필요 devMiddleware: { publicPath: '/dist' }, static: { directory: path.resolve(__dirname) }, hot: true, }, }; 공식문서는 아래 링크를 참고하세요. https://www.npmjs.com/package/@pmmmwh/react-refresh-webpack-plugin/v/0.5.0-rc.4

  • react
해도디 댓글 1 좋아요 0 조회수 181

page를 클라이언트 컴포넌트로 작성해도 rsc_payload가 생성되는 이유는 무엇인가요??

해결됨

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

안녕하세요! 덕분에 nextjs에 대해 깊에 알아가고 있습니다. 제목처럼 page 컴포넌트에 'use client'를 명시하고 빌드 해도 해당 페이지에 대한 rsc_payload가 생성되어서 .next 빌드 파일을 살펴 보았습니다. 페이지를 클라이언트 컴포넌트로 작성하던 서버 컴포넌트로 작성하던 .next 빌드 파일 server, static/chunk/app 폴더에 모두 page.js 파일이 생성되는 것을 확인했습니다. 1. server 폴더에 있는 page.js는 해당 페이지에 필요한 번들 파일에 대한 내용인 거고, static 폴더에 있는 page.js는 해당 페이지에 그려질 내용에 대한 파일인 건가요?? 2. 그래서 page컴포넌트를 클라이언트 컴포넌트로 만들어도 페이지에서 사용할 번들 파일의 주소를 알아야 하기 때문에 rsc_payload를 만들어서 내려주는 건가요??

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

인기 태그

인프런 TOP Writers

주간 인기글