장바구니 아이템은 이미 체크!

장바구니 페이지는 구매를 진행하거나 구매 가능성이 높은 제품을 모아두는 곳 이므로 기본적으로 많은 사이트들이 제품을 선택해놓은 경우가 많다. 해서 진행 중인 프로젝트에도 동일하게 적용하고자 했다. 어떤 방법이 있을지 고민하다가 받아오는 데이터에 기본 값을 설정해 두면 좋겠다는 생각을 했다. data.json(Mock Data) 서버에서 데이터를 받기 전 테스트를 위해 위에 보이는 Mock D...

mockdataReactdata.jsoncheckboxReact

#10.React(MockData활용하여 피드 여러개 만들기)

HTML,CSS,JavaScript로 구현하였던 인스타그램 클론을 React와 Scss로 재구현해보면서 React의 이점을 느끼지 못했었다. 그 이유를 생각해보니, 백엔드로부터 API를 받아서 UI를 만드는것이 아닌 내가 직접 피드 사진, 게시글, 댓글 등을 하드코딩하고 있었기 때문이었다. 하지만, 이번에 mock data를 배우고, 이를 활용하여 여러개의 피드와 각각의 댓글 등을 구현해보니...

ReactmockdataMapMap

한 줄의 코드도 작성하지 않고 스키마에서 방대한 양의 모의 데이터 생성

Faker.JS는 모의 데이터를 생성하기 위한 훌륭한 도구이며 목적에 부합합니다. 그러나 구조화된 데이터 세트를 생성하려면 너무 많은 코드를 작성해야 하고 때로는 지루해집니다. 이것이 내가 한 줄의 코드를 작성하지 않고도 모의 데이터 생성 프로세스를 자동화할 수 있는 을 만든 이유입니다. 그것은 실제로 내 개인 프로젝트를 위해 만들어졌으며 다른 많은 프로젝트, 특히 모의 데이터가 필요한 프로...

mockdataapijavascriptfakerjs