JavaScript4 객체 배열의 중복 제거 (filter, findLastIndex 메서드) 오늘은 객체 배열의 데이터에서 중복되는 객체의 값이 있을 때 원하는 조건으로 중복을 제거하는 방법에 대해 적어보려고 한다. 프로젝트를 진행할 때 OTT별 영화 데이터를 홈 화면에 보여줘야 했는데, 처음엔 영화 순위를 기준으로 화면에 렌더링 되도록 코드를 작성해 뒀다. 하지만 하루에 한번씩 크롤링을 통해 새로운 영화가 쌓이게 되고 나니 중복되는 순위의 영화는 중복으로 나타나게 되고 심지어 순서도 뒤죽박죽이 되는 점을 확인할 수 있었다. 현재 코드에서는 데이터를 받아오는 형태는 객체 배열이고, 정렬 조건은 먼저 OTT별 영화 순위, 중복되는 순위가 있다면 수정 시간이 최근인 데이터를 보여주도록 하는 과정이 필요했다. 검색해 보니 javascript에서 객체 배열 중복을 없애는 방법은 여러가지가 있었다. 1... 2023. 2. 17. 프로토타입과 클래스, 프로토타입 체인 오늘은 JS의 OPP(객체지향 프로그래밍)하면 함께 나오는 프로토타입에 대해서 적어보려고 한다. 프로토타입 JavaScript는 프로토타입(Prototype) 기반 언어로 객체를 상속하기 위해서 프로토타입의 방식을 사용한다. 이전에는 js에서 클래스라는 개념이 없었기에 객체지향 프로그래밍은 주로 프로토타입을 통해 이루어졌다 ES6에 class 문법이 생겼지만 자바스크립트는 여전히 프로토타입기반 언어이다. mdn같은 곳에 메소드에 대해 찾아 볼 때면 arr.prototype.push ()등으로 표현되어 있는 것을 볼 수 있다. 이 이유는 상속되는 속성과 메소드들이 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의되어 있기 때문이다. 프로토타입 체인 자바스크립트는 특정 객체의 메소드에 접.. 2022. 9. 22. javascript 무료강의 추천( 노마드 코더 JS챌린지 후기)+edwith(HTML+CSS) 코딩학원을 등록하기 전, 코딩에 대해 간단하게 맛?을 보기 위해 무료 강의를 신청했어요. 백앤드. 프론트앤드, 서버 등 포지션은 많고 그에 따라 배워야하는 언어도 많은지라 무턱대고 선택이 힘들었어요. 또, 업종을 바꾸는 입장에서 내가 코딩이랑 맞는지 사전 점검이 필요하다고 느꼈기 때문에 주변 추천으로 javascript로 강의를 들어보기로 했습니다 무료 강의였으며 단기간에 기초를 배울 수 있는 강의였기 때문에 부담이 크지 않았고, 많은 국비 학원에서 java, javascript를 강의하는 것같아 선택하게 되었죠 게다가 노마드코더는 챌린지를 통해 완강을 할 수 있도록 이끌어주는 면에서 해볼만하다고 생각했어요 !! 결과부터 말씀드리자면.. 완강했습니다!! 강의도 완강하고 챌린지도 통과하고 ,,ㅎㅎ 제가 했.. 2022. 3. 16. visual studio설치+ HTML 자동완성 안되는 경우 오늘은 visual studio 설치와 제가 해맸던 상황에 대해서 써보려고 합니당 VS 프로그램은 이곳에서 다운받을 수 있어요 코딩하는 지인의 말에 따르면 나중에 국비 학원다녀도 이 프로그램은 계속 쓰게 될 수도 있다고 하더라구요 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Li.. 2022. 1. 7. 이전 1 다음 728x90 반응형
