liveServer 익스텐션을 지우고 깔아봤는데도502(Bad Gateway) 오류가 계속해서 발생하는데해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠?? 

로컬에 있는 이미지를 이용할때보다 서버에서 url 주소로 전달 받아 이용하는 경우가 더 많은데, 그럴때도 webp로 변환할 수 있는 방법이 있을까요?  아니면 다른 최적화 방법이 있나요? 

Items 페이지의 보드들의 이미지가 깨져서 보입니다 수정완료된 소스 코드가 따로 존재하는 건가요?

안녕하세요 zerocho님. 항상 친절하게 답변주셔서 감사합니다. 몇가지 질문이 있습니다.   1. getServerSideProps에서는 브라우저에서 쿠키를 들고 next.js 서버로 오기 때문에 cookie를 가지고 올 수 있다고 이해했는데 getStaticProps는 빌드 시에 실행되기 때문에 cookie를 들고있지 못한걸로 이해했는데 맞나요? 만약 그렇다면 getStaticProps에서 사용하는 API는 인증이 필요하지 않은 API만 사용해야하나요?   2. getServerSideProps는 SSR이라 이를 이용하게되면 화면이 전체 깜빡임이 일어날거라고 생각했는데 실제로는 일어나지 않더라구요. 혹시 이유를 알고 계신지 궁금합니다.

현재 프론트엔드(2) + 백엔드 (2)명이서 프로젝트를 하고 있었는데, 프론트였던 제가 개인사정 (취업, 이사, 건강 문제 겹침)으로 지금 아예 프로젝트에 참여를 못하고 있습니다. 다른 팀원들께 민폐가 되는 것 같아 팀원분들께 말씀을 드리고, 새로운 팀원을 대체하려고 하고 있습니다.[장점] - api다 나왔고, 진행 상황 80% 이상입니다. - 지금 투입되시면 소셜로그인, 회원가입만 구현하시면 되고, 이부분도 ui,API 다 나온 상태입니다. - 모든 일은 문서로 노션에 정리되어 있습니다. - 제가 직접 코드 설명도 드리고, 또 막히는 부분있으면 제가 계속 도움 드리겠습니다! - 슬랙 통해서 매주 수요일 7시에 슬랙으로 회의하고 있고, 현재 배포도 완료되었습니다!   관심 있으신 분은 아래 오픈 채팅으로 들어오셔서 편하게 질문해주시면 됩니다.카카오톡 오픈채팅 (kakao.com) (들어오시면 저희 지금 배포된 사이트도 보여드리겠습니다!) 참고로 주제는 프로젝트 매칭 사이트(홀라 클론코딩)입니다.

프로그래밍을 공부한지 얼마 안된 학생입니다. 자바스크립트로 무언가를 구현하는 강의를 듣는게 거의 처음인데요,   강의를 적어도 2회는 볼 생각인데, 처음 볼때 강의하시는내용을 함꼐 따라 코딩하면서 공부해야할지 아니면 처음에는 강의에 집중하고 2회차 볼때 따라서 만들며 해야할지 잘 모르겠습니다.   더듬더듬 따라서 강의를 보는 중인데, 똑같이 타이핑하는거에 너무 집착하는거같기도해서요.. 어느게 좋을지 추천 부탁드립니다.

강의에서는 useRef 를 사용하면 된다고 하셨는데, 그 이유가 무엇인지에 대한 설명이 없으셔서  let 이나 var 는 불가능한가 해서 테스트해보니 값이 증가하지 않더라구요. 왜 그런지 이유가 궁금합니다.     // const dataId = useRef(0);   let dataId = 0;   const onCreate = (author, content, emotion) => {     const created_date = new Date().getTime();     const newItem = {       author,       content,       emotion,       created_date,       id: dataId,     };     dataId += 1;     setData([newItem, ...data]); };

    동그라동그라미 친곳에 파라미터로 event를 받아왔는데, event라고 넣지 않아도 동일하게 작동을 하더라구요. 꼭 event를 파라미터로 넣어줘야하나요?

