일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 스크롤 이벤트 감지
- Oracle LISTAGG 사용 예시
- ajax 사용 예시
- mysql if
- 스크롤 이벤트
- modal
- 앵귤러 모달
- 모달
- Router
- summary
- flex-1
- angular animation
- 아이오닉 스크롤 이벤트
- 옵저버블
- Angular Router
- formgroup
- route
- angular button
- 검색
- 호버
- prisma
- angular modal
- Ionic modal
- scroll
- TAILWIND
- 셀렉트박스 커스텀
- egov spring ajax 사용 예시
- angular route
- 앵귤러 애니메이션
- ApexChart
- Today
- Total
목록분류 전체보기 (599)
깜놀하는 해므찌로
1. tailwind CSS 는 모바일에 최우선적으로 적용된다는 점을 반드시 알고 있어야 합니다. 2. flex-col 세로 정렬, flex-row 가로 정렬 3. md: 스크린이 미디움 사이즈 (약 768p) 이상인 경우 flex:row 를 적용! 그 미만은 flex-col 세로 정렬하도록 합니다.
plotOptions: { bar: { horizontal: true, barHeight: '80%', borderRadius: 6, // rounded 조절 borderRadiusWhenStacked: 'all', // 적용 범위 }, },
1. img 태그를 한 번 더 div 로 감쌉니다. 2. rounded 효과를 주고 이미지 크기가 서로 다를 경우를 대비하여 div 내부 즉 이미지 크기를 w, h max 최대치로 설정 3. overflow-hidden 크기를 초과하려 넘어갈 경우 숨기기
https://www.typescriptlang.org/docs/handbook/2/generics.html Documentation - Generics Types which take parameters www.typescriptlang.org function loggingIdentity(arg: Array): Array { console.log(arg.length); // Array has a .length, so no more error return arg; } 1. 값이 아닌 타입을 파라미터처럼 전달하여 사용할 수 있습니다.
content 1. 기본적으로 justify-center, items-center 도 있지만 중요한 건 mx-auto 와 w-5/6 입니다. 2. 자동으로 x축 마진을 잡아주고 사이즈 자체를 1이 아닌 5/6 으로 줄였으므로 자동으로 가운데로 배치가 되도록 합니다.
1. gradtion : 가독성을 위해 그라데이션 영역이라고 알려주기 위해 지정한 이름입니다. 어떠한 기능도 하지 않습니다. 2. bg-gradient-to-t : ~로 향하다, 즉 top 으로 향하는 방향 3. bg-gradient-from : ~로 부터, from-색상 4. absolut: 상단 하단에 완전 고정하기 위해 설정 5: w-full: width:100% 6: bottom-0 : 그라데이션 절대값 고정 7. h-36 : 그라데이션 height 8. z-50 : z-index 요소 높이 정렬, 가장 위로!