173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
만들면서 배우는 리액트 : 기초
안녕하세요! Form 컴포넌트 내부를 작성해보다 실수로 아래와 같이 작성하였는데요 function handleFormSubmit(event) { event.preventDefault(); console.log('submit'); setCounter(100); console.log(counter); } 이런식으로 작성을 했더니 처음 submit 시에는 console 에 1이 찍히고 그 다음에 100이 찍혔습니다. 이 동작이 잘 이해가 되지 않는데 이유를 알 수 있을까요?!
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 vscode 설정 관련 질문입니다. 지금 막 vscode를 설치했는데 js파일에서 오타 검사가 안되는데 그 이유를 알 수 있을까요???
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
에러 발생시점: faker.js 사용 후입니다 에러 최대한 제 손으로 잡으려 했는데 이번 거는 찾기가 조금 힘들고 감이 안오네요.. 처음 npm run을 했을 때 화면에는 정상적으로 더미데이터가 들어오면서 에러도 같이 뜨는 상태입니다(에러를 끄면 컨텐츠와 댓글 등등의 기능 동작은 되네요) 간단하게 힌트만 주셔도 직접 해결 해보겠습니다 감사합니다 코드: import {faker} from ' @faker-js/faker ' ; export const initialState = { mainPosts : [] , imagePaths : [] , addPostLoading : false , addPostDone : false , addPostFailure : null , removePostLoading : false , removePostDone : false , removePostFailure : null , addCommentLoading : false , addCommentDone : false , addCommentFailure : null } initialState . mainPosts = initialState . mainPosts . concat ( Array ( 20 ) . fill () . map ( () => ({ id: shortId . generate (), User:{ id: shortId . generate (), nickname: faker . company . companyName () }, content: faker . lorem . paragraph (), Images: [{ id: shortId . generate (), }], Comments:[{ User:{ id: shortId . generate (), nickname: faker . name . findName () }, content: faker . vehicle . vehicle () }] })) ) 에러: ++ 에러에 HYDRATE관련된 에러가 있어 우선은 리듀서폴더에 있는 index.js같이 첨부합니다 import { HYDRATE } from " next-redux-wrapper " import { combineReducers} from ' redux ' import user from ' ./user ' import post from ' ./post ' const rootReducer = combineReducers ( { index : ( state = {}, action ) => { switch ( action . type ) { case HYDRATE : console . log ( ' HYDRATE ' , action ) ; return { ... state , ... action . payload }; default: return state ; } }, user , post , } ); export default rootReducer ;
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
항상 개념이 헷갈리면 강사님이 하는 코드를 보러 옵니다 ㅋㅋ 근데 개인적으로 그래프 큐엘을 연습하다 궁금한것이 생겨 질문올립니다.저는 저기 날짜 년도 별, 월별로 관리를 하고 싶다고 했을때 어떻게 로직을 처리하는게 좋을까요 백엔드에서처리를 해야하나요 아니면 저렇게 날짜 데이터를 받아서 프론트에서 처리를 해야하는것이 효율적인가요..? 아직까지 실력이 부족해서 1월부터 12월까지 배열을 짜서 해야하나 막막합니다.. {content:"string", date:"2022-03-05"}예를 들어 이런 데이터가 엄청 많을때2022년 3월은 3월콘텐츠 4월은 4월컨텐츠를 리스트로 따로 처리하는 방법은 뭐가 있는지 고수의 팁좀 알려주십시오 ㅠㅠ 로직이 떠오르지가 않습니다 .. 수업과는 조금 떨어지는 질문 죄송합니다 ..
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
어제까지는 실행 잘됐었는데 주피터 노트북으로 실행하니까 이런식으로 뜹니다 ㅠㅠ http://127.0.0.1:8000/admin/instagram/comment/add/ 이랑 저번에 배웠던 python manage.py shell_plus --print-sql --ipython 로 실행시에는 이런식으로 잘나오는데 무슨이유인지를 모르겠네요. 혹시 더 올려야하는 정보들이 있을까요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다. https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 3:45에 fetch then대신 try catch로 바꿔 봤는데 이렇게 사용하면 될까요? const getData = async () => { try { const response = await (await fetch(`https://jsonplaceholder.typicode.com/comments`)).json(); console.log(response); } catch (err) { console.log(err); } };
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 우선 좋은 강의 제공해주셔서 감사해요. 다름이 아니라, 강의 영상 28:47 부분과 같이 다이어리 리스트가 화면에 떠야 하는데 뜨지 않는 에러가 발생했고, 스스로 해결이 안 돼서 도움을 요청하려고 글을 쓰게 되었어요. 개발자도구 요소 탭에서도 리스트가 뜨지 않더라구요. 코드 마지막 부분 즉 export default DiaryList; 바로 앞 부분에 console.log(diaryList);도 입력해 보았는데 콘솔 창에는 undefined라고 출력이 되었어요. 코딩 공부가 처음이다보니 에러를 해결하기 위해 무엇부터 손을 대야 할 지도 모르겠고 질문조차 어떻게 해야 할 지 모르겠네요..ㅎㅎ
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요. 강의를 잘 듣고 있습니다. 6:49 부모 컴포넌트에서 데이터를 자식 컴포넌트로 이동하는데 만일 자식끼리 데이터를 useState로 해야 한다면 redux를 이용하면 될까요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
제로초님 nodebird에서 comment 관계에서는 user.hasmany(comment) post.hasmany(comment) 이렇게 관계를 설정하였는데 이는 아무 유저가 comment 작성이 가능하게 하기위해 이렇게 하였고 상품구매 리뷰에서는 상품을 구매한 사람에 한해서만 comment를 작성해야만 하니 comment는 user, product의 belongsToMany로 관계 설정을 해줘야 한다고 판단했는데 맞을까요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 내용과 조금 떨어진 질문입니다. 크롬 개발자 툴에 컴포넌트를 보여주는것과 프롭스,훅스 등을 보여주는 창이 가로로 나뉘어져 보여지고 있는데, 이걸 윈터루드님처럼 위아래로 나뉘어지게 하려면 어떻게 해야하나요?
미해결
만들면서 배우는 리액트 : 기초
liveServer 익스텐션을 지우고 깔아봤는데도 502(Bad Gateway) 오류가 계속해서 발생하는데 해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠??
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
로컬에 있는 이미지를 이용할때보다 서버에서 url 주소로 전달 받아 이용하는 경우가 더 많은데, 그럴때도 webp로 변환할 수 있는 방법이 있을까요? 아니면 다른 최적화 방법이 있나요?
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
Items 페이지의 보드들의 이미지가 깨져서 보입니다 수정완료된 소스 코드가 따로 존재하는 건가요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 zerocho님. 항상 친절하게 답변주셔서 감사합니다. 몇가지 질문이 있습니다. 1. getServerSideProps에서는 브라우저에서 쿠키를 들고 next.js 서버로 오기 때문에 cookie를 가지고 올 수 있다고 이해했는데 getStaticProps는 빌드 시에 실행되기 때문에 cookie를 들고있지 못한걸로 이해했는데 맞나요? 만약 그렇다면 getStaticProps에서 사용하는 API는 인증이 필요하지 않은 API만 사용해야하나요? 2. getServerSideProps는 SSR이라 이를 이용하게되면 화면이 전체 깜빡임이 일어날거라고 생각했는데 실제로는 일어나지 않더라구요. 혹시 이유를 알고 계신지 궁금합니다.
미해결
현재 프론트엔드(2) + 백엔드 (2)명이서 프로젝트를 하고 있었는데, 프론트였던 제가 개인사정 (취업, 이사, 건강 문제 겹침)으로 지금 아예 프로젝트에 참여를 못하고 있습니다. 다른 팀원들께 민폐가 되는 것 같아 팀원분들께 말씀을 드리고, 새로운 팀원을 대체하려고 하고 있습니다. [장점] - api다 나왔고, 진행 상황 80% 이상입니다. - 지금 투입되시면 소셜로그인, 회원가입만 구현하시면 되고, 이부분도 ui,API 다 나온 상태입니다. - 모든 일은 문서로 노션에 정리되어 있습니다. - 제가 직접 코드 설명도 드리고, 또 막히는 부분있으면 제가 계속 도움 드리겠습니다! - 슬랙 통해서 매주 수요일 7시에 슬랙으로 회의하고 있고, 현재 배포도 완료되었습니다! 관심 있으신 분은 아래 오픈 채팅으로 들어오셔서 편하게 질문해주시면 됩니다. 카카오톡 오픈채팅 (kakao.com) (들어오시면 저희 지금 배포된 사이트도 보여드리겠습니다!) 참고로 주제는 프로젝트 매칭 사이트(홀라 클론코딩)입니다.
미해결
[React 1부] 만들고 비교하며 학습하는 React
프로그래밍을 공부한지 얼마 안된 학생입니다. 자바스크립트로 무언가를 구현하는 강의를 듣는게 거의 처음인데요, 강의를 적어도 2회는 볼 생각인데, 처음 볼때 강의하시는내용을 함꼐 따라 코딩하면서 공부해야할지 아니면 처음에는 강의에 집중하고 2회차 볼때 따라서 만들며 해야할지 잘 모르겠습니다. 더듬더듬 따라서 강의를 보는 중인데, 똑같이 타이핑하는거에 너무 집착하는거같기도해서요.. 어느게 좋을지 추천 부탁드립니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의에서는 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 ]); };
미해결
[React 1부] 만들고 비교하며 학습하는 React
동그라동그라미 친곳에 파라미터로 event를 받아왔는데, event라고 넣지 않아도 동일하게 작동을 하더라구요. 꼭 event를 파라미터로 넣어줘야하나요?
