sohyeon kim

💡 forEach 와 map 의 차이점은? return 의 유무! forEach()값을 리턴하진 않고 그냥 함수를 실행만 했다.let numbers = [1, 2, 3, 4, 5]numbers.forEach(function (item) { console.log("item => " + item);});// item => 1// item => 2// item => 3// item => 4// item => 5 map()반드시 리턴값을 가져야 한다.배열을 받아 새로운 배열을 반환하는게 map 의 역할!** 항상 원본 배열의 길이만큼 return 된다.let newNumbers = numbers.map(function (item) { return item * 2;})console.log(newNumbers..

🤤 리액트로 리스트를 만들어보자~ 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..

💡 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); // ['..