본문 바로가기
728x90
반응형

개발/script9

[script] 디자인패턴 기본기 정리 - SOLID 법칙 https://youtu.be/4O6k9GN8FPo?si=ji-jjOpZPv5kbuuc  >> 이 강의를 토대로 정리했습니다. 예제는 클로드를 통해 정리했습니다. 강의 정말 좋습니다 추천~   SOLID 원칙 1. Single Responsibility principle (SRP, 단일 책임 원칙)2. Open/ closed principle (OCP, 개발 / 폐쇄 원칙)3. Liskov substitution principle (LSP, 리스코프 치환 원칙)4. Interface segregation principle (ISP, 인터페이스 분리법칙)5. Dependency inversion principle (DIP, 의존성 역전 법칙)   1. Single Responsibility principl.. 2025. 1. 10.
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.
728x90
반응형