MsgItem 을 이용하여 MsgList 50개를 뽑는 과정에서Error: Text content does not match server-rendered HTML. Error: Hydration failed because the initial UI does not match what was rendered on the server. Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.오류를 만났습니다. 혼자서 분석해본결과 jay와 roy를 랜덤으로 얻기위한 const getRandomUserId = () => UserIds[Math.round(Math.random())]; 이라는 함수를 이용하면 이런에러가 나는것으로 확인되었습니다 선생님 .fill(0).map() 함수에서 getRandomUserId() 를이용하지않고 직접 이름을 "roy" 로 작성하니 오류가 나오지않습니다.. 구글링을해봐도 이유를 알기 어려워서 질문을남깁니다 왜 이런오류가 나오는걸까요.?

스프링부트 2.7.3 사용 중입니다.UserV2 클래스가 User 클래스를 상속하도록 코드를 수정하면 @Data annocation에서 에러가 발생합니다."Generating equals/hashCode implementation but without a call to superclass, even though this class does not extend java.lang.Object. If this is intentional, add '(callSuper=false)' to your type."에러 메시지의 가이드대로 UserV2 클래스에 "@EqualsAndHashCode(callSuper = false)"를 추가하면 @Data에서 발생하는 에러가 사라집니다.

M1 맥 사용 중입니다.9:25 에서 locale 미지정 상태에서 body가 "?????"로 출력되어 이것저것 찾아보면서 바꿔보았는데, 결국에는 제가 생성한 messages.properties 파일의 인코딩 문제였습니다.아래 블로그 참고하셔서 properties 파일의 인코딩을 UTF-8로 변경하시면 해결됩니다.해당 값이 default로 설정되어 있으면 messages.properties 파일을 reopen 했을 때 "안녕하세요"가 "?????"로 표기되어 있을 수 있습니다.

Unable to make protected native java.lang.Object java.lang.Object.clone() throws java.lang.CloneNotSupportedException accessible: module java.base does not "opens java.lang" to unnamed module다음과 같은 에러 나시면 plugin 에<groupId>org.asciidoctor</groupId> <artifactId>asciidoctor-maven-plugin</artifactId> <version>2.1.0</version>버전을 최신으로 업데이트 하심 해결됩니다.

해당 강의 이후에 수정하시는지 모르겠지만 닉네임이 제대로 적용되어있지 않는 것 같습니다.// MsgList.js <MsgItem ... user={...} />현재 해당 강의 시점에서 user을 넘기고 user.nickname으로 표시를 하게 되어 있는데 { id: 'roy', nickname: '로이' } 가 계속 넘어가서 닉네임이 '로이'로만 렌더링되고 있습니다.// MsgList.js <MsgItem ... users={users} /> // MsgItem {users.find(user => user.id === userId).nickname}저는 일단 이런식으로 수정하였는데 닉네임 부분 한번 확인 부탁드립니다! 혼동이 올 수도 있을 것 같습니다 ㅎㅎ..

안녕하세요 재남님!Typescript 적용 중에 계속 안되는 부분이 있어서 질문드려요!setQueryData에 2번째 인자인 old에 대해서 타입 지정 중인데 안되는 이유가 궁금합니다!

text contents does not match server-sided HTML이라는 오류가 뜨는게 혹시 어떻게 해결할 수 있을까요? 검색해도 마땅히 제대로 된 답이 안나오네요. 그리고 왜 여기서는 그런 오류가 안생기는지 궁금합니다!

윈도우 QueryString 사용법 : http GET URI param1==1 param==2입니다

User가 작성한 Blog를 삭제하게 되면 Blog 내부에 있는 Array도 같이 삭제되지 않나요? Blog를 deleteMany를 통해서 삭제한 이후에 추가로 updateMany를 통해서 Blog에 있는 comment를 pull해주는 이유가 궁금합니다

현재 강의를 보며 DB를 실시간으로 수정하는 것을 확인했습니다. 궁금한 점은 DB를 수정하는 과정에서 별도의 Lock이 없이 코드를 작성했다는 점입니다. 멀티 쓰레드, 멀티 유저 상황에서 DB에 접근한다면 race condition이 발생할 수 있다고 생각이 듭니다. 현재 블레이저로 만든 툴은 맛보기 정도라서 그런 상황을 고려하지 않은 거고 추후 서버에서 DB의 정보를 수정할 때는 lock을 걸어서 관리할 예정인가요? 찾아봐도 await 자체가 그런 기능을 하지 않는 것 같아 질문 남겨봅니다.

onCreate 함수에서 질문이 있습니다! 새로운 객체인 createMessages와 기존에 존재하던 15개의 길이를 가진 old.messages를 나열하기만 하면 된다고 생각했는데, 뒤에 ...old.pages.slice(1)을 또 나열을 하는 부분이 이해가 안됩니다!. console.log를 찍어보니 ...old.pages.slice(1)는 빈 배열이 나오는데 어떤 이유때문에 넣어주는지 궁금합니다!

