07.21 TIL

김선민·2021년 7월 21일
0
post-thumbnail

게시판 만들기 - 댓글 List 불러오기

  • Query를 구조분해 할당으로 data를 불러올 경우, 이름이 같기 때문에 data:aaa 등으로 이름을 바꿔서 다른 이름으로 설정해준다.

  • 댓글부분 컴포넌트 폴더 나눠놓은 모습

  • 디테일 페이지에서 나눠놓은 컴포넌트를 이용해서 따로 페이지를 만들지 않고 컴포넌트만 사용해서 페이지를 추가적으로 구성하였다.

  • 페이지는 디테일 페이지 1개이지만 각각의 컴포넌트를 불러와서 페이지를 조립한 모습.

ESLint

: 사전에 약속된 스타일(문법)로 문서를 통일시켜주는 기능


  • ESLint를 설치 후 터미널 명령어에 nps eslint . 또는 nps eslint + 파일명 을 입력하면 규격에서 벗어난 코드를 찾아준다.

Prettier - 프리티어

: 띄어쓰기나 쓸모없는 빈칸등을 자동으로 정렬해주는 기능

Husky - 허스키

  • ESLint나 프리티어에서 규칙에 맞지 않는경우 git에 업로드 할 수 없게 막는 기능.
    -> 팀프로젝트 등 여러명이 함께 작업할 때 오류를 막기 위해 필수적인 기능이다.
profile
함께 하고싶은 개발자가 되고싶다.

0개의 댓글