일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- angular button
- 앵귤러 모달
- formgroup
- Oracle LISTAGG 사용 예시
- flex-1
- 검색
- Ionic modal
- egov spring ajax 사용 예시
- ApexChart
- angular animation
- ajax 사용 예시
- 스크롤 이벤트
- Angular Router
- 호버
- angular route
- route
- prisma
- 옵저버블
- 스크롤 이벤트 감지
- scroll
- modal
- 아이오닉 스크롤 이벤트
- Router
- TAILWIND
- angular modal
- summary
- mysql if
- 앵귤러 애니메이션
- 모달
- 셀렉트박스 커스텀
- Today
- Total
목록전체 글 (599)
깜놀하는 해므찌로
// Importing required modules and functions import fs from 'fs'; import { join } from 'path'; import { exit } from 'process'; import { Worker, isMainThread, workerData } from 'worker_threads'; import { upload } from './upsert'; // Define the directory path for the files const directory = join(__dirname, '..', process.env.FOLDER_NAME || 'data'); // Read the file names in the directory const fileN..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bUKzcl/btsjaxyX5G3/j3YILlpMfOXrIelK8ksODk/img.png)
1. Qurey 클릭 CREATE SEQUENCE my_seq; DROP SEQUENCE my_seq; 2. 시퀀스 생성 select setval('my_seq', 1, false) 3. 시퀀스 초기값 설정 false 를 할 경우 nextval 사용 시 최초 1부터 시작, true 는 2부터 시작 4. run 쿼리문 실행 5. 이제 테이블로 돌아와서 우클릭 design table 선택 6. seq 설정할 컬럼 선택 후 default 설정 nextval('my_seq'::regclass) 입력 7. 만일 위 방식이 안 되면 nextval('my_seq') 이렇게만 입력하세요.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/buMwM5/btsjInPBWOh/46NcVMvCjIdi17fvDPTu31/img.png)
1. NX 모노레포를 활용하기 위해 클라이언트 즉, 프론테엔드 단을 프로젝트 내에 위 이미지처럼 추가해 보겠습니다. npx nx generate @nx/angular:application client --directory=apps/client --routing --standalone --addTailwind --no-interactive --dry-run 2. 명령어 상세 설명 - `npx`: This is a command-line utility that allows you to run locally installed Node.js packages. - `nx`: It refers to the Nx CLI tool used for managing projects within a monorepo. Com..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bBZmOY/btsjaJTslzj/nysY7C8taSqUtMBGWHxCLk/img.png)
https://www.data.go.kr/data/15063424/fileData.do 국토교통부_전국 법정동_20221031 우리나라의 법정 구역으로 법률로 지정된 일정한 명칭과 영역을 지닌 구역으로 토지행정시스템에서 사용하는 법정동 데이터임. www.data.go.kr 1. 법정동 공공 데이터 excel 다운 받습니다. 2. 가장 위에 한글로 되있는 부분을 나중에 생성할 DB 컬럼과 동일하게 맞춥니다. 3. file - Save AS 4. Browse 5. 다운 받은 파일 선택 후 CSV UTF-8 설정 (한글 변환을 위해) 6. 파일명도 한글이나 특수기호가 있다면 영어로 수정하세요! 7. 이제 해당 테이블로 돌아가서 마우스 우클릭 후 import wizard 8. csv 선택 후 나머지는 쭉 nex..
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); // 이동 거리를 조정하여 원하는 속도로 설정 } } .animate-bounce { animation: bounce 5s infinite; // 애니메이션 지속 시간을 조정하여 원하는 속도로 설정 } 1. tailwind 에서 제공하는 animate-bounce 효과를 커스텀하여 구름 효과로 만드는 예시 (css, scss) 2. 템플릿 예시
1. 일반 if else 와 동일하게 동작합니다. 2. else 변수명 : 사용 시 반드시 으로 명시해야 하며, ng-template 태그를 사용해야 합니다.
export const bounce = [ trigger('bounce', [ state('true', style({ transform: 'translateY(0px)' })), state('false', style({ transform: 'translateY(-20px)' })), transition('* *', [animate('{{ duration }}ms')], { params: { duration: '2000' }, }), ]), ]; 1. trasition : * * 무한 반복을 위해 사용합니다. 어떤 상태값으로 이동하던 발동되도록 설정 2. duration 파라미터를 사용하며 기본 값 2000ms 설정 import { bounce } from '../../animations/scroll-an..