Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 스크롤 이벤트
- angular button
- TAILWIND
- 아이오닉 스크롤 이벤트
- 호버
- angular route
- 셀렉트박스 커스텀
- Router
- 스크롤 이벤트 감지
- summary
- Oracle LISTAGG 사용 예시
- modal
- route
- ApexChart
- angular modal
- formgroup
- 앵귤러 모달
- ajax 사용 예시
- scroll
- mysql if
- Angular Router
- angular animation
- 앵귤러 애니메이션
- prisma
- Ionic modal
- egov spring ajax 사용 예시
- flex-1
- 검색
- 모달
- 옵저버블
Archives
- Today
- Total
깜놀하는 해므찌로
typescript mock data 생성 예시 / fake 한글 이름 랜덤 생성 본문
반응형
SMALL
pizzaNames = [
'콤비네이션피자L',
'불고기피자L',
'바베큐치킨L',
'페파로니피자L',
'치즈피자L',
'야채피자L',
'베이컨포테이토L',
'고구마무스L',
'핫불고기L',
'핫치킨L',
'하와이언',
'불갈비L',
'그릴드포크',
'멜팅치즈&스테이크L',
'쉬림프베이컨L',
'킹프런&비프크럼블L',
'리얼스테이크&깐쇼L',
'트리플킹',
];
createMockData() {
let arr: Order[] = [];
for (let i = 0; i < 100; i++) {
let order: Order = {
sequence: sequence,
ordererId: 'kimpizza',
branchName: branchName,
ordererName: `${faker.name.lastName()}${faker.name.firstName()}`,
product:
this.pizzaNames[Math.floor(Math.random() * this.pizzaNames.length)],
price: '39,000',
state: state,
createdAt: dayjs()
.subtract(Math.abs(Math.random() * 100), 'day')
.toDate(),
updatedAt: dayjs()
.subtract(Math.abs(Math.random() * 100), 'day')
.toDate(),
};
this.items.push(order);
}
this.items.sort((a: Order, b: Order) => b.sequence! - a.sequence!);
localStorage.setItem(ORDER_KEY, JSON.stringify(this.items));
}
반응형
LIST
'IT' 카테고리의 다른 글
Prisma Connect 설명 (0) | 2023.06.22 |
---|---|
Angular parameter prams router data pass example 두가지 방법 (0) | 2023.06.21 |
Angular hover 시 목록 값 보여주기 예시 / 마우스 호버 (0) | 2023.06.21 |
Input type date appearance none 설정 예시 / date mark remove / date mark none (0) | 2023.06.21 |
Angular 게시판 탭 Tab 예시 (0) | 2023.06.20 |