본문 바로가기

Filter

 (3)
라디오 박스 필터 만들기 라디오 박스 필터는 CheckBox 필터 만드는 과정과 거의 비슷하기 때문에 복습할 땐 CheckBox 필터 글을 보자. #1 RadioBox 리스트 데이터 만들기 Datas.js 더보기 const continents = [ { "_id": 1, "name": "Africa" }, { "_id": 2, "name": "Europe" }, { "_id": 3, "name": "Asia" }, { "_id": 4, "name": "North America" }, { "_id": 5, "name": "South America" }, { "_id": 6, "name": "Australia" }, { "_id": 7, "name": "Antarctica" } ] const price = [ { "_id": 0, ..
체크 박스 필터 만들기(2) 일단 중간에 강사님이 실수하신 부분이 있다. Product Model을 만들 때 continents도 넣어줬어야 됐는데 이걸 깜박하고 안넣으셨다고 한다. 그래서 필터링 된 continents들이 랜딩 페이지에 뜨질 않는다. Product Model 코드를 수정하고 파일들을 다시 업로드 해주자. server/models/Product.js 더보기 const mongoose = require('mongoose'); const Schema = mongoose.Schema; const productSchema = mongoose.Schema({ writer: { type: Schema.Types.ObjectId, ref: 'User' }, name: { type: String, maxlength: 50 }, d..
체크 박스 필터 만들기 CheckBox 리스트 만들기 & CheckBox를 위한 UI 만들기 continent 값들이 너무 많다보니까 LandingPage에 넣으면 코드가 너무 길어진다. LandingPage 폴더에서 Sections 폴더를 만들고 Datas.js 파일을 만들어서 continent 값들을 저장하여 따로 구현해주자. LandingPage/Sections/Datas.js 더보기 const continents = [ { "_id": 1, "name": "Africa" }, { "_id": 2, "name": "Europe" }, { "_id": 3, "name": "Asia" }, { "_id": 4, "name": "North America" }, { "_id": 5, "name": "South America" }..

티스토리툴바