본문 바로가기

개인공부79

[React1] map이용해서 반복 돌리기 내가 뭔가 미흡하다고 생각했던 부분 map이용해서 같은거 아니고 순환으로 반복돌리기 { 글제목.map(function(){ return ( {글제목[1]} 2월17일발행 ) }) } 이렇게하면 글제목[1]로 같은 것만 계속 반복될거다. { 글제목.map(function(a){ return ( {a} 2월17일발행 ) }) } 저기서 function안의a는 array안에 있던 데이터다. 저렇게하면 다양하게 순환될것이다. { 글제목.map(function(a,i){ return ( {글제목[i]} 2월17일발행 ) }) } function의 i는 반복문 돌때마다 0부터 1씩 증가하는 정수이다. 그래서 i를 이용해서 저렇게 써도 위의 것과 같게 나타난다. 2023. 6. 11.
0524 뜯어고치기 직전 코드 likelistpage import React, { useState, useEffect } from "react"; import { useNavigate } from "react-router-dom"; import styled from "styled-components"; import axios from "axios"; import { MdOutlineKeyboardArrowRight } from "react-icons/md"; import { ButtonDark } from "@components/Common/Button"; import Pagination from "@components/AlcoholPage/Pagination"; import PriceDisplay from "@components/C.. 2023. 5. 24.
0524 리팩토링전 코드 likelistpage import React, { useState, useEffect } from "react"; import { useNavigate } from "react-router-dom"; import styled from "styled-components"; import axios from "axios"; import { MdOutlineKeyboardArrowRight } from "react-icons/md"; import { ButtonDark } from "@components/Common/Button"; import Pagination from "@components/AlcoholPage/Pagination"; import PriceDisplay from "@components/C.. 2023. 5. 24.
0524 기록 멘토끝나고 두개 더 구현함 -페이지네이션 무조건 처음에 1페이지로 설정되게 -주문취소시 버튼 사라지게 OrderListPage import React, { useEffect, useState } from "react"; import { useNavigate } from "react-router-dom"; import axios from "axios"; import styled from "styled-components"; import { MdOutlineKeyboardArrowRight } from "react-icons/md"; import { ButtonDark } from "@components/Common/Button"; import Pagination from "@components/Alcoho.. 2023. 5. 24.