profile
프론트엔드 개발자
post-thumbnail

reduce

reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.reduce는 총 네가지 인자를 받을 수 있는데1\. 누산(acc)2\. 현재값(cur)3\. 현재 인덱스(index)4\. 원본배열(src)그래

2022년 4월 30일
·
0개의 댓글
·

정규표현식 기본개념

정규표현식핸드폰 번호를 검증할때 010-1234-1234 이면 복잡하게 for문과 if문을 사용해야하는데 정규표현식을 사용하면 더 간단하게 만들 수 있다.정규 표현식을 사용할때는 양 옆에 /을 달아주고 .test를 찍어주고 ()안에 있는 입력값이 apple(조건)이 맞

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

Object keys, values, entries, assign

메소드는 주어진 객체의 key값들을 배열로 리턴한다.Object.values() 메소드는 전달된 파라미터 객체가 가지는 value 값을 배열로 리턴한다.Object.entries() 메소드는 객체와 키값을 한번에 배열로 리턴한다.Object.assign()은 변수만 빠

2022년 4월 9일
·
0개의 댓글
·
post-thumbnail

useRef

useRef는 React에서 함수형 컴포넌트로 사용하고 useRef 훅을 이용하여 특정 태그에 접근한다.useRef의 특징은 불필요한 리랜더링을 하지 않는다는 점과, 각 컴포넌트의 정해진 속성만 조회 및 수정이 가능하다는 것이다.우선 useRef 훅을 import 시켜

2022년 4월 9일
·
0개의 댓글
·

Database에 대한 이해와 검색

1. 검색을 이해하려면 다양한 DB를 알아야한다 Database 프론트에서는 간단하게 입력값에 search를 붙여서 보내주면 간단하지만, 백엔드에서는 find({title:%점심%}) 함수를 통해 데이터베이스 안에 정보를 찾아내서 프론트에 넘겨주게 된다. 데이터의 양이

2022년 4월 9일
·
0개의 댓글
·

Debouncing / Throttling

Debouncing / Throttling 단순하게 onChangeSearch에 리패치를 줘서 검색 버튼을 없애면 글자를 입력할때마다 리패치되기때문에 서버에 무리가 갈 수 있다. 디바운싱(디바운스) : 특정시간이 지날때까지 재반복이 일어나지 않을 경우 작업이 한번 실행

2022년 4월 9일
·
0개의 댓글
·

class-component

class Date가 객체이고 안에 내용들은 만드는 방법이다.this란?vscode에서 동작하는 방식은 아래 주석을 통해 설명하겠다.누가 실행시켜주었느냐에 따라 값이 달라짐화살표 함수에서는 동적으로 바뀌지않음 언어적으로 this가 사용됨자바에서는 class가 사용되고

2022년 4월 9일
·
0개의 댓글
·

Hoisting

변수를 선언하여 만든 함수나 화살표함수가 아닌 그냥 funciton xxx()로 사용되는 함수들 또한 같은 문제가 발생할수도 있음

2022년 4월 3일
·
0개의 댓글
·

객체와 배열의 복사

객체와 배열의 복사 => Shallow-Copy /Deep Copy 사본을 바꾸면 원본도 같이 바뀌는 현상 스트링 넘버 불린과 다르게 객체와 배열은 주소가 복사되어 원본과 사본의 데이터를 수정시 모두 바뀐다 ![](https://media.vlpt.us/images/

2022년 4월 3일
·
0개의 댓글
·