inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

팔로우, 언팔로우 구현하기

안녕하세요

191

김건희

작성한 질문수 63

0

제로초님 강의와 깃헙에 올려놓으신 소스코드가  많이 다른것 같더라구요...

그래서 실행을 해도 잘 안되는것도 있더라구요..

폴더는 가장 최신에 올려놓으신 react-nodebird-master로 다운받았습니다.

혹시 강의와 똑같은 소스코드 올려놓으신것 있으신가요?

react nodejs express redux Next.js

답변 5

0

제로초(조현영)

아.. 처음부터 4장 실행 후 글쓰기할 때 에러가 난다고 말씀해주셔야... ㅎㅎ

0

김건희

그렇군요... 저는 4장에서 글쓰기 하고 짹짹누르면 오류가 뜨더라구요.. 제 컴퓨터 문제인가 봅니다 ㅜ  늦은시각까지 감사드립니다.

0

제로초(조현영)

저 부분은 강의 최종본이라서 그렇습니다. 최종본에서는 faker도 적용하고 하니까요. 매 강좌마다 소스코드를 쪼개기가 정말 어렵습니다. 예를 들어 4-1강에서 하나 수정하면 그 뒤로 4-2, 4-3, 4-4, ... 모든 소스코드를 일일이 다 수정해야 하니까요.

useInput의 변수명 바뀌는 부분은 뭘로 바뀌든 실행에는 상관 없는 것이라 저 정도는 그냥 넘어가셔야 합니다. 4장 실행해봤는데 에러는 없었습니다. 혹시나 warning을 보신 거면, warning은 에러가 아닙니다.

0

김건희

다른 부분은 깃헙코드는 

import { useStateuseCallback } from 'react';

export default (initValue = null=> {
  const [valuesetter] = useState(initValue);
  const handler = useCallback((e=> {
    setter(e.target.value);
  }, []);
  return [valuehandlersetter];
};



로 되어있는데 강의 코드는

import { useStateuseCallback } from 'react';

export default (initValue = null=> {
  const [valuesetValue] = useState(initValue);
  const handler = useCallback((e=> {
  setValue(e.target.value);
  }, []);
  return [valuehandlersetValue];
};

로 되어있고

reducer폴더의 post..js에도 깃헙에는 export const generateDummyPost = (number=> Array(number).fill().map(() => ({

  id: shortId.generate(),
  User: {
    id: shortId.generate(),
    nickname: faker.name.findName(),
  },
  content: faker.lorem.paragraph(),
  Images: [{
    src: faker.image.image(),
  }],
  Comments: [{
    User: {
      id: shortId.generate(),
      nickname: faker.name.findName(),
    },
    content: faker.lorem.sentence(),
  }],
}));

실제강의는 다르게 되어있더라구요

PostForm.js에도

const [textsetText] = useState('');

이부분도 다르게 되어있고 그외 부분도 약간씩 다르더라구요??

또한 깃헙 4강 코드를 받아서 코드 그대로 실행시켰을 경우 에러가 뜨네요 ㅎㅎ

강의는 4강입니다 ㅎㅎ

0

제로초(조현영)

지금 강의와 소스코드 거의 똑같습니다. 다만 하나의 챕터가 끝날 때 소스코드이므로 깃헙 코드가 더 완성본이긴 합니다. 어떤 부분이 다르다고 느끼신건가요?

넥스트 버젼 질문

0

77

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

174

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

372

1

sudo certbot --nginx 에러

0

1273

2

Minified React error 콘솔에러 (hydrate)

0

469

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

325

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

381

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

337

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

286

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

237

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1