안녕하세요 강사님! 아래와 같이 문제가 있어 질문 남깁니다! graphQL 적용 후 새로고침 시 화면 렌더링 속도가 되게 느려짐 => 어떤 문제인지 잘 모르겠습니다..  Create 후에 getData를 하지 못함(등록 버튼 누르고 새로 fetch를 해야 Create 했던 내용이 나옴)=> 기존에 MsgList 컴포넌트에서 GET_MESSAGES로 fetch 하였을 땐 잘 동작했지만 getServerSideProps함수 안에서 fetch 했더니 동작하지 않는 것 같습니다(추측) React Component Tool에 Hydrate 부분이 Anonymous라고 뜸 => React-query 버전이 올라가면서 문법상에 오류가 있는 건지, Hydrate(캐싱)이 적용 되지 않는 것 같습니다. ㅜㅜ 도와주세요!!!.. _app. js   index   MsgList(Create Code)

window에서 대소문자 문제 수정해도 에러가 나네요 ㅠ

지금까지 input 관리를 컴포넌트로 빼서 useCallback과 useState, onChange 메서드를 사용하여 써왔는데 useRef로 관리할 수 있다는 걸 보고 깜짝 놀랐습니다.   개인적인 선호라고 하셨지만 특별히 이유가 있을까 하여 useRef에 대해 찾아보니 useRef는 input value의 상태가 바뀌어도 리렌더링이 안 되는 이점이 있더라구요. 그렇다면 input이 많은 회원가입 같은 form을 만들 때 useRef를 사용한다면 굳이 useCallback이나 useMemo를 쓰거나 여러 개의 useState 를 만들지 않아도 될 것 같다는 생각에 이르더라구요   이러한 이점 때문에 useRef를 쓰시는 것인지 궁금합니다

  1:00 에서 return null 을 한 뒤 돌려보니 위와 같은 에러가 떠서 확인해보니, react-query: 4.0.0 과는 호환이 안 되는 것을 확인했습니다.    강사님 깃허브에서 버전 확인 후 react-query를 "^3.17.2" 으로 낮춘 뒤 돌려보니 잘 뜹니다... 4.0.0 을 사용하려면 `yarn add @tanstack/react-query`를 따로 설치 후, ` import { QueryClient, QueryClientProvider } from "@tanstack/react-query";` 이렇게 바꿔사용하라는데 이렇게 하면 맞을까요?  

https://stackoverflow.com/questions/50319752/httpie-not-recognizing-second-parameter-of-get-request 처럼  ex) http GET "localhost/api/data?param1=3&param2=7" 으로 해결 가능합니다 도움 될까 하여 올립니다.

안녕하세요, 사소한 질문인데요,   백틱을 열면 오타 찾기도 힘들고 가독성이 떨어져서 강사님처럼 백틱 뒤에 색깔을 따로 입히고 싶은데 확장프로그램이 뭔지 알 수 있을까요?  

안녕하세요 jwtsecretkey 관련하여 질문드립니다. jwtsecretkey는 강의에 나와있는대로 그대로 사용했고, host는 AWS EC2에 명시된 퍼블릭 IP주소, User명에는 mysql 사용자명, port는 3306, password는 mysql 접속 시 비밀번호, 그리고 사용할 database명까지 입력을 해주었으나  localhost로 접속 시, Cannot get이라는 창만 계속해서 뜹니다. 혹시 이런경우에는 jwtsecretkey를 제것을 따로 생성하지 않아서 발생하는 문제인지 알고 싶습니다. 만약 jwtsecretkey의 문제라면 어떻게 생성하면되는지 알려주시면 감사하겠습니다. 

1. gradle 버전이 7 이상이신 경우 6.xx대로 다운그레이드 하시고 2. https://gaemi606.tistory.com/entry/Spring-Boot-REST-Docs-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0 의 'Gradle 버전에 맞게 수정하기!' 의 코드대로 따라해주세요.   화이팅!

const fetcher = async ( method: METHOD, url: string, ...rest: { [key: string]: any }[] ) => { const res = await axios[method](url, ...rest) return res.data } export default fetcher   위에 ...rest 에 대한 타입이 궁금해서 질문드립니다! 글을 새로 생성하거나 수정했을때 아래와 같이 객체로 정보가 담기게 되는데요! 1. key값은 id, text, timestamp, userId 라고 생각하면 되는건가요? 2. any는 response에 대한 타입인건가요? 3. Array 안에 Object로 감싸져 있어서 { [key: string]: any} []로 타입을 지정해준건가요?   위에 3가지 질문이 궁금합니다.. ㅜ   { id: "36e1a2bc-177b-4743-9152-d7423c7b9e18" text: "asd" timestamp: 1654591409339 userId: "jin" }