분류 전체보기 1088

[Vue 실무 피드백] Vue Data & Watch / null 과 undefined 의 차이

핵심 Keyword1. 2. 3. Data 와 Watch 에 대한 고민 Vue 개발을 할 때, 지양해야하는 개발 습관 중 하나가 data와 watch 를 늘리는 것이라는 피드백을 받았다. 간단한 기능 개발 업무를 부여받았는데, 조건에 따른 처리가 필요한 기능 개발이었다. 그래서, data 를 생성하고 watch 를 통해 처리를 했는데, 이런 개발은 굉장히 지양할 필요가 있다는 것이었다.이유는 간단하다. 애플리케이션의 리소스를 잡아먹는 것들이기 때문이다. 실제로, 나는 조건문을 위한 데이터를 생성해서 처리를 하였는데, 이미 다른 data 의 상태 조회를 통해 같은 기능을 구현할 수 있었다. 그래서 가능하다면 이미 생성되어 있는 data 들을 통해서 처리할 수 있는 방법을 고민해보고 기능을 구현하는 것이 더..

[ 자주 쓰이는 자바스크립트 Array 함수 2 ] pop, shift, unshift, slice, splice

핵심 Keyword1. 출처 : https://velog.io/@saemileee/JavaScript-%EC%9E%90%EC%A3%BC-%EC%93%B0%EC%9D%B4%EB%8A%94-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-%ED%95%A8%EC%88%98-5%EA%B0%9C-1%ED%83%84-push-forEach-filter-map-reduce2. 3.  pop( ) pop( ) 은 배열의 마지막 요소를 제거하는 함수인데요. 마지막 요소를 제거하고 제거한 요소를 반환하는 특징을 가지고 있습니다. 빈 배열에 pop( )을 사용했을 때는 undefined 를 리턴합니다. let arr = [1, 2, 3];let result = a..

[ 자주 쓰이는 자바스크립트 Array 함수 5개 ] push, forEach, filter, map, reduce

핵심 Keyword1. 출처 : https://velog.io/@saemileee/%EC%A7%80%EA%B8%88-%EB%93%A3%EA%B3%A0-%EC%9E%88%EB%8A%94-%EA%B0%95%EC%A2%8C%EB%93%A4-%ED%88%AC%EB%91%90%EB%A6%AC%EC%8A%A4%ED%8A%B8-SPA2. 3. 들어가기 오늘은 JS 가 Array 데이터 형태에 대해서 기본적으로 제공하는 함수 중에서 많이 사용되는 것들에 대해서 살펴보고자 합니다. JS 는 Array 를 효율적으로 가공하기 위해서 많은 내장함수를 제공하는데요. 대표적으로, 검색한 결과에 해당하는 것만 Array 에 남기기 위해서는 어떻게 해야할까요? JS Array 함수에 익숙하지 않다면 굉장히 어려운 일이 될 수 있습..