zustand에 대한 질문입니다

안녕하세요 홍재훈님.질문하신 내용이 맞습니다. 전자가 컴포넌트 안에서 렌더링 할 때 가져오는 방식이고 (범용적 사용법)후자는 단순히 현재 시점의 스냅샷을 가져오는 방법입니다.위의 인프런 인턴이 답변한 내용이 조금 더 자세하게 답변이 되어 있으므로한 번 읽어보시면 도움이 될 것 같습니다.감사합니다!

19강 몽고db관련 오류입니다

안녕하세요. 홍재훈님우선 예제 코드가 최근에 개선 버전으로 업데이트가 되었기 때문에 [섹션4] -> 28. 수업 예제 코드 다운로드 및 참고하는 법에서 다시 다운 받아주세요.그리고 해당 에러는 올바르지 않은 주소를 가지고 몽고 DB에 접속할 때 발생하는 에러입니다.backend 폴더의 .env 파일에 보시면 MONGODB_URI 부분이 있습니다.이 부분은 아래와 같은 형식의 주소가 들어가야 합니다.MONGO_URI=mongodb+srv://:@cluster0.xxxxx.mongodb.net/myDatabase?retryWrites=true&w=majority강의 중에서 [255. 몽고 DB 준비하기] 부분의 6분 54초 부분을 유심히 확인해봐주시면 되겠습니다.잘 안되시면 다시 문의 주세요.감사합니다.

158번 강의 질문입니다

안녕하세요.이 질문은 글로 설명하기가 조금 어려울 수 있지만, 최대한 쉽게 풀어보겠습니다.정말 핵심을 잘 짚은 질문이에요.예를 들어서,todos 상태에 선언된 배열의 메모리 주소가 0x01이라고 가정해보겠습니다.todos 배열에는 3개의 todo 객체가 들어 있다고 할게요.각각의 todo는 다음과 같은 메모리 주소를 가진다고 가정하겠습니다: 0x0a, 0x0b, 0x0c.이를 데이터 구조로 표현하면 다음과 같습니다.[0x0a, 0x0b, 0x0c] -> 0x01 (배열 자체) 새로운 할 일을 등록할 때는 불변성(immutability) 을 유지해야 하므로,배열 자체(껍데기)는 새로 만들어 교체하지만 내부의 객체(알맹이)는 그대로 사용합니다.예를 들어 다음과 같이 상태를 업데이트합니다.setTodos(todos => [...todos, {}]) 이렇게 하면 기존 배열의 메모리 주소였던 0x01은 변경되어,새로운 배열(껍데기)이 만들어지고 이 배열의 주소를 0x02라고 하겠습니다.새로 추가된 할 일의 객체는 0x0d라고 하면, 결과는 다음과 같습니다.[0x0a, 0x0b, 0x0c, 0x0d] -> 0x02 (새 배열)즉, 새로운 할 일을 등록하더라도 변경되는 것은 배열 자체(껍데기) 뿐입니다.배열 안의 기존 객체들(0x0a, 0x0b, 0x0c)은 그대로 유지됩니다.따라서 useState 훅으로 생성한 todos 상태는 별도의 메모이제이션을 하지 않아도 효율적으로 동작합니다. 결국 이를 반복 렌더링해서 TodoListItem으로 전달되는 객체는 같은 건 같을 것이고, 달라지는 것만 리렌더링이 될테니까요.조금 더 이해가 되셨을까요?혹시 더 궁금한 부분이 있다면 언제든지 질문해주세요! 추가 설명useState 훅으로 생성한 todos 상태는 배열(참조 자료형) 입니다.따라서 todos에 저장되는 값은 실제 배열 데이터가 아니라,배열이 선언된 메모리 주소(reference) 입니다.그리고 그 배열 안에는 여러 개의 todo 객체가 포함되어 있는데,객체 또한 참조 자료형입니다.즉, 배열 안에 있는 각 객체 요소도 실제 데이터가 아닌 메모리 주소 값을 가지고 있습니다.

리액트 웹뷰 관련 문의

