안녕 하세요..src\app\(with-searchbar)\layout.tsxbuild 시 해당 파일에서 에러가 발생 했습니다<Suspense> 를 이용했습니다Next 버전 때문인가요? import { ReactNode, Suspense } from "react";import Searchbar from "../../components/searchbar";export default function Layout({ children }: { children: ReactNode }) { return ( <div> <Suspense> <Searchbar /> </Suspense> {children} </div> );}  🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요)제목을 구체적으로 작성해 주세요✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다.⛔️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!   코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다.깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요  답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요  강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요더 빠른 답변이 가능합니다!

안녕하세요 선생님 !! 자바스크립트에 대한 기초가 아예 없을 경우에는 다른 분의 자바스크립트 강의를 듣고 이 강의를 봐야 할까요?? 아니면 그냥 바로 진행해도 될까요봐야 한다면 자바스크립트를 얼마나 알고 이 강의를 진행하는 것이 좋은지 알고 싶습니다!

cursor룰 agent 설정 변경할때 sandbox 옵션 설정여부에 대해 문의드립니다.현재 cursor 버전이 바뀌어서 강의에서 말씀해주는 Auto-run 설정 부분이 조금 다르네요. 어느설정으로 바꾸면 괜찮을까요? Auto-Run ModeAsk Every TimeAuto-Run in SandBoxRun Everything (Unsandboxed)  샌드박스 안에서 실행시 테스트가 잘 안되는것 같아, Run Everyting으로 변경해도 되는지 문의드려요!

안녕하세요 강의를 수강중인데 조건문, 반복문 식을 짜려고 하는데 식을 짜는게 너무 어렵습니다 원래 처음엔 다 그런건가요?

"html이 어플레이케이션 중심으로 전환되었다"는 뜻이html5 에서는 이전과는 달리, 단순 줄글 텍스트 데이터 형식으로 콘텐츠를 표현하는 것이 아니라,canvas나 video와 같이 텍스트 형식을 벗어난 엘리먼트들로 콘텐츠를 표현한다는 의미일까요? 그리고 여기서 정확히 "애플리케이션"이 의미하는 바가 무엇인지 궁금합니다. canvas, video와 같은 엘리먼트의 구현체(?)가 DOM에 객체를 추가하기 위해 계산등을 처리해주기에 이들이 "애플리케이션"으로써 분류된걸까요? 그리고 "마크업"이라는 것을 텍스트 형식으로 표시된 의미론적으로 분류된 텍스트라고 이해해도 될까요? 그렇다면 canvas도 마크업으로써 콘텐츠를 표현하는 것이지만, html 이 parse되어 DOM 으로 만들어질때, 즉 메모리에 객체 형태로 올라갈 때 그 형식이 텍스트가 아닌 다른 무언가이기에 "어플리케이션"이라는 표현이 사용되는 것일까요? 그렇다면 XHTML와 그 이전 버전에서는 canvas, video같은 앨리먼트 없이 오로지 텍스트를 표현하는 태그들만 사용되었던건가요? 좋은 강의 늘 감사합니다.

이미지 넣는 방법을 알려주신대로 적용했더니 출력 화면에 이미지가 나타나지 않습니다. F12 콘솔 화면에 이러한 오류가 뜨는데 어디가 잘못된건지 모르겠네요 각종 버전도 강의와 일치하고요,index.css 와 App.css는 비어있습니다.

안녕하세요 쌤!redux 사용을 이번 예제를 통해 처음 알게되었는데요.console.log 로 찍을때는 잘 내려오던 user 정보가 redux 에서는 안찍히고 isLogin 값만 보여서요 ㅠㅁㅠ 여러번 돌려봤지만 어떤 부분에서 놓친 것인지 잘 모르겠어서 질문드립니다! zustand, immer 모두 설치 잘되었는데 연결이 안된 문제일까요?.? 카카오 구현하기 6까지 끝낸 상태이고 모든 기능은 잘 동작해요(로그인, 로그아웃, 프로필 가져오기 등) 혹시 몰라 github 링크도 첨부해봅니다!https://github.com/YounaJ00/blog

Vercel 배포를 위해 github에 레퍼지토리를 새로 형성하고 주소 복사를 한다음 터미널에 "git remote add origin (git 주소)" 명령어를 입력하니 다음과같은 오류가 납니다. 어떤 현상인지 알 수 있을까요?  

안녕하세요 강사님~!백엔드 서버 vercel 로 배포한 뒤client 를 해당 백엔드 url 로 설정하여 npm run build 를 하니 401 에러가 발생을 해서요~https://ddilys-library-server-lqprbor13-camomilekrs-projects.vercel.app/This page requires authentication to access. Automated agents should use a Vercel authentication bypass token to access this page.build 과정에서 401 오류로 응답에 이런 내용이 포함되어 있는데, 별도의 auth token 같은 걸 설정해 줘야 할까요?? vercel --prod 로 deploy 해도 동일한 증상이 있습니다~답변 주시면 감사드리겠습니다~

안녕하세요!현재 강의의 80%를 수강했습니다.노션강의자료를 보니 기능 추가예정이 적혀있어서 혹시 언제쯤 강의를 추가하실건지 아니면 추가된 부분의 코드만이라도 노션 혹은 깃허브에 업데이트가 가능한지 궁금합니다.답변 부탁드립니다.감사합니다.

