Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 프로그래머스코테
- 개발자
- 코딩테스트
- 코테공부
- 정보처리기사
- next.js 에러
- 프로그래머스 코딩테스트
- 1일1코테
- 프로그래밍
- 프로그래머스
- 프로그래머스코딩테스트
- Redux-Toolkit
- html
- 코딩
- 알고리즘공부
- 코테스터디
- mysql
- CSS
- 프로그래머스 레벨0
- 프로그래머스 알고리즘
- 프로그래머스 Lv.0
- 프로그래머스알고리즘
- 정처기기출
- js
- next.js
- 자바스크립트
- 코테준비
- 프로그래머스 코테
- 알고리즘문제
- 알고리즘스터디
Archives
- Today
- Total
목록정렬함수 (1)
계발하는 개발자
[Vue + JS] 상품 정렬 기능 구현 - sort 메서드
쇼핑몰 사이트의 상품페이지를 보면 위와 같은 상품 정렬 기능을 볼 수 있다. 기능 구현 자체는 그렇게 어렵지 않았는데, 여러 이슈들이 있어서 나름의 의미있었던 기억으로 남는다.😅 (Ex. 상품 전체를 조회할 수 있는 '전체'라는 lnb 클릭후 상품 정렬 버튼(신상품순, 낮은가격순 등 )을 누르면 url 파라미터 3번째 인자값으로 받아오는 값이 데이터와 매치되지 않아서 에러가 발생한다. 그래서 이에 대한 에러 처리를 따로 해줘야 했고, 모바일 화면에서는 select option 요소를 통해 상품 정렬 기능을 수행하려고 했는데 option 요소에 별도로 이벤트를 걸 수가 없어서 그로인해 내가 직접 select 요소 비슷하게 html, js 코드를 다시 짜줘야 했다..) 일단 css를 제외한 구현 코드는 아래..
📌 Language/Javascript
2023. 9. 29. 01:45