2022/07/09 4

vueJsvue js 기본 // 애니메이션 주기 & 정렬버튼

## 애니메이션 원하는 html을 transition으로 감싸줌. 감싼후 이름을 정해줌(내맘대루) 스타일태그에 가서 .fade-enter-from{ opacity: 0; } .fade-enter-active{ transition: all 0.5s; } .fade-enter-to{ opacity: 1; } 이렇게 작명-머머머머-머머머머 이 세개 만들어주고 from에는 나타나기전, to에는 나타난 후, active에는 transition속성으로 걸리는시간. 사라지는건 enter대신 leave쓰면됨 .fade-leave-from{ opacity: 1; } .fade-leave-active{ transition: all 0.5s; } .fade-leave-to{ opacity: 0; } 난 그냥 css로하는건 ..

카테고리 없음 2022.07.09

vueJsvue js 기본 // 인풋창 & watch

# 인풋창에 입력한 값 Month : {{monthChosen}} 개월 선택할거야? {{monthChosen * products[now].price }}원 인풋값에 입력한값은 monthChosen이란 데이터값에 저장된다. 그리고 데이터에 data(){ return{ monthChosen : 1, dataa : '', } }, 이렇게 monthChosen은 기본값 1로 해놨다. 그리고 p태그들 안에서 데이터를 사용하면 된다. # 축약버전 {{dataa}} dataa라는 키값에 인풋값을 자동으로 저장해줌. v-model.number하면 받은 인풋값을 숫자로 저장해줌. ## watcher사용 (인풋값 감시) monthChosen의 인풋값에 숫자만 와야함. data(){ return{ monthChosen : ..

javaScript/vueJs 2022.07.09

MYSQL // CRUD 작업

# 데이터 입력 insert into nodejs.users (name, age, married, comment) values ('one', 20, 0, 'introduce myself one'); 이렇게 데이터 입력하면 입력됨 id는 알아서 생겨서.. create_at도 자동으로 now()해놔서 알아서 생김. 근데 여기서 만약 중복된값을 적었을때 id는 auto_increment가 작용해서 오류뜬 코드에서도 상승되어버린다. 예를들어 이렇게 123 유저를 만들었다. 여기서 3유저 코드를 세번 insert해보자. 에러코드가 뜨면서 name컬럼에 중복값이 있다고 세번 거부됬다. 그럼 여기서 four유저를 넣어보자. four유저가 들어갔는데 id값이 7이 됬다. 즉 아까 오류가 세번 뜨면서 인덱싱은 4,5,6..

database/MYSQL 2022.07.09