fix: tree shaking mock data (#13)

.env

@@ -0,0 +1 @@
+REACT_APP_USE_MOCK=0

src/components/MenuList/MenuList.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Story, Meta } from '@storybook/react';
 import { PureMenuList, MenuListProps } from 'src/components/MenuList';
-import shopInfo from 'src/mocks/shop-sample.json';
+import shopInfo from 'src/mocks/shop-sample';
 
 export default {
   title: 'Molecule/MenuList',

src/lib/api/api-mock.ts

@@ -1,7 +1,7 @@
 import { IEventInfo, ISelectedMenu } from 'src/store/types';
 import { FirestoreDocRef } from 'src/types/common';
 import { IShopInfo } from 'src/types/baemin';
-import shopSample from 'src/mocks/shop-sample.json';
+import shopSample from 'src/mocks/shop-sample';
 
 const sampleEvent: IEventInfo = {
   title: '샘플 식사 이벤트',

src/lib/api/index.ts

@@ -1,5 +1,4 @@
 import apiReal from './api';
 import apiMock from './api-mock';
 
-// TODO: 트리쉐이킹 되게 수정
 export default process.env.REACT_APP_USE_MOCK === '1' ? apiMock : apiReal;