TIL20 - 상수데이터,mock data

서동혁·2021년 10월 3일
0

Wecode-TIL

목록 보기
19/30

상수데이터

  • 변하지 않는 데이터, 정적인 데이터

    왜 씀?
    반복되는 ui를 map()으로 간단하게 해줄 수 있기(수정) 때문에 쓰는거야
    일일이 하드코팅하면 가독성도 떨어져서 상수데이터로 관리해서 map함수를 사용하여 관리하면 유지보수 용이

상수데이터 작성

상수데이터 만들 때 대문자인 스네이크 케이스로 작성
반복되는 부분을 틀로 만들어 놓는다.
id주는 이유
각각의 데이터에대해 유니크한 키풀업을 주기위해 id줌

틀 만들기
리스트 태그랑 a태그가 반복되기 때문에 map()을 써주자

맵함수는 배열을 모두 한번씩 돌면서 안에 내용을 적용시키는 것

넣어주면

이렇게 나온다

왜 id를 그때 그떄 만들어서 주나
데이터 순서가 중요하면 무조건 id로

데이터가 많을 경우 따로 파일을 만들어 export, import(분리)해서 데이터를 가져다 쓸 수 있다.

0개의 댓글

Powered by GraphCDN, the GraphQL CDN