강의 너무 잘듣고 있습니다! 하지만 Props 정말 알듯 모를듯 아리송하네요.. 질문드립니다! 1. 파일명은 무조건 대문자 시작인가요??  2. 각 컴퍼넌트에 return 뒤에는 하나 이상일 경우 ()가 오고 한 줄 일경우에는 <> </>로도 가능할까요? 3. children 이라는 Props는 고정된 이름인가요? 다른 child같은걸로는 변경 불가능하죠?? 변경해서 하니까 오류가 나더라구요! 4. <button count={count}> 이렇게 속성으로 준 Props와 객체로 선언해서 넘겨주는 Props를 동시에 사용 못하나요?? const Counter = (props,{ counterValue3 }) => { const [count, setCount] = useState(counterValue3); // props 매개변수로 받아 프로퍼티로 전달 방법   이런식으로 말이죠..  

강의 잘 보고 있습니다. 질문이 있는데요, useEffect()로 Mount 를 구현하였고, 콘솔에 로그를 Mount를 출력하였습니다. 그런데, 이상하게, Mount 로그가 두번씩 출력됩니다. 동작은 이상없지만, 두번 출력되는게 이상해서요~ 제가 무엇을 잘못했는지 궁금합니다. useEffect(()=>{   console.log("Mouint!"); }, []); 즐거운 하루 보내세요.

react-redux에서 발생하는 오류인듯 한데 구글링 해보니 수업 코드와 너무 달라지는데 어떻게 해결해야 할까요? 코드일부 import { useDispatch } from 'react-redux'; import {loginUser} from '../../../_actions/user_action'; function LoginPage() {   const dispatch = useDispatch(); 깃:https://github.com/kim-seungmin/boiler_plate

말씀해주신 소스코드를 다운로드 받고 Live Server를 켰는데 502 에러가 납니다 어떻게 할까요?

제로초님 제가 react-query useQuery Hook을 사용하여 데이터를 받아왔습니다. 이 데이터 값들을 버튼 onClick 함수를 만들어서 버튼을 클릭할 때마다,   useQuery api 요청을 콜을 해 주고 싶습니다. 그래서 찾아보니 useQuery refetch 를 알게되었고, refetch 함수를 onClick 함수에 넣어주었는데, 동작을 하지 않네요 ㅠㅠ.   useQuery api를 버튼을 클릭할 떄 마다 api call 을 해주고 싶은데 어떻게 해줘야 할까요...

antd같은 ui 컴포넌트를 사용안하면 한 컴포넌트 안에서 styled component가 차지하는 코드량이 상당히 많을 것 같은데 실무에서도 styled component의 코드길이에 상관없이 해당 컴포넌트에 다 적는지 아니면 따로 폴더에 분리해서 import하는지 궁금합니다. 

안녕하세요. 강사님, 강의 잘 듣고 있습니다.   다름이 아니라, useEffect 부분 따라하고 있는데 다르게 작성한 부분이 없는데 useEffect 부분이 항상 2번씩 호출되서 콘솔에 찍힙니다.  다른 예제 할때도 이게 계속 반복되는데 혹시 왜 그런걸 까요? 

안녕하세요. 이제 막 React를 시작한 초보 개발자 입니다. 강의 11분에 리스트를 undefined 했을때 어떤 부분에서 에러가 나는지 강사님과 같은 화면을 보고싶으면 어떻게 해야하나요?  저는 위와 같은 화면이 뜨지 않고 빈 화면만 표기가 됩니다. 그리고 콘솔에 에러 표기도 DiaryList.js 가 아닌 bundle.js 로 표기가 되는데ㅠ 강사님처럼 상세 에러 화면을 보려면 어떻게 해야 하나요? 궁금합니다!

안녕하세요. 강의 잘 보고 있습니다. 다름 아니라 defaultProps 부분과 관련해서 여쭤보고 싶은 게 있어서요.   지금 강의에서는 props가 undefined으로 올 때 등을 대비해서 defaultProps을 지정해주시는데, 혹시 이 방법 말고 diaryList에 바로 디폴트 값(빈 배열)을 할당하면 안 될까요? (ex. {diaryList = []}) => {...} ) 기본값 매개 변수로 지정할 수도 있을 것 같아서 여쭤봅니다. 아니면 혹시 차이점이 있을까요?   감사합니다!

안녕하세요. 강의 보면서 기초 개념 다지는 중인 학생입니다 :)   다름이 아니라 일기 작성 시 제목과 내용 본문 입력 후, 점수를 별도로 선택하여(이벤트 발생) 저장하면 데이터가 잘 넘어가는데, default로 설정한 점수에서 점수를 별도로 선택하지 않고 제목과 내용만 입력 후 저장하면 데이터가 넘어가지 않은 채 undefined로 콘솔에 확인이 됩니다.ㅠㅠ   간략하게는 제목, 내용, 점수 모두 지정해서 저장하면 잘 나옴. A 제목, 내용만 쓰고 디폴트 점수로 저장하면 점수가 undefined로 됨. 입니다! B   어디가 문제인지 하루종일 들여다봐도 문제를 찾을 수가 없어서 질문드려요ㅠㅠ  

강사님~ 안녕하세요~~!!   강의 수강 중  - Suggestion 목록 API 및 화면 구현 - useAxios 훅을 통한 보다 손쉬운 조회 API 요청 해당 강의의 실습 중 에러가 생겨서 질문을 드립니다.    먼저, 아래는 SuggestionList.js 의 코드입니다. 아래는 Suggestion.js의 코드입니다.   리액트 페이지에서  suggetstions for you 부분에 친구 목록이 뜨지 않고, 다음과 같은 error가 보여집니다. (이전에는 되었던 것 같은데 컴퓨터를 재부팅 한 이후로 되지 않는 것 같습니다...ㅠㅠ) 해결을 어떻게 해야할 지 강사님의 조언을 구하고 싶습니다..! 그럼 미리 감사 인사를 드립니다 ㅠㅠ !!