let phone1 = document.getElementById('phone1').value; function ph1() { if (phone1.length === 3) { document.getElementById('phone2').focus(); } }  let phone1 을 상위에 정의 하면 왜 null 값으로 읽히는 걸까요 ?

중고마켓을 만들고 있습니다. 이부분인데 여기서 판매중상품 판매된상품 두개로 나눠서 searchbar(검색)을 만들었습니다. useSerach 파일로 밑에 코드로 따로 빼놨고 (useSearch)container이부분에서 onChangeSearch안에 있는 refetch를 어떻게 가져와야 하나요refetch: SoldOutTrueRefetch || SoldOutFalseRefetch 이렇게 처음에 가져오려고 했지만 실패했습니다..  presenter코드가 조금 지저분하지만 완성이 목표라서 현재 짜는 코드는 조금 지저분해도 이런식으로 두개를 가져오고 싶습니다. refetch 부분 어떤식으로 가져와야할지 알려주세요.  

게시판 페이지 카운트는 있는데 혹시 중고아이템은 페이지카운트 쿼리가 없는건가요? ㅠㅜ찾아봐도 없는거 같아서 무한스크롤로 했는데 혹시나해서 글 남깁니다!!

안녕하세요,회사에서, 신규 프로젝트에서 'react 18 버전'을 사용 한다고 하였는데요.node 18 버전, 타입스크립트, ant 디자인 등등 관련해서, 프로젝트 작업 시 조언, 작업 방식..등 과 관련한 내용 있으시면 혹시 공유 가능할까요..?

강의보면서 그대로 작성했는데 targetDate 부분이 오류가 납니다. 여기서 안되니까 remaining 에서도 오류나고..콘솔 찍으면 NaN 만 출력이 되네요ㅠㅠ 왜그럴까요? <script> const dateFormMaker = function () { const inputYear = document.querySelector("#target-year-input").value; const inputMonth = document.querySelector("#target-month-input").value; const inputDate = document.querySelector("#target-date-input").value; const dateFormat = `${inputYear}-${inputMonth}-${inputDate}`; return dateFormat; }; const counterMaker = function () { const targetDateInput = dateFormMaker(); const nowDate = new Date(); const targetDate = new Date(targetDateInput).setHours(0,0,0,0); /* error */ const remaining = (targetDate - nowDate) / 1000; const remainingDate = Math.floor(remaining / 3600 / 24); const remainingHours = Math.floor(remaining / 3600) % 24; const remainingMin = Math.floor(remaining / 60) % 60; const remainingSec = Math.floor(remaining) % 60; console.log(remainingDate, remainingHours, remainingMin, remainingSec); console.log(targetDate); }; </script>

웹으로 확인하니 이런 화면이 뜹니다

안녕하세요,Section 23 부분중 localhost:3000으로 접속하는 부분에서, 첨부한 사진과 같은 컴파일 에러가 계속 발생합니다. 이전에 다른 분이 올리신 global.css 관련 질문에서 강사님이 답변하신 것처럼 index.js 파일에서 @를 ..로도 바꿔봤고, 해당 줄을 주석처리도 해봤는데 문제 해결이 안되고 다른 에러가 계속 발생합니다.어떻게 하면 좋을까요?첫번째 사진은 @/styles~로 그대로 실행했을때 나는 에러화면, 두번째 사진은 ../styles~로 고쳤을때 발생하는 에러 화면입니다. 

Section 23 Notion 문서 보면서 설정하고 있는데요,next.js로 프로젝트 만들었는데 문서와는 달리 Typescript 쓸건지 등등 여러 질문이 떠서 No 하려고 해도 타이핑이 안돼서 Yes 밖에 되지 않습니다일단 되는대로 class랑 자유게시판 만들었는데 이번에는 pages 디렉토리가 설치가 안되어있습니다그러다보니 그 다음 yarn dev 부분에서도 pages 디렉토리가 없다는 에러가 나고, 임의로 mkdir 통해서 pages만들고 실행하니까 Detected next.config.js, no exported configuration found. 뜨면서 URL을 브라우저에서 열어도 404 error 메세지만 뜹니다그런 과정을 거치고 나니까 다른 부수적인 에러들도 나타나는데, ../같은 기본적인 명령어에서도 not found 같은 에러가 나는등등 있습니다시작부터 막히니까 답답하네요...

실행도 되고 app.tsx파일도 제대로 반영이 되는데 아래 jsx부분의 Component부분의 빨간 밑줄이 계속 남아 있습니다 ㅠㅠ

http://practice.codebootcamp.co.kr/graphql <-- 해당 사이트 접속이 불가하고위 사이트의 mutation 코드도 어제까지는 됐는데 오늘은 실행이 안되네요

안녕하세요.강사님께서 직접 답글 주셨으면 좋겠습니다,, updateUseditem api 요청 시 useditemAddress를 제외하고 아래와 같이 테스트하면 정상동작하는데useditemAddress를 붙인 후 요청 시 아래와 같이에러가 발생합니다.며칠 째 해결이 안되어 강사님께서 직접 봐 주셨으면 좋겠습니다.감사합니다.

