Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[DevLog] 정다인 / 2022-04-07

Aperta
  • Qualcosa non va?
#271 0 commenti 0 reazioni 1 assegnatario Vedi su GitHub

@jeongdxxn ci sta già lavorando.

Dal 7/4/2022.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

DevLog
오늘은 어떻게 프로젝트에 기여했나요?
  • 필름 로그 댓글 입력 시 안내 모달창이 뜨자마자 꺼지는 오류 수정
  • 필름 로그 작성 모달창 CSS 수정/ 위치 추가하고 삭제하는 기능 구현
  • 카카오 로그인 버튼 수정
  • 필름 취향 테스트 더미 데이터 생성
오늘의 프로젝트에서 힘든 점은 무엇인가요?
  • 필름 로그 댓글 입력 시 뜨는 안내 모달 창 오류를 해결 하는 것
// 댓글을 누르는 버튼을 눌렀을 때 form 태그가 실행 되면서 화면이 렌더링 되었던 것
// form 태그에 `onSubmit={(e) => e.preventDefault()` 를 추가해서 렌더링을 막아서 해결
<ReplyForm onSubmit={(e) => e.preventDefault()}>
  <ReplyList
    filmTalkComments={filmTalkComments}
    getFTCommentsInfo={getFTCommentsInfo}
    convertDate={convertDate}
    userFTInfo={userInfo}
  />
  <ReplyInput
    value={comment}
    onChange={(e) => setComment(e.target.value)}
  ></ReplyInput>
  {modalClose ? <Guide handleModalClose={handleModalClose} /> : null}
  <Button bottom onClick={postComment}>
    댓글 쓰기
  </Button>
</ReplyForm>
  • 댓글 폼의 렌더링을 막으면서 댓글 작성 시 바로 댓글 창에 출력 되지 않는 문제가 발생
// 댓글 입력 시 데이터가 정상적으로 서버에 저장되었지만 화면이 렌더링 되지않으면서 불러오는 함수가 실행되지않아 출력되지 않은 것
// 댓글 수를 저장하고 댓글이 작성될때마다 +1
const [replyCount, setReplyCount] = useState(0);
//  useEffect 종속성 배열에 replyCount를 넣어 댓글이 작성될 때마다 데이터 불러오는 함수 실행
useEffect(() => {
  getFilmtalkDetail();
  getFTCommentsInfo();
}, [replyCount]);
내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
  • 필름 취향 테스트 구현 보조
  • 마이로그 페이지 슬라이더에 좋아요 기능 설명 추가/ 좋아요 기능 UI 수정
  • 필름로그 이미지 업로드 시 페이지에 바로 렌더링 되게 하기
  • alert 창 모달로 구현
  • quill editor 높이 수정
Lingua principale
JavaScript
Stelle
5
Fork
5
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di codestates/FilmStorage

Tutte le issue di codestates/FilmStorage

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.