본문 바로가기

JavaScript6

스프레드연산자(...) export interface Pagination { page?: number; rowsPerPage: number; rowsNumber?: number; sortBy?: string | null; descending?: boolean;}const pagination = ref({ page: 1, rowsPerPage: 10, sortBy: 'SEQ', descending: false,}); pagination.value = { ...pagination.value, rowsNumber: totalCount.value, };프로젝트 중 발견한 코드에 이런 코드가 있었다.내가 작성한 코드는 아니었고, 처음 공지사항을 만들고 있을 때, pagina.. 2025. 1. 31.
DOM, BOM, JavaScript 쉽게 이해하기 이전에 썼던 글에서 자바스크립트에 대한 나의 반성이 있었다. 나같은 프런트엔드 개발자는 DOM, BOM, JavaScript와 떨어질래야 떨어질 수 없는 사이지만,나는 제대로 이해하지 못한 프런트엔드 개발자,,자바스크립트를 다시 공부하면서 DOM, BOM, JavaScript에 대해서 제대로 이해하는 시간을 가졌고,나만 알면 쓰나!! 내가 설명할 줄 모르면 모르는거다!! 라는 마음으로 유치원생도 이해할 수 있을 만큼 쉽게 설명해보고자 한다.더보기목차1. DOM2. BOM3. Window4. 그래서 얘네들 관계가 어떻게 되는데?🤓 DOM(Document Object Model, 문서 객체 모델)DOM은 웹 페이지의 컨텐츠, 구조, 스타일 요소를 구조화한 문서 객체 모델이다.자바스크립트를 통해 DOM에 접.. 2025. 1. 10.
자바스크립트 아는 줄 알았는데요. 몰랐습니다. 오늘의 주제는 말 그대로'아는 줄 알았는데요. 몰랐습니다.'입니다. 국비학원 다닐 때부터 자바스크립트는 잘 모르겠다고 해야 하나..딱 처음에 배운 게 DOM이었던 것 같은데 이미 DOM부터 이해하기 어려웠고, 나 백엔드 할 거니까!!! 자바스크립트 몰라도 괜찮아!!!! 를 외치면서.. 자바스크립트를 버렸..? 소홀히 했다...! 하쥐만.. 취업해 보니 나의 일은 프런트엔드,,,,울며 겨자 먹기로 자바스크립트 그래도 대충.. 어느 정도는 할 줄 알잖아,,,!!! 하면서 코딩을 했다. 그래도 이래저래 구현을 하긴 했는데,,!!코드리뷰하면서, 팀장님이 vue나 react에서 제공하는 기능으로 코딩하는 것보다는 자바스크립트로 코딩해야 나중에 다른 언어로 프로젝트를 진행하게 되었을 때 코드를 재사용할 수 있다는 .. 2025. 1. 9.
undefined와 null 자바스크립트에서 undefined와 null 모두 값이 없음을 의미하지만 사용 목적에 차이가 있다.undefined는 변수를 선언만 하고 초기화하지 않았을 때 시스템이 할당하는 변수의 기본값이다.null은 변수가 존재하고 해당 변수에 null값을 할당한 상태이다.null은 직접 할당하기 때문에 변수에 값이 없음을 의도적으로 나타낼 수 있다.* typeof null을 사용하면 null의 타입이 object로 표시되는데, 이것은 언어 설계 초기의 버그 때문이다.변수의 값이 null인지 확인할 때는 일치연산자(===)로 null과 같은지 명시적으로 확인한다. 2024. 12. 31.