| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Robo3T 폰트 키우기
- 가상컴퓨터마법사
- sql like연산자
- ubuntu타임존
- ...점점점문법
- 문자열 인터폴레이션
- Robo3T 폰트변경
- sql 문자열 패턴 검색
- 배열을 객체로
- 객체의키값만 찾기
- 우분투 시간 변경
- js 문자열을 문자배열로
- 객체의 밸류값만 찾기
- search()
- 스프링 데이타 JPA
- 리엑트블로거
- Robo3T 글씨키우기
- 시퀄 문법
- lastIndexOf()
- 5.3.8 Modifying Queries
- 코딩 어?
- 깃 토큰 만료
- ${변수}
- 레디스 확인
- 객체를 배열로
- 프론트엔드 스쿨
- @Moditying @Query
- findIndex()
- Robo3T 글씨체 변경
- indexOf()
- Today
- Total
목록2024/10/10 (2)
코딩기록
CSS) ::before & ::after 가상요소 transition 적용 / content 속성은 opacity, visibility, transform을 모두 적용 해야 애니메이션 가능✅
마우스가 호버 됐을 때 버튼이 변경되면서 transition을 적용하는 css를 작성 중이다. 전체를 .cardWrap으로 감싸고 총 세줄의 상품 카드가 있고 .imgCard라는 div 컨테이너 안에 a > img > span의 구조로 되어있다.[ html ] ..
css) div안 이미지 가운데 정렬하기(수평 중앙, 수직 중앙)
1. text-align: center;와 같은 블록 레벨 컨테이너 안에 있을 때만 작동. 2. margin: auto;margin: auto;는 인라인 요소에 영향을 미치지 않는 특징이 있다. 태그는 인라인 요소라 블록레벨로 바꾼 다음 margin: auto;를 적용해야한다.img { margin: auto; display: block;} 여기에서 너비를 주면 100%는 가득 차고 그 보다 낮으면 이미지 좌,우 마진이 빈 공간에 자리를 잡아 자동으로 가운데 정렬이 된다. 덧), 개인적으로 이방법이 제일 편했다. 3. display: flex;컨테이너 요소에 text-align 속성을 사용했던 것 처럼 컨테이너에display: flex를 사용하..