안녕하세요.지그재그와 같은 웹과 모바일을 하이브리드 방식으로 대응하는 형태는 쇼핑몰 도메인에서 흔히 볼 수 있는 방식입니다.쇼핑몰은 주로 모바일로 접속하는 사용자가 많기 때문에 모바일을 우선적으로 대응하되, 웹을 통해 접근하는 고객들도 함께 수용할 수 있도록 하는 하나의 트렌드라고 이해하시면 좋을 것 같습니다. 🙂

22.(해설) 검색어 자동완성 예제코드 파일 누락

안녕하세요!윈도우의 반디집으로 예제 코드의 압축을 풀게 되면 파일이 누락되는 문제가 있었습니다.지금은 수정해서 다시 예제 코드를 올렸습니다.섹션 1 시작하기 > 예제 코드에서 다시 다운로드 받으시면 됩니다.불편을 드려서 죄송합니다.

누락파일 있으신분들

안녕하세요.정말로 확인해보니까 반디집에서 그러한 문제가 있음을 확인했습니다.감사의 의미로 책 한권을 보내드리려고 하는데sucoding@naver.com으로 이름/전화번호/받으실 CU 편의점명(택배취급하는지 확인요망) 보내주시면발송 도와드리겠습니다.알려주셔서 감사합니다.향후 강의 자료를 올릴 때 같은 문제가 발생하지 않도록 신경쓸 수 있게 되었습니다.

style 속성마다 박스 형태를 따로 따로 가지나요?

안녕하세요 🙂박스 성질은 태그마다 고유하기 때문에CSS로 박스 성질을 변경하지 않는 이상, 그대로 고유합니다.즉, 줄바꿈을 하더라도 박스 성질을 변화시키지는 못합니다.이해되셨을까요? 추가로 궁금하시면 언제든지 물어봐주세요.감사합니다!

누락파일 있으신분들

안녕하세요!저도 이런 문제가 있는 줄 몰랐네요.지금 바로 윈도우용 압축 파일을 따로 구분해서 올리겠습니다.제보 감사드립니다. 🙂

"!" 은 어떤 문법인가요?

안녕하세요!인프런 AI 인턴이 답변을 잘해줬네요.인프런 AI 인턴 답변 보시면 제가 추가적으로 보완해드리지 않아도 될 것 같아요!그래도 잘 이해가 안되시면 말씀해주세요!감사합니다.

다음 강의 언제 나올까요?

안녕하세요!우선 제 강의에 관심 가져주셔서 진심으로 감사드립니다.현재 Next.js 강의는 재촬영 중입니다.한 번 촬영을 마쳤지만, 퀄리티가 마음에 들지 않아 다시 촬영하고 있습니다. 🙂빠르면 10월 말, 늦어도 11월 중에는 공개될 예정이며, 마침 Next.js 16이 10월 중 출시될 예정이라 해당 버전을 반영하여 강의를 준비하고 있습니다.좋은 강의를 만들기 위해 정말 열심히 준비 중이니, 조금만 더 기다려주세요!리액트 쿼리(React Query) 또는 TanStack Query는 초급 단계에서는 다소 어려운 부분이 있어, 추후 별도의 유료 강의로 제작될 예정입니다.단, 리액트 강의 구매자분들께는 무료로 제공될 예정이니 걱정하지 않으셔도 됩니다.Next.js 강의 출시 이후 업로드될 계획이며, 분량이 길지 않아 11월 말 ~ 12월 중 공개를 목표로 하고 있습니다.리액트 강의를 구매하셨다면 마음 편히 기다려주세요!현재는 별도의 단체 채팅방은 운영하지 않지만,카카오톡 플러스 친구 ‘수코딩’을 검색하시면 언제든지 1:1 대화로 질문하실 수 있는 창구를 운영 중입니다.공부하시다 궁금한 점이나 힘든 부분이 생기면, 편하게 ‘수코딩’ 채널로 문의 주세요. 🙂리액트 강의는 정말 혼신을 다해 만든 강의입니다.촬영을 마친 후에는 “정말 이만큼 쏟아부을 수 있을까?” 싶을 정도로 많은 노력을 들였습니다.좋게 봐주셔서 그동안의 고생이 헛되지 않은 것 같아 정말 감사한 마음뿐입니다.앞으로도 후속 강의들에 많은 관심 부탁드리며,더 좋은 콘텐츠로 찾아뵙겠습니다.감사합니다!