728x90 반응형 개발/script&vue&react4 null vs undefined 차이 1. undefined 보통 값이 존재하지 않을 때 자바스크립트 엔진이 자동으로 부여한다. 아래의 경우에 undefined로 뜬다.(1) 값을 대입하지 않은 변수에 접근할 때(2) 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때(3) return 문이 없거나 호출되지 않는 함수의 실행 결과 2. null비어있음을 명시적으로 나타내고 싶을 때는 undefined가 아닌 null을 사용해야합니다.null은 이런 용도로 만든 데이터 타입입니다. *typeof를 비교할시에는 (==)를 사용하면 null과 undefined가 서로 같다고 판단합니다.(===)를 사용해야만 정확히 판별이 가능합니다! 2024. 12. 31. 데이터 타입의 종류 자바스크립트 데이터 타입에는 두가지가 있다. 1. 기본형NumberStringBooleanNullUndefinedSymbol 2. 참조형 - ObjectArrayFunctionDateRegExpMap, WeakMapSet, WeakSet 기본형과 참조형을 구분하는 기준은?일반적으로 기본형은 할당이나 연산 시 복제되고 참조형은 참조된다고 알고 있겠지만, 둘 모두 복제를 하긴 한다.기본형은 주소값을 바로 복제, 참조형은 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제함. 기본형은 불변성을 띈다. 불변성을 띄는 이유는?할당과정을 보면 알수있다. 변수에 데이터를 할당 할 때, 직접 저장하지 않는다. 데이터를 저장하기 위한 별도의 메모리 공간을 다시 확보해서 데이터를 저장합니다!>> 기존 데이터에 어.. 2024. 12. 30. vue3 스크롤 페이지네이션 template> div class="pagination"> 스크롤 페이지네이션 li v-for="item in dataList" :key="item.id">{{ item }}li> div>template>script>import { onMounted, reactive } from 'vue';import { paging } from '@/composables/paging';import { useStore } from 'vuex';export default { setup() { // page 10개씩 api 찌를 수 있는 상황일시, // pageNumb 0 ~ 숫자 올라감. const pageNationData = [{ id: 0, data: '제목1', .. 2024. 12. 29. [vue.js] v-if, v-show 차이점, 사용해야 할 타이밍 v-if조건을 만족하면, 그 순간 html 블록이 생긴다.조건을 만족하지 않으면 html 삭제된다.해당 토큰이 일어날때, v-show 보다 더 많은 자원을 사용하게 됩니다.생성-삭제 반복 v-show조건 만족 여부에 상관없이 html 블록이 미리 생성됩니다.조건을 만족하면 css display를 이용해서 화면에 보이게 됨.조건을 만족하지 않으면 화면에서 숨겨집니다. -->두 가지 방식은 렌더링 방식이 다릅니다. 결론적으로해당 html 블록이 화면내에 자주 toggle이 일어나면, v-showtoggle이 일어나는 빈도가 적다면 v-if가 적합합니다.현업에서 사용할때는 사실 정신이 없어서, 고려를 하지 않는 사항..코드 퀄리티를 생각하면 확실히 기억해둬야하는 부분입니다ㅠㅠ^^맨날 까먹어서 여기 기록해둡니다.. 2024. 12. 28. 이전 1 다음 728x90 반응형
