console.log

플젝을 만들다가. 예전에 썼던 코드를 좀 보는데 이해가 안되는 코드가 있었다. 분명 내가 쓴 코드인데.. 아주 간단한 문법같은데 그냥 넘어가긴 찝찝하고 신경쓰여서.. 알아 보다 보니 심지어 내 블로그에도 적어놨었던 부분이었다. const onChangeInput = (e) => { let { value, name } = e.target; if (name === "payStatus") { value = Number(value); } html 상에서 name = "property_name" 을 주고 이것을 키값으로 해서 검색 조건( input의 value )을 변경시 상태에 저장해서 http 요청시 해당 상태값을 data로 보내는 로직이었다. 근데 저기 [name] 부분. 왜 배열 형태로 키를 받는건지?? ..

1. 중복되는 요소 제거 const temp = [1,2,2,3,3,3] const set = new Set(test) // {1,2,3} 2. 길이 구하기 console.log(set.size) // 3 3. spread 연산자 활용 배열 만들기 const get = [...set] // [1,2,3] ---------- 4. 객체 데이터 길이 구하기 일반적인 객체의 길이를 구하려면 키의 갯수를 이용해서 구해야 함. const yy = { firstKey : {1,2} , secKey: [1,2] , thirKey:"what" } ; // 먼저 key 를 배열형태로 담아서 반환해줌 const xx = Object.keys[yy] // [ firstKey, secKey, thirKey ] // 그 다음 ..

https://learnjs.vlpt.us/useful/07-spread-and-rest.html 07. spread 와 rest 문법 · GitBook 07. spread 와 rest 이번에는 ES6 에서 도입된 spread 와 rest 문법에 대해서 알아보겠습니다. 서로 완전히 다른 문법인데요, 은근히 좀 비슷합니다. spread 일단 spread 문법부터 알아봅시다. spread 라는 단어 learnjs.vlpt.us spread 연산자 - 기존의 것을 건들이지 않고 새로운 객체, 배열을 만드는 방법 ...객체 const slime = { name:'슬라임' } const cuteSlime = { ...slime, attribute:'cute' }; console.log(cuteSlime) // {..

📚 정규표현식 - 정규 표현식이란? 특정 패턴의 문자열을 찾아주는 표현방식! 내가 찾고자 하는 패턴에 매칭되는 문자열을 찾아준다 정규 표현식과 매서드를 적절히 이용해 문자열을 원하는 형식으로 조작하는 것이 가능하다 - 예시 "2021-12-13" 이라는 문자열은 "4개의 숫자, - ,2개의 숫자, - ,2개의 숫자"로 구성되어 있음. 만약 위와 같은 날짜 형식만 찾아내고 싶다면? 정규 표현식을 이용하면 됨 이걸 정규 표현식으로 하면 /\d{4}-\d{2}-\d{2}/ 라고 함 ➡ \d 라고 하는건 숫자임을 의미하고, {} 안에는 그 숫자의 갯수가 들어감 요걸 이용하면 const context = /\d{4}-\d{2}-\d{2}/; context.test('010-0000-0000') // false c..

input 에 받는 값을 필터링 하기 위해 정규표현식을 사용했다! nft 상품의 가격과 수량을 입력 받아야 하는데 , 무조건 숫자로만 받아야 하고 소수점이 맨 앞에 나와있으면 안됨. 예를 들어 "가격 : 0.3" 은 가능하기만 "가격 : .0.3"을 넣으면 안되기 때문에 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 test 메소드 , developer.mozilla.org 정규 표현식 정..

배열안에 담겨있는 이미지를 선택시 해당 이미지를 썸네일로 설정하도록 하는 기능 만들기 1. splice를 이용해 배열의 순서를 바꿔주는 함수 이용했다. 2. 내가 선택한 사진의 인덱스를 직접적으로 구하지 않아도 가능하도록 만들었다. 💙 splice 함수 💙 splice 를 이용해 배열 순서 바꾸는 함수 만들기 const img = ["img1", "img2", "img3", "im4", "img5"] const changeArrayOrder=(list,targetidx,moveValue)=>{ const newPosi = targetidx+moveValue; const temp = JSON.parse(JSON.stringify(list)) const target = temp.splice(targetidx..

const num10 = [1,2,3,4,5,6,7,8,9,10]; const sum = num10.reduce((a,b) => (a+b)); console.log('reduce : ', sum);