손수민

[Update] Recommand Page Function Update

Showing 26 changed files with 10 additions and 49 deletions
......@@ -7,7 +7,6 @@ import axios from 'axios';
function RecommandPage(props) {
const dispatch = useDispatch();
const navigate = useNavigate();
const [Time, setTime] = useState("00:00:00");
......@@ -32,23 +31,13 @@ function RecommandPage(props) {
const navigate_register = useCallback((event) => {
navigate('../register');
})
})
console.log(initData);
const [initData, setInitData] = useState([{
inputData: {
today: '',
time: '',
temperature: '',
rainper: '',
weather: ''
},
}])
// 원활한 데이터 관리를 위해 글 갯수를 파악한다.
useEffect(async() => {
try{
const res = await axios.get('/api/weatherData')
const res = await axios.post('localhost:4000/api/weather')
const _inputData = await res.data.map((weatherData) => (
{
today: weatherData.today,
......@@ -67,46 +56,18 @@ function RecommandPage(props) {
const [Rainstring, setRainstring] = useState("");
const rain = () => {
if(initData.inputData.rainper > 0) {
if(initData.inputData.umbrella == 1) {
setRainstring("비 예보가 있습니다. 우산을 꼭 챙겨주세요!");
}
else {
else if(initData.inputData.umbrella == 0) {
setRainstring("비 예보가 없습니다!");
}
}
} //weather.js
const [topPath, settopPath] = useState([""]);
const [bottomPath, setbottomPath] = useState([""]);
const clothesImage = () => {
if(initData.inputData.weather == 0) {
settopPath(['../../../../src/img/weather0/기모옷.jpg', '../../../../src/img/weather0/패딩.jpg']);
setbottomPath(['../../../../src/img/weather0/조거팬츠.jpg']);
}
else if(initData.inputData.weather == 1) {
settopPath(['../../../../src/img/weather1/가죽자켓.jpg', '../../../../src/img/weather1/청자켓.jpg',
'../../../../src/img/weather1/울코트.jpg', '../../../../src/img/weather1/트렌치코트.jpg', '../../../../src/img/weather1/후드티.jpg']);
setbottomPath(['../../../../src/img/weather1/청바지.jpg']);
}
else if(initData.inputData.weather == 2) {
settopPath(['../../../../src/img/weather2/가디건.jpg', '../../../../src/img/weather2/니트.jpg',
'../../../../src/img/weather2/맨투맨.jpg', '../../../../src/img/weather2/자켓.jpg']);
setbottomPath(['../../../../src/img/weather2/슬랙스.jpg', '../../../../src/img/weather2/롱스커트.jpg']);
}
else if(initData.inputData.weather == 3) {
settopPath(['../../../../src/img/weather3/린넨셔츠.jpg', '../../../../src/img/weather3/블라우스.jpg']);
setbottomPath(['../../../../src/img/weather3/스타킹.jpg', '../../../../src/img/weather2/면바지.jpg']);
}
else {
settopPath(['../../../../src/img/weather4/민소매(남).jpg', '../../../../src/img/weather4/민소매(여).jpg',
'../../../../src/img/weather4/반팔.jpg']);
setbottomPath(['../../../../src/img/weather4/치마(여).jpg', '../../../../src/img/weather4/반바지.jpg',
'../../../../src/img/weather4/핫팬츠.jpg']);
}
}
rain();
const topClothes = topPath[Math.floor(Math.random() * topPath.length)];
const bottomClothes = bottomPath[Math.floor(Math.random() * bottomPath.length)];
const [topPath, settopPath] = useState([""]);
const [bottomPath, setbottomPath] = useState([""]); //clothes.js
return (
<>
......