vue.js 하면서 배운 것

v-for 반복문 돌릴 때 유의할 점

v-for를 돌릴 때에 스코프 잘 잡아야함
li를 반복 시켜야 하면 vfor의 기준을 li로 잡아야 한다.
ul로 잡으면 반복시켰을 때 ul-li가 같이 돌아서 css가 짜부러진다.

<ul>
  <li v-for="(item, i) in List" :key=`i`> </li>
</ul>

데이터가 바뀔 때 마다, 작동해야하는 라이브러리들의 타이밍

created() {}, mounted() {}에서 데이터가 아직 바인딩이 되지 않았다면 watch: {}에서 데이터 변화를 감지 시켜서 바인딩 시킨다.

int 숫자, string '숫자' 변환하기

서버에서 보내주는 숫자의 타입을 잘 확인한 뒤에
클라이언트에서 보여 줄 형식으로 함수들을 잘 사용한다

parseInt(string'숫자')

스트링 -> 인트 변환 '12,900' > 12900

✅ 만약 parseInt 함수가 특정 진수를 나타내는 숫자가 아닌 글자를 마주치게 되면, 이 글자와 계속되는 글자들은 전부 무시되며, 파싱된 정수값을 리턴합니다. parseInt 함수는 정수값으로 숫자를 잘라버립니다. 맨 앞의 공백과 그 뒤의 공백들은 허용됩니다.
🌐 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/parseInt

Math.abs(int숫자)

음수형 수를 정수형으로 표기한다. 절댓값으로 표기.

new Date()함수로 시간 찾기

!!

a가 undefined일 때,
!a 는 true, !!a는 false
a가 true, null일 때도 사용가능.
약간 이중부정으로 값을 낼 수 있다.
null이랑 undefined로 값 체크 할 때 쓸 수 있을 것 같다.