안녕하세요 선생님첫화면엔 커넥션 리퓨즈 뜨고회원가입 누르면 이러한 오류가 뜹니다 넘어가질 않고 오류가 계속나오는데 왜이런걸까요?..무엇이 문제인지 궁금합니다:4000 으로 계속 찍히는거 보면 cors가 안되는것일까요강의보고 다 제대로 따라했는데 ㅠㅠ도와주시면 감사하겠습니다

```구글 콘솔코드내용Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtoolsnext-dev.js?3515:20 Warning: [antd: Menu] children will be removed in next major version. Please use items instead.window.console.error @ next-dev.js?3515:20next-dev.js?3515:20 Warning: MenuItem should not leave undefined key.window.console.error @ next-dev.js?3515:20next-dev.js?3515:20 Warning: Prop className did not match. Server: "ant-input-group-wrapper ant-input-search ant-input-search-with-button sc-hLBbgP cHXasn" Client: "ant-input-group-wrapper ant-input-search ant-input-search-with-button sc-gswNZR cWQwGJ" at span at BaseInput (webpack-internal:///./node_modules/rc-input/es/BaseInput.js:16:28) at eval (webpack-internal:///./node_modules/rc-input/es/Input.js:30:28) at eval (webpack-internal:///./node_modules/antd/es/input/Input.js:131:34) at eval (webpack-internal:///./node_modules/antd/es/input/Search.js:40:34) at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19750) at span at li at DomWrapper (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js:26:90) at SingleObserver (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/index.js:21:24) at ResizeObserver (webpack-internal:///./node_modules/rc-resize-observer/es/index.js:18:24) at InternalItem (webpack-internal:///./node_modules/rc-overflow/es/Item.js:21:25) at InternalRawItem (webpack-internal:///./node_modules/rc-overflow/es/RawItem.js:21:52) at LegacyMenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:63:90) at InternalMenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:97:21) at MenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:228:24) at Trigger (webpack-internal:///./node_modules/rc-trigger/es/index.js:78:92) at Tooltip (webpack-internal:///./node_modules/rc-tooltip/es/Tooltip.js:22:32) at eval (webpack-internal:///./node_modules/antd/es/tooltip/index.js:88:62) at MenuItem (webpack-internal:///./node_modules/antd/es/menu/MenuItem.js:50:90) at InheritableContextProvider (webpack-internal:///./node_modules/rc-menu/es/context/MenuContext.js:35:23) at ul at DomWrapper (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js:26:90) at SingleObserver (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/index.js:21:24) at ResizeObserver (webpack-internal:///./node_modules/rc-resize-observer/es/index.js:18:24) at Overflow (webpack-internal:///./node_modules/rc-overflow/es/Overflow.js:40:32) at InheritableContextProvider (webpack-internal:///./node_modules/rc-menu/es/context/MenuContext.js:35:23) at eval (webpack-internal:///./node_modules/rc-menu/es/Menu.js:77:29) at eval (webpack-internal:///./node_modules/antd/es/menu/index.js:61:53) at Menu (webpack-internal:///./node_modules/antd/es/menu/index.js:169:90) at div at AppLayout (webpack-internal:///./components/AppLayout.js:37:11) at Home at NodeBrid (webpack-internal:///./pages/_app.js:18:11) at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:62:11) at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:301:63) at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:850:919) at Container (webpack-internal:///./node_modules/next/dist/client/index.js:60:1) at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:173:11) at Root (webpack-internal:///./node_modules/next/dist/client/index.js:346:11) See more info here: https://nextjs.org/docs/messages/react-hydration-errorwindow.console.error @ next-dev.js?3515:20LoginForm.js?ecd8:27 1232113@13.com 1232113@13.com 에러코드 위치menu가 잇는곳을가본import React, {useState} from 'react'; import propTypes from 'prop-types'; import Link from 'next/link'; import { Menu, Input, Row, Col } from 'antd'; import UserProfile from './UserProfile'; import LoginForm from './LoginForm'; import styled from 'styled-components'; const SearchInput = styled(Input.Search)` vertical-align: middle; `; const AppLayout = ({children}) => { const [isLoggedIn, setIsLoggedIn] = useState(false); //더미데이터 저장으로 useState 사용 return ( <div> <Menu mode="horizontal"> <Menu.Item> <Link href="/">SNS_Site</Link> </Menu.Item> <Menu.Item> <Link href="/profile">프로필</Link> </Menu.Item> <Menu.Item> <SearchInput enterButton/> </Menu.Item> <Menu.Item> <Link href="/signup">회원가입</Link> </Menu.Item> </Menu> <Row gutter={8}> <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm setIsLoggedIn={setIsLoggedIn} />} </Col> <Col xs={24} md={12}> {children} </Col> <Col xs={24} md={6}> <a href="http://www.megasoftworld.com/pc/index.jsp" target="_blank" rel="noreferrer noopener"> 메가소프트</a> </Col> </Row> </div> ); }; AppLayout.propTypes = { children: propTypes.node.isRequired, }; export default AppLayout; key 가 잇는곳을 가본import React from 'react'; import { Avatar, Button, Card} from 'antd'; const UserProfile = () =>{ return( <Card actions={[ <div key="twit">쨱쨱<br/> 0</div>, <div key="followings">팔로잉<br/> 0</div>, <div key="followings">팔로워<br/> 0</div>, ]} > <Card.Meta> avatar={<Avatar>ZC</Avatar>} title="Zerocho" </Card.Meta> <Button>로그아웃</Button> </Card> ); }; export default UserProfile; 터미널 로그PS D:\react-zero\front> npm run dev > react-zero@1.0.0 dev > next ready - started server on 0.0.0.0:3000, url: http://localhost:3000 event - compiled client and server successfully in 2.2s (172 modules) wait - compiling / (client and server)... wait - compiling /_error (client and server)... event - compiled client and server successfully in 1241 ms (1212 modules) Warning: [antd: Menu] `children` will be removed in next major version. Please use `items` instead. Warning: MenuItem should not leave undefined `key`. warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload  Warning 문제를 남둘것인가,게속 강의를 진행해야될지 모르겟습니다.

-

강사님 작성해주신 if문의 첫번째 조건인 섹션의 시작높이 - 윈도우 창 높이의 1/3이 없어도 작동이 잘 되는데 넣어주신 이유가 혹시 따로 있을까요?? for (let i = 0; i < totalPage; i++) { if ( // scroll > section[i].offsetTop - window.outerHeight / 3 && scroll < section[i].offsetTop + section[i].offsetHeight - window.outerHeight / 3 ) { curPage = i; break; }  

[질문 내용]여기에 질문 내용을 남겨주세요.and item_name like concat('%', #{itemName}, '%') 쉬운부분인거같은데 concat에서 시작하는 부분이 잘이해가 안 가서 그런데 풀어서 설명해주실수잇나요?

안녕하세요 while 무한반복으로 맵을 그릴때, 시간이 좀 지나면 메모리가 부족하다고 프로그램을 종료해달라고 알림창이 뜹니다. (기종은 Mac m1 pro입니다.)터미널에서 계속해서 맵을 그리니 시간이 지나면 메모리부족이 뜨는게 정상적인 것이라고 생각되나, 선생님께서 다른게임들도 while로 계속하여 랜더링 시켜주는게 일반적이라고 하셨는데 그렇다면 다른게임들은 어떻게 메모리를 관리하여 메모리 부족이 안뜨는지 궁금합니다.  

아래코드에서 처음에는 m_data=temp; 다음에 delete [] temp; 를 써도 될 줄 알았는데(temp가 m_data에 복사되어서 temp를 없애도 될 것 같아서) 에러가 뜨더라구요.여기서 delete [] temp를 쓰면 안되는 이유가 temp로 할당받은 동적 메모리?가 힙에 있는데 (temp 포인터 자체는 스택에 있고)m_data=temp로 인해서 m_data가 동적메모리를 가리키는 상황에서delete[]를 쓰면 그 힙에 있는 메모리가 사라져서 그런 것으로 이해했는데 맞나요? IntArray& resize(const int &size_in) { if (m_length == size_in) return *this; else if (m_length < size_in) { int* temp = new int[size_in]; for (int i = 0; i <m_length; ++i) { temp[i] = m_data[i]; } for (int i = m_length; i < size_in; ++i) temp[i] = 0; m_length = size_in; delete[] m_data; m_data = temp; } else { m_length = size_in; int* temp = new int[size_in]; for (int i = 0; i < size_in; ++i) temp[i] = m_data[i]; delete[] m_data; m_data = temp; } }

강의 잘 듣고 있습니다. 그런데 XGBoost 설명하실 때 eXtra GB라고 소개하셨는데, 정확 것인지 문의드립니다. Google에서 검색되는 대부분의 사이트/블로그에서는 eXtreme GB라고 표현하고 있습니다. Chen의 원논문에는 eXtra인제 eXtreme인지 명시가 안되어 있는 듯 하네요. 감사합니다.

React Hook에서의 useEffect와Flutter의 initState가 비슷한 개념이라고 이해해도 되는걸까요?

Inline Frame에 유튜브 연동은 잘 되는데 구글 지도는 같은 방식으로 실행해도 빈 화면으로만 표기됩니다.  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d43007862.7775703!2d-69.42426869999996!3d48.8583701!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2z7JeQ7Y6g7YOR!5e0!3m2!1sko!2skr!4v1671086472522!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 위 부분에서 볼드처리된 부분만 삽입하였는데 실수가 있었던 걸까요?

시퀄라이즈 실습하기 마지막즘에 말씀하신sql 쿼리 내용이 나오는 로그는 어떤 모듈이 로깅하는것인가요?production 환경에서도 로깅이 되는건가요?궁금합니다

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 카카오나 네이버처럼 대기업이 아니라 작은기업 코테를 준비하려는데이런경우에도 순서대로 강의를 들어야할까요?가장 최우선적으로 들어야 할 강의가 있을까요?시간은 촉박한데 양이 좀 많아서 질문해봅니다ㅠ

 at renderNodeDestructiveImpl (D:\react-zero\front\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)at renderNodeDestructive (D:\react-zero\front\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14) {page: '/'}7 |8 | const AppLayout = ({children}) => {> 9 | const [isLoggedIn, setIsLoggedIn] = useState(false);| ^10 | //더미데이터 저장으로 useState 사용11 |12 | return (   이런 상황입니다 9화 로그인폼만들기에서 const [isLoggedIn, setIsLoggedIn] = useState(false);에 setIsLoggedIn 이부분에 대한 코드입력이 없는것같은데요 동영상에서는 웹사이트가 정상작동되고저는 저 따라한 저는 안됩니다.

지금 fontawesome 사이트는 강의내용과 버전이 많이 다르네요해당링크 어디서 가져오나요??아래 다른분들도 같은 질문을 올려주신것에 대한 답변을 봤는데, 그냥 바로 Pro 결제페이지로 안내가 되네요stylesheet 로 가져오는건 어디에도 없습니다.

오라클은 컨트롤+엔터 키로 한 줄씩 실행이 가능한데요, 혹시 mssql 도 이런 기능이 있나요?찾아봤는데 mssql은 한 줄 실행을 하려면 드래그해서 써야 한다는 글만 나와서 질문드립니다!

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]같은 질문글의 import hello.core.member.Member; 부분은 추가해도 안먹힙니다. 

<Menu.Item> <Link href="/signup">회원가입</Link> </Menu.Item> </Menu> <Row> <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm />} </Col> <Col xs={24} md={12}> {children} </Col> <Col xs={24} md={6}>이렇게 되어있다면 <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm />} </Col></col>은 앞에 </col> 로 붙였는데요  {isLoggedIn ? <UserProfile />:<LoginForm />} 은 뒤에 <<LoginForm />}</> 을 쓰자나요 어떤것은 </col>에 쓰고 어떤것은 <LoginForm /> 쓰는지 궁금합니다  앞 뒤 <abcd/> 와 </abcd>의 차이점을알고싶습니다.   

다르게 바꿔 주세요 강의를 

안녕하세요. 먼저 좋은 강의와 항상 빠르게 답변을 해주셔서 너무 감사합니다. 질문은 아래와 같습니다.지연성 1 파트에 있는 평가순서 강의를 복습하면서 클레이슬리 컴포지션의 평가 순서를 생각해보았는데, 제 생각이 맞는지 궁금합니다. 예시코드// gogo( [1, 2, 3, 4, 5], L.map((n) => Promise.resolve(n)), L.filter((n) => n % 2), take(2), console.log // [1, 3] ); // takeexport const take = curry((l, iter) => { let result = []; iter = iter[Symbol.iterator](); // recur()가 실행되면, 여기서 다시 시작을 하는데. // iter.next()가 실행되면, return (function recur() { let cur; while (!(cur = iter.next()).done) { const value = cur.value; // a가 promise 인 경우 재귀함수를 이용해서 처리함 if (value instanceof Promise) return ( value // .then((v) => (result.push(v), result).length === l ? result : recur() ) // filter에서 reject가 되면, catch에 걸리고 e가 nop이면 recur()를 실행한다. .catch((e) => (e === nop ? recur() : Promise.reject(e))) ); result.push(value); if (result.length === l) return result; } return result; })(); });// L.filterconst nop = Symbol("nop"); export const L.filter = curry(function* (f, iter) { for (const a of iter) { const b = go1(a, f); if (b instanceof Promise) yield b.then((b) => (b ? a : Promise.reject(nop))); else if (b) yield a; } });// L.mapexport const L.Map = curry(function* (f, iter) { for (const el of iter) { yield go1(el, f); } }); 평가 순서take 함수 내, iter.next() 평가를 시도 → L.filter로 이동L.filter 내, iter.next() 평가를 시도 → L.map 으로 이동L.map 내, inter.next() 평가를 시도한다. → [1, 2, 3..] 를 iter 로 받았기 때문에 1로 평가 된다.L.filter 로 돌아와, L.map으로부터 평가받은 Promise.resolve(1) 이라는 값(b)으로 내부 로직을 수행한다.b의 인스턴스가 Promise라면, b.then을 실행하고 a 또는 Promise.reject을 한다.여기서 a는 Promise 이다.b의 인스턴스가 Promise가 아니라면, result.push(value); 을 실행하고 while로 순회한다.L.filter 의 평가가 끝나면 take 함수로 돌아온다take로 전해지는 L.filter 의 평가값은 4개 중에 하나일 것이다.a → take 내에서 result.push 가 실행됨Promise.resolve(a) → take 내에서 .then 절이 실행됨.Promise.reject(nop) → take 내에서 .catch 절이 실행되고 recur() 를 실행함Promise.reject(e) → take 내에서 .catch절이 실행되고, Promise.reject(e) 로 이어짐recur()가 실행되면, take 에서 실행된 첫번째 while 사이클이 끝나면서, 다시 recur()가 실행되며 iter.next()가 평가할때 위 과정을 다시 반복한다. take에 있는 while 사이클이 return되고 recur() 함수 실행이 종료됐음에도 iter.next()의 값이 이전값에서 이어지는 이유는 recur() 와 iter가 클로저이기때문이다.   

=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]@ModelAttribute로 IpPort를 받아봤는데 IpPort에 setter가 없는데 어떻게 바인딩이 되는 것인가요?위 코드처럼 @ModelAttribute를 사용해서 IpPort를 받아봤습니다.URL: http://localhost:8080/ip-port-v2?ip=127.0.0.1&port=8080URL은 위와 같이 해서 값을 보내줬어요.@ModelAttribute를 사용하면 객체를 생성하고 프로퍼티를 찾아서 setter를 호출해서 파라미터 값을 바인딩한다고 했는데IpPort객체를 보면setter가 없습니다. 그러면 생성자를 통해서 객체를 생성하면서 객체에 값을 넣어줘서 파라미터 바인딩을 하는 것인가요? < 결과 >좋은 강의 제공해주셔서 늘 감사합니다!!