안녕하세요.11강 수업자료를 다운로드 받아보니 해당 수업영상입니다. 괜찮을까요?

html, body { margin: 0px; width: 100px; background-color: rgb(246, 246, 246); } #root { background-color: white; max-width: 600px; width: 100%; margin: 0 auto; min-height: 100vh; height: 100%; box-shadow: rgba(100, 100, 100, 0.2) 0px 0px 29px 0px; } body * { font-family: "NanumPenScript"; } 이렇게 작성하셨는데 구현하신 화면 보면 root가 가운데 정렬 되어있지만 제가 구현하면 css는 좌측 세로 정렬 되는데 원인이 있을까요?

프로필 수정시 자신이 작성한 PostItem 의 이미지, 닉네임도 같이 변경이 되어져야 하지 않을까요? 새로고침해야 변경이 되어성., 프로필 버튼은 잘 변경이 됩니다.

안녕하세요...강의 잘 보고있습니다. 일단 로그인을 합니다..그런데 이때 각 소속회사별로 로그인을 합니다.(A회사로 로그인을 하면...다음부터는 A회사의 정보만 조회를 해야 합니다.)그런 경우 공지사항 계시판이 메인화면에 있는데.이때 공지 화면의 내용은 당연히 A회사의 공지사항만 나와야 하는데..서버 컴포넌트에 파라미터를 넘겨야 하는데.어떻게 넘겨야 할까요?zustand같은 전역상태도 사용 못하고..쿠키를 이용해야하나요?현재는 http:url/index?blngcocd=999이런식으로 소속회사를 달고 다나는데...이건 아닌거 같아서요?  

좌측이 강의 코드, 우측이 강의 보며 10강까지 진행한 코드 결과입니다. 우측, 만들어진 코드를 보니 ReactDom, <React.~~> 등이 입력되어있지않아요. 무슨 문제인걸까요?

제로초님 안녕하세요 expo 프로젝트의 폴더 구조에 대해서 고민이 있습니다.!!현재 src/app 폴더에서 페이지들을 관리하고 있고각 페이지 내부에서만 사용하는 하위 컴포넌트들은 src/app/settings/_components/AccountSettingsSection.tsx와 같이 _components 폴더 하위에 배치하고, named export를 통해 라우트로 잡히지 않게 하고 있습니다. 문제는 없지만 프로젝트를 실행시키면 WARN Route "./settings/_components/AccountSettingsSection/AccountSettingsSection.tsx" is missing the required default export. Ensure a React component is exported as default.라는 경고 메시지가 app/ 내부에서 named export 한 모든 하위 컴포넌트를 대상으로 출력됩니다. Next.js처럼 _components 내부의 하위 컴포넌트들은 완전히 무시하도록 하고 싶은데 아무리 찾아봐도 무시할 방법이 없는 거 같습니다 ㅠ 제로초님께서는 어떤 방법으로 페이지 내부 하위 컴포넌트들을 배치하시는지 궁금합니다..!! 관리하기 용이한 폴더 구조가 있다면 추천해주실 수 있으신가요??

window 10을 사용하고 있는 학생인데 react작동안됩니다ㅜㅜ ctrl 하고 마우스 왼쪽해도 실행이 안되네요 로딩이 오래 걸려요 

선생님 인강 잘듣고 있읍니다인강에선 react 설치시 vite 로설치하고 책에서는 create React App 으로 설치하는데대략검색해보니 vite 설치시 효울적이고 빠르다고 하는데책으로 공부하면 create React App으로 설치해도 상관없나요

안녕하세요, 강의 잘 보고 있습니다. 저는 1년 차 백엔드 개발자 입니다. 미니 프로젝트에 프론트로 투입이 되어 zustand와 tanstack 학습을 위해 강의를 듣게되었습니다.선생님께서 hook을 작성하실 때 함수를 각각 별도 파일로 분리하는 방식으로 진행하셨는데, 실무에서도 보통 함수마다 파일을 나누는 방식으로 진행하나요? 아니면 도메인 단위로 묶어서 하나의 파일안에 관련함수들을 관리하시는지 궁금합니다. 선생님 강의 덕분에 쉽고 재밌게 학습하고 있습니다. 감사합니다 : )

안녕하세요, 강의에서 훅(useState, useEffect) 사용 규칙과 내부 동작 원리를 공부하다가 궁금한 점이 있어 질문드립니다.React는 훅을 순서 기반으로 관리한다고 배웠습니다. 그래서 다음과 같은 규칙이 있는 걸로 알고 있습니다:훅은 컴포넌트 최상위에서만 호출해야 한다.조건문, 반복문, 중첩 함수 안에서 훅을 호출하면 안 된다.이와 관련해 궁금한 점은 다음과 같습니다:개발하다 보면 상태가 많아지고 상태마다 핸들러도 많아지게 되어 코드가 길어지게 됩니다. 그러다 보니 소스코드를 한눈에 파악하기 어려워지는 것 같습니다.실무에서는 상태별로 핸들러를 묶어서 작성하는 패턴을 많이 쓰나요? 예를 들어:const [count, setCount] = useState(0); const handleChangeCount = () => { ... };const [name, setName] = useState(''); const handleChangeName = () => { ... };이런 방식으로도 구현을 하시는지, 아니면 useState는 최상단에서 묶어 관리하고 handler는 handler끼리 useEffect는 useEffect 끼리 작성하는 것이 일반적인지 궁금합니다.