안녕하세요 선생님. 강의 잘 듣고 있습니다! 강의 주제에 벗어나는 것 같아서 조심스럽게 질문드려보자면, 앱 라우트 방식에서 반응형을 구현하는 방법을 알고 싶습니다. 저는 이전에 페이지 라우터 방식에서 작업할 때 window.matchMedia 를 사용해서 useMediaQuery 훅을 만들어 반응형을 구현했습니다. 근데 서버 컴포넌트에서는 위와 같은 방식을 사용하기 어려울 것 같은데 혹시 앱 라우트 방식에서 반응형을 구현할 때 많이 쓰이는 방식이 있을까요? 화면 너비에 따라 컴포넌트의 size prop을 다르게 넘겨주어야 하는 경우에 클라이언트 컴포넌트로 사용해야 할까요? 이 경우 다수의 컴포넌트가 클라이언트 컴포넌트가 될 것 같아 우려스럽더라고요. Next.js의 앱 라우터에서 반응형을 구현하는 방식에 대해 조언을 구하고 싶습니다.
[1.2) Next.js 사전렌더링 이해하기] 강의 15분 부근에서 " 사전 렌더링에서 페이지 이동 요청 시 클라이언트 사이드 렌더링 방식과 동일하게 처리한다 "는 내용을 보고 질문 드립니다. 강의를 따라가며 CSR에서의 JS Bundle은 서비스 전체 코드에 대한 번들 사전 렌더링에서의 JS Bundle은 해당 페이지에 대한 번들 라고 스스로 생각하여 페이지 이동 요청 시 웹 서버로부터 새 JS Bundle을 받을 줄 알았는데, 사전 렌더링에서도 JS Bundle은 서비스 전체 코드에 대한 번들인 것인지 궁금합니다. 만약 제가 이해한 것이 맞다면, 아래 답변에 대해서 마지막으로 현재 페이지에 필요한 자바스크립트 코드만 Hydration이 이루어지게 됩니다. 그 이유는 간단한데요 단순히 Hydration이라는 과정이 현재 브라우저에 렌더링된 페이지의 HTML과 JS를 연결하는 과정이기 때문입니다. 전체 JS Bundle에서 현재 페이지에 대한 JS를 실행하고, 컴포넌트 교체 및 수화가 일어난다고 생각하면 될까요?
✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 안녕하세요. recoil 강의 부분에서 하나의 에러로 인해서 진행이 막힌 상태입니다! TypeError: Cannot destructure property 'ReactCurrentDispatcher' of ' {imported module [project]/nodemodules/next/dist/compiled/react/index.js [app-client] (ecmascript)} .default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined. "dependencies": { "next": "15.1.6", "react": "^19.0.0", "react-dom": "^19.0.0", "recoil": "^0.7.7" }, next 15 & react 19 버전으로 진행중이었는데 구글링을 해보아도 다들 더이상 recoi은 사용하지말라 이런 답만 알려주고있어 해결하기가 어려운 상태네요. 결국 버전문제인 것 같은데, 최신 버전으로 해당 문제가 해결이 어렵다면 다른 상태관리 라이브러리를 사용하며 진행하고싶은데요, Zustand 라이브러리를 사용해도 진행에 무리없을까요?
강의를 보면, total_return_pct-1 을 한 후 * 100 을 해서 수익률을 구하는데요, 그래프로 시각화 했을 때 시작 가격을 1이라고 하면, 그래프의 마지막이 4 와 5 사이에 있는 것 같아 이상하다는 생각이 들었습니다. 제가 생각한 경우의 수는 2가지인데요. 이전에 복리 수익률 등을 계산할 때, 1.xxx 식으로 수익률이 계산되기 때문에 이를 정제하는 과정에서 -1 을 하였고, 이와 같은 로직으로 그대로 구현(헷갈림 이슈) 1 이라는 가격에 사서 4.74 의 가격이 되었다면, 전체 자산 비율은 474% 가 늘어난 것이 맞지만, 기존에 1이 있었기 때문에 순 자산이 늘어난 비율은 3.74 로 고려 위와같이 두 가지입니다. 어떤 것이 맞는 것일까요? 혹시 다른 관점이시라면, 공유해주시면 감사하겠습니다. 개발만 해보고 수학적 이론을 제대로 접목시키는 것은 이번이 처음이라 헷갈리는 부분들이 많네요. 🙂 강의 잘 듣고 있습니다. 감사합니다.
안녕하세요 선생님. 강의 잘 듣고 있습니다. 강의를 듣고 Next.js도 아니고 React는 CSR 방식인데 왜 서버 컴포넌트를 지원하지? 라는 의문이 생겼습니다. React 공식문서를 보니 프레임워크와 통합하기 위해 Next.js 팀과 협력했다고 나오더라고요. React가 서버 컴포넌트를 지원하게 된 계기가 Next.js의 SSR 때문인지 궁금합니다. 공식문서 : https://react.dev/learn/start-a-new-react-project#bleeding-edge-react-frameworks
안녕하세요. 어느 강의에서는 hBtn1 = QPushButton("One") 어느 강의에서는 self.pbtShowDialog = QPushButton(self) Button 객체를 선언할 때 self가 있는 거와 없는 것이 있습니다. 어떤 차이가 있는 것이며, 어떨때 self를 붙이나요?
안녕하세요. 해당 네트워크 선 자르기 문제는 dfs 를 사용해서도 풀 수 있는 거 같습니다. 그래서 궁금한점이, 실제 코딩테스트를 볼때 어떤 문제 유형에 동적계획법을 적용하는게 좋은지 궁금합니다. 그리고 이 문제처럼 dfs, 동적계획법 둘 다 적용해서 풀 수 있는 문제라면 어떤 방법을 적용하는게 좋을지도 궁금합니다.
1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 2-6 어떤 알고리즘을 학습하고 계신가요? linked_list 여기까지 이해하신 내용은 무엇인가요? 2. 어려움을 겪는 부분 어느 부분에서 막히셨나요? 막힌건아니구.. 코드의 어떤 로직이 이해가 안 되시나요? 이해도되는데 어떤 개념이 헷갈리시나요? 내 풀이는 정석이 아닌가싶어서 3. 시도해보신 내용 문제 해결을 위해 어떤 시도를 해보셨나요? 생각을 많이함 에러가 발생했다면 어떤 에러인가요? 에러 아님 현재 작성하신 코드를 공유해주세요 def get_linked_list_sum(linked_list_1, linked_list_2): concat_value_1 = "" concat_value_2 = "" cur_1 = linked_list_1.head cur_2 = linked_list_2.head while cur_1 is not None: concat_value_1 += str(cur_1.data) cur_1 = cur_1.next while cur_2 is not None: concat_value_2 += str(cur_2.data) cur_2 = cur_2.next return int(concat_value_1) + int(concat_value_2) 강사님처럼 10을 곱해주는게아니라 str로 형변환해서 그냥 붙힌다음에 다시 int로 파싱해서 리턴했는데...이건 너무 야매풀이일까요..ㅠ 이렇게 구체적으로 알려주시면, 더 정확하고 도움이 되는 답변을 드릴 수 있습니다! 😊
안녕하세요. 업무를 하다 필요한 기능이 있어서 여쭤봅니다. 한글 문서들이 여러 개가 하나의 폴더에 들어 있을 때 각각의 파일에 사용된 폰트명을 하나의 파일로 다음과 같이 추출하는 방법을 알고 싶습니다. [예 폰트명 파일.txt] 문서1.hwp: 함초롱바탕, 맑은고딕 문서2.hwp: 함초롱바탕, 고딕 문서3.hwp: 바탕, 신명조, 고딕 ...... 문서정보에 있는 폰트명을 가져오면 될 것 같은데, 그 정보를 가져오지 못하고 계속 실패를 하네요. 감사합니다.
