본문 바로가기

프론트엔드로 가는 길121

03. find() 함수로 원하는 요소 반환 find() array자료.find(()=>{ return 조건식 }) 함수는 배열의 요소를 순차적으로 순회하면서 조건에 일치하는 요소의 값을 즉시 반환합니다. 조건을 일치하는 경우가 없다면, undefined를 반환합니다. Q. useParams에 일치하는 Id가 아닌 object가 지닌 id 값으로 페이지를 찾으려면 어떻게 해야하나요? import React from "react"; import { useParams } from "react-router-dom"; const Item = (props) => { let { id } = useParams(); const ItemId = props.shoes.find((e) => e.id == id); return ( {ItemId.title} {ItemI.. 2022. 12. 23.
02. router 셋팅하기 1. router 설치 npm i react-router-dom@6 2. index.js import { BrowserRouter } from "react-router-dom"; 3. 컴포넌트를 import 해오기 import { Routes, Route, Link } from "react-router-dom"; Route : page 홈 Navigate 페이지 이동을 도와주는 함수 let navigate = useNavigate(); { navigate("/detail"); }} > Detail { navigate(1); }} > Gift (1) onClick으로 경로이동시키기 navigate("/경로") (2) navigate(num) ->(1) 앞으로 한페이지 이동해주세요 (-1)뒤로 한페이지 이동.. 2022. 12. 23.
01. react_반복문장 component로 제작 1. DATA let data = [ { id: 0, title: "White and Black", content: "Born in France", price: 120000, }, { id: 1, title: "Red Knit", content: "Born in Seoul", price: 110000, }, { id: 2, title: "Grey Yordan", content: "Born in the States", price: 130000, }, ]; export default data; 2. 반복되는 구문 { shoes[0].title } { shoes[0].price } 상품명 상품정보 상품명 상품정보 Map( ) 함수 사용 {shoes.map((a, i) => { return ; })} impor.. 2022. 12. 22.
13.중앙값구하기(sort()) ※문제설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. My Solution function solution(array) { // 1. 오름차순으로 정렬 // 1-1. sort 함수 정렬 후 오름차순으로 정렬 const sortedArray=array.sort(function(a,b){ return a - b; }); // 2. 중앙값 순서 구하기 const centerNumber=Math.floor((sortedArray.length)/2); return array[centerNu.. 2022. 11. 24.

티스토리툴바