sohyeon kim

🤤 리액트로 리스트를 만들어보자~ html 작성법과 같이 ul 과 li 로 작성! class 는 className 으로 쓴다. import React from "react"; import "App.css"; function App() { return ( 감자 고구마 당근 가지 애호박 ); } export default App; .ul-style { margin: 0; padding: 20px; list-style: none; display: flex; justify-content: space-between; } .li-style { width: 100px; height: 100px; border: 1px solid red; border-radius: 10px; display: flex; justify-c..

🥹 연습으로.. 간단하게 몇개 적어두겠다! function createItem(name, price) { return { name, price, }; } const items = [ createItem("computer", 2100), createItem("tv", 1800), createItem("book", 15), createItem("phone", 1600), createItem("coffee", 5), createItem("keyboard", 200), createItem("mouse", 140), ]; 💡 filter() : 가격이 300 이하인 아이템 배열 구하기 const result = items.filter((item) => item.price { return acc + cur.pric..

💡 arr.splice(n, m) : 인덱스 n번부터 m개 특정 요소 지움 ❗️ 문자열에는 사용 XXX let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr); // [1,4,5] ➕ arr.splice(n, m, x) : 특정 요소를 지우고 지워진 자리에 x 추가 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr); // [1, 100, 200, 5] // 여기서 m이 0이라면? 아무것도 지우지 않고 요소 추가 가능! let arr = ["나는", "호수", "입니다"]; arr.splice(1, 0, "대한민국", "소방관"); console.log(arr); // ['..