안녕하세요. ver2가 있는줄 모르고 현재 섹션 12까지 들었습니다. 지금부터라도 복습 겸 바로 ver2로 넘어가서 강의를 들어보려 했는데 괜찮을까요? 아직 한 것 보다 할게 더 많이 남은거 같아 질문 드립니다.

강의를 따라서 했는데도 Failed to fetch 오류가 떠서 첨부된 git 링크를 clone해서 실행하고작성자, 비밀번호, 제목, 내용을 작석하고 등록하기 버튼을 눌러도 동일한 오류가 뜹니다.어떻게 해야하죠 ㅠㅠ?

안녕하세요.아래와 같은 에러가 발생하는데 쿼리문을 잘못작성한게 있을까요? 왜 이런 에러가 발생하는지 잘 모르겠습니다.해결해주시면 감사드립니다.감사합니다.

안녕하세요 섹션 5 . 수학 객체 파트3분 19 초 에서 077215 는 존재할 수 없다 라고 하셨는데 왜 존재할 수 없다라는 것인가요 ?077215에서 0을 인식할 수 없어 77215로 인식하기 때문에 그런 것 같은데 제 입장에서는 급 ?뜬금없이 ? 라는 느낌이 있어서 정확히 왜 존재할 수 없다고 하신지 이해가 가지 않습니다..

웹으로 확인해보려 하니 이런화면이 자꾸 뜹니다ㅠ

회원가입 과제는 따로 정답 코드가 없는건가요?

http://practice.codebootcamp.co.kr/graphql서버에 문제가 있나요? 어제는 잘 되었는데 안들어가지네요.

강사님 안녕하세요. 파이널 과제를 하면서 궁금한 점이 있어 질문 드립니다..!질문이 많지만 피드백 주시면 감사하겠습니다! ( _ _ ) 화면이 100% 일때는 회원가입 폼의 높이가 잘리고, 80%로 줄여야 그때부터 폼이 화면 안에 다 들어간 상태로 확인할 수 있습니다. 이러한 현상은 브라우저 별 차이로 생각하면 되는 걸까요? 또 저는 화면이 100%일 때도 폼이 안잘렸으면 하는데, 혹시 이때 해결할 수 있는 방법이나 대안이 따로 있을까요?// 노션 파일에 있는 코드와 동일합니다. * { box-sizing: border-box; margin: 0px; } body { width: 100vw; height: 100vh; display: flex; flex-direction: row; justify-content: center; align-items: center; } 성별 인풋에서 radio 동그라미 부분에 따로 스타일을 주고 싶어서 아래와 같이 작성했는데, 적용이 안됩니다. 제가 시도해본 방법은 label 내부에 input을 두고 id와 for을 묶어서 스타일을 적용해보았으나, 실패했습니다. 혹시 적용이 안되는 이유와 해결 방법을 알려주실 수 있을까요?<input type="radio" name="gender" class="gender-radio" />여성 .gender input[type="radio"] { background: #ebebeb; border: 1px solid #d2d2d2; } 하단 가입하기 버튼 바로 위에 있는 수평선을 <hr> 태그가 아닌, 버튼을 감싸는 div 박스에 border-top을 주어 스타일을 작성했는데요, 아래와 같이 footer와 버튼이 겹쳐버리는 현상이 발생했습니다.저는 이를 마진 겹침 현상으로 생각하고, 부모 요소에 padding, inline-block, overflow:hidden을 적용해 보았지만 결국 문제를 해결하지 못했습니다. 저는 html 코드를 줄이고자 버튼을 감싸는 박스로 가로선을 해결하고 싶었는데, 이러한 현상이 발생하는 이유와 이 경우 어떤 식으로 해결할 수 있는지 궁금합니다.<div class="footer"> <button id="signup-button">가입하기</button> </div> .footer { width: 380px; height: 1px; margin: 32px 0px 20px 0px; border-top: 1px solid red; } #signup-button { width: 380px; height: 75px; background: #ffffff; border: 1px solid #0068ff; border-radius: 10px; font-size: 18px; line-height: 27px; text-align: center; } 

export const FETCH_USEDITEMS = gql` query fetchUseditems($page: Int, $search: String, $isSoldout: Boolean) { fetchUseditems(page: $page, search: $search, isSoldout: $isSoldout) { _id name remarks contents images tags price pickedCount seller { _id email name } } } `;중고마켓에 fetchUseditems 대해 질문이 있습니다.isSoldout을 true와 false로 각각 가져와서 데이터를 화면에 띄우려고 하는데 어떤 식으로 가져와야 하나요?  const { data } = useQuery< Pick<IQuery, "fetchUseditems">, IQueryFetchUseditemsArgs >(FETCH_USEDITEMS);이부분에서 무엇을 더 추가해야하는지 아니면 presenter에서 가져와야하는지 갈피를 못잡겟네요. ㅠㅠ