반응형
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 |
29 | 30 | 31 |
Tags
- v-html
- vuex
- 자료구조
- 자바스크립트
- App.vue
- nodejs
- react
- CSS
- HOC
- event
- webpack
- ES6
- Vue
- storybook
- jsx
- input
- mapGetters
- Vue.js
- scss
- Vue transition
- TypeScript
- sass
- 리액트
- Wecode
- 댓글달기
- 쉬운설명
- JavaScript
- State
- express
- MySQL
Archives
- Today
- Total
익명의 개발노트
[Wecode 63일차] fieldset , legend Tag, key pad 리팩토링 본문
반응형
1. fieldset과 legend Tag
기업협업간 러시아 형님께서 사용하신 코드임. 내가 리팩토링간 지워버림.
아주 강력한 기능이다.
fieldset을 사용하면 그 안에 있는 html을 그룹핑 시켜버리는 기능이다. 조절하기 매우 힘듬.
legend는 fieldset의 제목을 달아주는 것이고, 고정되서 움직이기 매우 힘듬.
position : absolute로 옮길 수 있으나, 그래봤자 fieldset 내부에서 움직인다.
좀더 빨리 검색해볼껄.... 하....처음보이면 무조건 검색 ㄱㄱ!
2. key pad 리팩토링
이미지 넣는 것은 문제안됨. 다만 우측 하단 00과 DONE으로 된부분은 관계설정을 잘해주어야 둘다 클릭이 된다.
맨첨에 DONE의 z-index를 -1로 해서 맨 아래 깔았다가 클릭안되는 현상 발견..
00의 z-index를 1로 주고, DONE의 z-index를 0으로 해주면 해결.
반응형
'코딩일기 > TIL' 카테고리의 다른 글
[Wecode 65일차] css 세로 가운데 정렬 (0) | 2019.08.07 |
---|---|
[데이터베이스] 삽입, 삭제하기. (0) | 2019.08.04 |
[Wecode 62일차] fullscreen 이슈 (0) | 2019.08.01 |
[Wecode 61일차] css 우선순위, line style function call, react-range (0) | 2019.07.31 |
[Wecode 55일차] 카카오 로그인, state (0) | 2019.07.26 |
Comments