월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
자동로그인 구현에 대하여
현재 자동로그인을 어떻게 구현할지 구상중입니다. 쿠키를 로컬스토리에 저장시켜 서버에 전송하는 방법을 생각했는데, 이대로 하면 될지, 그리고 이게 가능한지 모르겠습니다. 아니면 통상적인 더 좋은 방법이 있을까요? 유저 정보를 그냥 넣어두기엔 유저정보가 계속 업데이트 되는 서비스를 계획중이라... 방법을 알려주시면 정말 감사하겠습니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
next 12버전이던데 사용해도 될까요??
12버전 사용해도 될까요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
Unhandled Runtime Error 질문드립니다
해시태그 클릭시 Unhandled Runtime Error Error: Failed to load script: /_next/static/chunks/pages/hashtag.js 라는 오류페이지가 뜨고 2초정도 후 새로고침 한것처럼 에러창이 없어지며 해시태그 검색 결과페이지 로드되어집니다 결과창에는 별다른 문제가 없고 백엔드 로그에서도 GET /hashtag/%EC%A7%84%EB%8F%8C?lastId=0 200 24.841 ms - 1433 이렇게 잘 되어지는것 같습니다 한번 에러창이 나왔다가 없어지면 새로고침해도 에로는 나오지 않습니다 어떻게 해결해야할까요..ㅜㅜ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
검색 필터링 조건 관리 방법
안녕하세요 강좌 바탕으로 토이 프로젝트를 해보고 있습니다. 상품목록 페이지에 필터링 조건이 많이 있고, 검색어, 페이징처리까지 있습니다. 한가지 조건이 변경되었을때 다른조건은 유지하면서 새로 api조회를 해야할텐데 1. 상품목록page에서 조건들을 useState로 관리하고, 각 component에서 조건변경시 router push 쿼리 이용하여 목록페이지로 쏴주면 조건업데이트해서 조회 2. 리덕스에서 조건들을 관리하고 각 component에서 useDispatch, useSelector 사용 이런 경우 어느방법이 더 잘 쓰이고 효율적인지 조언 부탁드립니다. 감사합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
Cors error 인데 원인을 모르겠습니다.
또한, db 지우고 다시 create 해도 계속 대문자로 생성이 되는데 다른 부분을 설정하고 create 해야하나요? 강의에는 해당내용이 없네요 점검해본 사항 입니다. 추가로 확인해봐야할 사항이 있을까요?? 1. ip 주소 설정 2. build 는 잘 됩니다. 3. ec2 프론트 ip 주소로 접속하면 시작화면은 나오는데 강의처럼 api 요청을하면 cors 에러가 나고있습니다. 4. ubuntu 환경에서 모든 설정 확인 후 재시작 5. cors 설정 app.use( cors({ origin: ['http://13.125.207.66', 'http://localhost:3060'], credentials: true, // 다른 도메인 간에 쿠키 전달할 수 있게 }) );
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
next-redux-wrapper 7.0.5 버전 질문있습니다.
잠시 강의를 멈추고 질문합니다. next-redux-wrapper 버전이 7입니다. npm 사이트 보고 참고하여 아래와 같이 사용하여 강의를 진행하려는데 문제가 있을까요? ```javascript export const getServerSideProps = wrapper.getServerSideProps((store) => () => { store.dispatch({ type: LOAD_MY_INFO_REQUEST, }); store.dispatch({ type: LOAD_POSTS_REQUEST, }); }); // 이 부분이 Home 보다 먼저 실행됨 ``` 참고 사이트: https://github.com/kirill-konshin/next-redux-wrapper 참고한 코드 ```javascript export const getServerSideProps = wrapper.getServerSideProps(store => ({req, res, ...etc}) => { console.log('2. Page.getServerSideProps uses the store to dispatch things'); store.dispatch({type: 'TICK', payload: 'was set in other page'}); } ); // Page itself is not connected to Redux Store, it has to render Provider to allow child components to connect to Redux Store const Page: NextPage<State> = ({tick}) => ( <div>{tick}</div> ); ``` ```javascript context.store.dispatch({...}); // 이렇게 사용하지 않고 위와 같이 사용할 예정입니다. ```
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
get Posts error 문제
리트윗 되는것까지 확인하고 "홍길동님이 리트윗 하셨습니다"라고 확인까지 했습니다. 이후 새로고침을 하는데 갑자기 생긴 에러로 감을 잡을수가 없습니다. loadMy_info에 문제가 있는건지 reducer와 saga를 확인하고 back의 routes/user.js와 routes/post.js, routes/posts.js 까지 확인 결과 문제가 없습니다. 원인을 파악하지 못하고 있는데.. 힌트라도 얻을 수 있을까요? routes/user.js routes/post.js routes/posts.js reducer/user.js sagas/user.js stack overflow 통해 해결했습니다. models/user.js 에서 테이블 생성 시 아이디로 쓰일 email을 unique한 값으로 줘서 난 에러 였습니다. 일단 false로 변경 뒤, 진행하고 있는데 에러메세지에서 너무 많은 key가 지정되어 있고 최대 64개의 key만 허용한다고 합니다. 이부분에 대해서 아직 모르겠는데.. 아이디는 하나씩 밖에 없는데 동일한 아이디가 반복된것도 아니고.. 위의 64개의 key는 무엇인지 궁금합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
eslint 질문
vscode 익스텐션으로 eslint와 prettier를 적용해서 하게되면 npm으로 설치하지 않아도 적용이 되던데 npm으로 eslint, prettier를 설치하고 eslintrc, prettierrc 설정파일 만들어서 옵션설정하는것과 단순히 익스텐션으로만 적용하는것에 차이가 무엇일까요?? 질문 > 팀프로젝트를 한다고하면 eslint와 prettier를 npm으로 설치해서 설정하는 방법과 익스텐션으로만 설정해주는것에 차이가 어떤지 궁금합니다!
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
배포
next 적용하지않은 react 프로젝트를 배포하려는데 해당 깃허브 레파지토리에 build한 폴더를 업로드해도 보안에 문제없을까요??
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
댓글 삭제기능을 만드는 중에 생긴 버그
안녕하세요 제로초님 댓글 삭제 기능을 만들다가 내 댓글만 삭제가 나왔으면 좋겠어서 밑에 같은 방식으로 구현했습니다. 하지만 내 댓글이 아닌 부분에도 삭제창이 나와 문의드립니다. 아마도 댓글 전체중 하나만 내가 단 댓글이어도 전체 다 삭제창이 나오는 것 같은데 어떤 부분을 수정해야 할 지 잘 모르겠어 문의드립니다. 감사합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
uploads 파일에 이미지가 들어가지 않습니다
아무리봐도 모르겠습니다... 파일이 안생깁니다. 구글링을 아무리 해봐도 이해가 되질 않는데 힌트라도 주시면 감사하겠습니다..
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
dataTypes.STRING( 숫자 ) 숫자 지정해주는 이유
최대 숫자를 지정해주는 이유가 뭔가요??
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
검색어 관련 질문입니다. (limit, offset, oreder) / pages/index.js PostCard key value
routes/posts.js에서 게시글을 불러올때 limit, offset, order 이 방법으로 게시글을 정해진 수 만큼 불러오는데 추후에 이 방법을 구글에서 검색해서 알고 싶다면 검색을 어떻게 하는게 좋을까요? 검색해본 것들입니다. nodejs limit nodejs limit offset nodejs limit order nodejs 게시글 10개씩 불러오기 이렇게 검색하면 대부분 sql문이나 해당강의 nodebird에 대해 나옵니다. 그리고 pages/index.js PostCard key 값으로 유니크한 값을 설정하고 싶은데 어떻게 하면 좋을까요? (key값이 중복되는 오류 문구가 뜹니다.) react_devtools_backend.js:2540 Warning: Encountered two children with the same key, `2`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. [시도] post.createdAt, post.id, post.updateAt, post.userId
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
모델 관계설정에 대해서
안녕하세요 제로초님 쇼핑몰 만들기 프로젝트를 진행중입니다. 강의가 정말 많은 도움이됩니다. 감사합니다. redux에는 데이터들을 추가했는데 이걸 모델로 만들어보려하니 막혀버렸습니다 . 장바구니에 상품들을 넣었을 때 장바구니는 추가한 상품에 대해서 참조할 것인데 이때 장바구니의 상품은 참조한 singleProduct 에 (quantity), 사이즈(Size), pluralPrice(수량 X 상품금액)이 추가되도록 하고 데이터를 저장하려고 하는데 이때 부가적인 것들을 어떻게 모델 설정을 해야할까요?? **singleProduct를 기본뼈대 cart의 products에는 signleProduct에 부가적인 것을 추가해서 데이터 추가 – 대신 singleProduct 뼈대를 건들지 않음 (다른 유저가 singleProduct를 장바구니에 추가할 수 있기 때문에) 이렇게 생각하고 있습니다..** 여러 상품들중에 하나의 singleProduct 유저가 장바구니에 singleProduct 를 담으면 Cart 상태 Product model Cart model
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
hook error 입니다..
안녕하세요 제로초님! Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 가 뜨는데 도통 문제가 뭔지 모르겠네요... Git 을 참고하려했으나 완성본에는 front에서 임시로 로그인하는게 아니라 직접비교가 어렵습니다..
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
마지막 퍼블릭 IPv4 주소연결 불가
안녕하세요, 제로초님 항상 피드백 주셔서 감사합니다. db생성까지 완료하고 npm start까지 문제가 없이 진행됐습니다. 그런데 마지막에 퍼블릭 IPv4 주소로 요청하니 연결거부 페이지가 뜨는겁니다.. 커뮤니티도 살펴봤는데 저랑 유사한 현상을 질문하신분 계셔서 port도 확인해보니깐 인바운드에 모드 범위가 적혀있는데 어떤 부분을 더 봐야할지 감이 안오는데 어느 부분을 더 체크해봐야할지 문의드립니다...
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
리덕스랑 props
리덕스에서 관리되는 데이터는 props로 넘기는 대신 redux 접근해서 바로 가져와도 성능적인면에서 크게 상관없나요? 컴포넌트끼리 props 넘기는 과정이 귀찮고 나중에 코드볼때 어떤 데이터가 넘어가야되는지 확인해야되서 리덕스로 웬만한건 다 처리하려고하는데 상관없나요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
리렌더링 관련 질문 드립니다.
안녕하세요. 강의 잘 수강하고 있습니다. 다름이 아니라 리렌더링 강좌에서 궁금한게 생겼는데 inLine style을 적용하지 않고 className으로 css를 적용했을 때는 리렌더링이 일어나는지 궁금합니다. 테스트를 진행 해보려고 했는데 css는 테스트를 어떻게 진행해야 하는지 방법이 안떠올라 질문 드립니다.. 감사합니다
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
combineReducers사용할때 오류가 생겨요
에러는 TypeError: Cannot read properties of undefined (reading 'type') 이렇게 출력이 되고 해당 에러가 난 코드는 reducer/user.js의 const reducer = (state = initialState, action) => {switch (action.type) {case 'LOG_IN':이부분 입니다user.js, post.js에if (action === undefined){return state}를 추가해서 수정하려했지만 TypeError: Cannot read properties of undefined (reading 'isLoggedIn')이렇게 추가로 오류가 발생합니다어떻게 수정해야할까요..ㅜㅜ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
Couldn't find a `pages` directory. Please create one under the project 오류
안녕하세요 제로초님 ! 강좌잘보고있습니다. npm run dev 를 실행하면 아래와같은 오류가뜨네요.... 코드는 다음 캡처와같습니다. { "name": "react-nodebird-front", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "next" }, "author": "Jeonga Kim", "license": "ISC", "dependencies": { "next": "^9.5.5", "react": "^16.14.0", "react-dom": "^16.14.0" } }