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
- 프로그래머스 레벨0
- 개발자
- 코딩테스트
- 자바스크립트
- 프로그래머스코테
- 1일1코테
- next.js
- 알고리즘스터디
- 코딩
- next.js 에러
- 프로그래머스 코딩테스트
- Redux-Toolkit
- 프로그래밍
- 알고리즘문제
- 프로그래머스 코테
- html
- 프로그래머스코딩테스트
- 프로그래머스
- 정처기기출
- mysql
- 코테준비
- 프로그래머스알고리즘
- 코테스터디
- js
- 알고리즘공부
- 프로그래머스 알고리즘
- CSS
- 프로그래머스 Lv.0
- 코테공부
- 정보처리기사
Archives
- Today
- Total
목록오름차순정렬 (1)
계발하는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cVGnKF/btswkpG7qdr/9qCZRXWSKd9kHcBPn5G2n1/img.gif)
쇼핑몰 사이트의 상품페이지를 보면 위와 같은 상품 정렬 기능을 볼 수 있다. 기능 구현 자체는 그렇게 어렵지 않았는데, 여러 이슈들이 있어서 나름의 의미있었던 기억으로 남는다.😅 (Ex. 상품 전체를 조회할 수 있는 '전체'라는 lnb 클릭후 상품 정렬 버튼(신상품순, 낮은가격순 등 )을 누르면 url 파라미터 3번째 인자값으로 받아오는 값이 데이터와 매치되지 않아서 에러가 발생한다. 그래서 이에 대한 에러 처리를 따로 해줘야 했고, 모바일 화면에서는 select option 요소를 통해 상품 정렬 기능을 수행하려고 했는데 option 요소에 별도로 이벤트를 걸 수가 없어서 그로인해 내가 직접 select 요소 비슷하게 html, js 코드를 다시 짜줘야 했다..) 일단 css를 제외한 구현 코드는 아래..
📌 Language/Javascript
2023. 9. 29. 01:45