본문 바로가기 하단메뉴 바로가기

[HD]프런트엔드(Front-end) 실무 따라하기 Part.4 JSON 서버 페이징 및 정렬

[HD]프런트엔드(Front-end) 실무 따라하기 Part.4 JSON 서버 페이징 및 정렬 대표 이미지
학습시간
592분 (총25강)
수료기준
진도율 100% 이상
수강대상
전 직원
좋아요
21
찜하기
0

과정소개

본 과정은 프런트엔드 실무 따라하기 과정으로써 실무에서 많이 사용하는 JSON 서버 기반의 REST API 웹서비스 구축하기에 대해서 학습합니다.

학습내용

  • 1 JSON 서버에서의 페이징(Pagination) 구현(1) - 개요 31분
  • 2 JSON 서버에서의 페이징(Pagination) 구현(2) 28분
  • 3 JSON 서버에서의 페이징(Pagination) 구현(3) 18분
  • 4 JSON 서버에서의 페이징(Pagination) 구현(4) - 페이징 초깃값 설정 20분
  • 5 JSON 서버에서의 페이징(Pagination) 구현(5) - 현재 페이지 구하기1 26분
  • 6 JSON 서버에서의 페이징(Pagination) 구현(6) - 현재 페이지 구하기2 25분
  • 7 JSON 서버에서의 페이징(Pagination) 구현(7) - 마지막 페이지 삼항 연산자 조건 처리 25분
  • 8 ID 값만으로 현재 페이지 정보 구하기(1) 29분
  • 9 ID 값만으로 현재 페이지 정보 구하기(2) 23분
  • 10 ID 값만으로 현재 페이지 정보 구하기(3) 30분
  • 11 Sort 정렬(1) - 기본 정렬 26분
  • 12 Sort 정렬(2) - 비교 함수 전달 24분
  • 13 Sort 정렬(3) - 기타 정렬 및 오름차순과 내림차순 24분
  • 14 Sort 정렬(4) - 대소 비교를 통해서 정렬하기 29분
  • 15 Sort 정렬(5) - 객체 정렬 18분
  • 16 Sort 정렬(6) - 대소문자 구분없이 정렬하기 20분
  • 17 JavaScript 정렬 라이브러리 lodash 기본 사용법1 - orderBy 31분
  • 18 JavaScript 정렬 라이브러리 lodash 기본 사용법2 - sortBy 20분
  • 19 a와 b가 같은 값인 경우에 대한 삼항 연산자 사용법1 27분
  • 20 a와 b가 같은 값인 경우에 대한 삼항 연산자 사용법2 18분
  • 21 lodash의 유용한 정렬 메서드1 15분
  • 22 lodash의 유용한 정렬 메서드2 - groupBy 첫 번째 예제 30분
  • 23 lodash의 유용한 정렬 메서드3 - groupBy 두 번째 예제 vs sumBy 메서드 21분
  • 24 lodash의 유용한 정렬 메서드4 - uniqBy 메서드 7분
  • 25 lodash의 유용한 정렬 메서드5 - unionBy 메서드 27분

수강후기 4.3 (3개의 후기)

2025-09-26
JSON 서버를 활용한 페이징과 정렬 구현 방법을 바로 업무에 적용할 수 있어서 유용했습니다. 짧은 시간에 핵심만 정리돼 실무에 큰 도움이 되었습니다.
비공개
2025-10-31
JSON 서버를 활용한 페이징과 정렬 구현을 실제 프로젝트에 바로 적용할 수 있게 정리해 줘서 큰 도움이 되었습니다. 짧은 시간 안에 핵심 개념을 명확히 이해할 수 있어 실무에 바로 활용하기 좋았어요. 전체 흐름이 체계적으로 구성돼 있어 만족스러운 학습이었습니다.
비공개
2025-01-22
실무에 바로 적용할 수 있는 JSON 서버 페이징과 정렬 구현 방법을 구체적으로 배워서 프로젝트에 바로 활용했습니다. 짧은 시간 안에 핵심 개념을 정리해 줘서 이해도가 높아졌습니다. 실전 예제로 구성된 내용이 정말 알찬 경험이었습니다.
비공개