백엔드 RESTfulAPI 데이터를 가공하는 방법
2023. 5. 10. 10:12
개발이야기/React.js
API를 사용하다 보면, 필요한 부분만 추출하거나 가공해야 하는 경우가 종종 발생합니다. 이번엔 월별 데이터와 학기별 데이터를 가져와 1학기, 2학기, 학기별 총계와 전체 총 합계를 계산하는 기능을 만들어보겠습니다. 배열 메소드를 사용한 데이터 처리 제가 주로 사용하는 방법으로는 필요한 데이터만 추출하기 위해 API에서 데이터를 받아오는 함수에서 배열 메소드를 사용하는 방법입니다. 처음에는 API로부터 데이터를 받아올 때, 원하는 데이터 키 값만 추출하여 가져오면 데이터 처리 속도가 빨라지지 않을까 생각했습니다. 하지만, RESTful API를 사용할 때 데이터 처리 속도는 크게 달라지지 않습니다. 서버(백엔드)에서 데이터를 클라이언트에 전달하기 전 이미 필터링 및 가공이 완료된 상태로 전달되기 때문입니..
[알고리즘 문제] 5-2번
2022. 6. 17. 15:46
알고리즘
공통원소 구하기 A, B 두 개의 집합이 주어지면 두 집합의 공통 원소를 추출하여 오름차순으로 출력하는 프로 그램을 작성하세요. ▣ 입력설명 첫 번째 줄에 집합 A의 크기 N(1
[알고리즘 문제] 5-1번
2022. 6. 17. 15:26
알고리즘
두 배열 합치기 오름차순으로 정렬이 된 두 배열이 주어지면 두 배열을 오름차순으로 합쳐 출력하는 프로그램 을 작성하세요. ▣ 입력설명 첫 번째 줄에 첫 번째 배열의 크기 N(1
[알고리즘 문제] 4-4번
2022. 6. 16. 12:05
알고리즘
졸업 선물 선생님은 올해 졸업하는 반 학생들에게 졸업선물을 주려고 합니다. 학생들에게 인터넷 쇼핑몰에서 각자 원하는 상품을 골라 그 상품의 가격과 배송비를 제출하라 고 했습니다. 선생님이 가지고 있는 예산은 한정되어 있습니다. 현재 예산으로 최대 몇 명의 학생에게 선물을 사줄 수 있는지 구하는 프로그램을 작성하세요. 선생님은 상품 하나를 50% 할인해서(반 가격) 살 수 있는 쿠폰을 가지고 있습니다. 배송비는 할인에 포함되지 않습니다. ▣ 입력설명 첫 번째 줄에 반 학생수 N(1
[React] sort 함수를 활용한 데이터 정렬 방법과 state 연동하기
2022. 5. 26. 03:16
개발이야기/React.js
sort 함수로 정렬 바꾸기 => sort는 기본적으로 아무것도 적지않으면 오름차순을 정렬시킨다. (한글, 영어, 숫자 모두) 하지만 숫자는 1, 5, 7, 9, 10 이라는 숫자가 있을때, 컴퓨터는 10이라는 숫자를 10으로 인식하지 못한다. 첫글자만 보고 1, 10, 5, 7, 9로 정렬함. 숫자 데이터의 정렬을 만들던 중... 📌작성코드 import { useState } from "react"; import ReviewList from "./components/ReviewList"; import items from "./mock.json"; const App = () => { const [order, setOrder] = useState("createdAt"); const sortedItems =..