map은 배열을 순회하면서 콜백함수의 리턴값으로 각 요소의 값을 반환하지만filter는 배열을 순회하면서 콜백함수의 리턴값이 참인 요소를 반환한다.map filter 모두 원본을 훼손하지 않는다.우선 형태를 알아보자 arr.reduce((누적값,현재값,인덱스,arr)

자주 사용되는 Array method 에 대해서 간단하게 정리해두자 (무지성으로 외우지 말고 이런게 있었지 정도에 한 문장으로 기억, 필요한건 그때그때 찾아보자) 1.pop배열의 맨 마지막 원소의 값을 삭제 삭제된 배열의 요소를 리턴 2.push 배열의 뒷 부분에 값을

prop-types는 코드를 실행한 후 오류를 알려주지만typescript를 사용하는 이유는 코드가 실행되기 전에 오류를 확인할 수 있다.

styled-components는 css-in-js 형태로 리액트 컴포넌트 내에서 스타일링 할 수 있는 라이브러리이며 따로 css module을 생성하지 않아도 된다는 장점이 있다. (개인적으로 이 방식이 가장마음에 든다) 우선 설치부터 typescript에서 오류없이

함수 내에서 자기 자신을 계속해서 호출하는 함수를 의미합니다. 함수가 호출될 때 그 함수만의 스택 영역을 구분하기 위해 생성되는 공간을 의미합니다. 이 스택에는 함수와 관련되는 매개변수,지역변수,복귀주소가 저장되며 함수가 호출될 시 생성되고 소멸될 시 삭제됩니다. 자연

문제 요구 사항 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다.단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. (첫 번째 입출력 예 참고)문자열 s가 주어졌을 때, s를 JadenCase로

우선 그림으로 알아보자 위의 두 개의 흐름도는 브라우저 엔진의 양대 산맥인 웹킷(Wekbit) 과 게코(Gecko) 의 렌더링 과정을 나타낸 것 입니다.두 부분의 공통적인부분 및 브라우저의 랜더링 과정 순서를 알아보자 1.HTML, CSS 읽기2.HTML, CSS 파싱

정수로 이루어진 배열 numbers가 있습니다. 배열 의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서가장 가까이 있는 수를 뒷 큰수라고 합니다.정수 배열 numbers가 매개변수로 주어질 때, 모든 원소에 대한 뒷 큰수들을 차례로 담은 배열을 re

이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미합니다. 실행결과 one 클릭 시 -> one two 클릭 시 -> two , one three 클릭 시 -> three , two , one이벤

흔히 이벤트 객체를 가리킬때 event.target 혹은 event.currentTarget으로 가리키는 경우가 있다. 둘 다 동작은 똑같이 하는데 과연 무엇이 다를까? 하는 궁금증이 생겨서 정리해본다. 우선 결론부터 쉽게 얘기하자면 currentTarget ->

한동안 블로그에 거의 손을 대지 않았다. 지금 내 상황은 제로초님의 인프런강의를 들으면서 타입스크립트와 자바스크립트 기본 문법을 다시 정리하고있고 리액트와 파이어베이스를 통해 사이드 프로젝트를 하나 구상중이다. 개인적으로 숨고라는 어플리케이션을 통해서 프론트엔드개발

프로토콜 양측이 상호작용하는 규칙에 대한 방식 네트워크에서의 프로토콜은 매우 정확하게 명시되는게 특징이다. 인터넷에서의 TCP/IP 프로토콜 -> TCP는 전송 제어 프로토콜 (Transmission Control Protocol)로, IP 패킷을 데이터 스트림으

애플리케이션은 운영체제를 플랫폼으로 삼아 작업을 수행하는 온갖 종류의 프로그램이나 소프트웨어 시스템을 총칭하는 용어다.애플리케이션은 클수도, 작을수도 있으며 하나의 과제를 집중할수도 폭넓은 기능을 처리할 수도 있다. 판매될 수도 있고 무료로 배포될 수도 있다 소유권이

알고리즘은 추상적이고 이상적인 절차를 기술한 것 구현에 필요한 세부 사항과 현실적인 고려 사항을 무시한다. 프로그램은 알고리즘과 반대되는 개념이다. 하나 이상의 알고리즘이 컴퓨터가 직접 처리할 수 있는 형태로 표현된 것 컴퓨터의 프로그램을 작성하는 일. 일반적으로는

Immer 라이브러리 사용법

현재 URL의 동적 파라미터를 KEY/VALUE 쌍으로 리턴한다. 사용법URL 파라미터와 달리 Route 컴포넌트를 사용할 때 별도로 설정해야 하는 것이 없다. const location = useLocation();pathname:현재 주소의 경로(쿼리스티링 제외)s

투두리스트에서 마지막에 TOGGLE 버튼이 잘 먹지 않아서 고민했었는데 자면서도 계속 생각해서 그런지 결국 어떻게 구현하긴 했다.. 하하 깃허브에 올리면서 이번기회에 README.md 파일 작성을 한 번 해보기 위해서 구글링 해봤는데 생각보다 쉽게 작성할 수 있었다.(

웹의 보안 위협은 크게 3가지 범주로 나눌 수 있습니다.1.클라이언트 공격(사용자에 대한 공격)2.서버 공격(데이터베이스 정보 착취)3.전송중인 정보 공격 (통신 해킹)<용어 정리>1.트래픽서버와 스위치 등 네트워크 장치에서 일정 시간 내에 흐르는 데이터의 양을

콘솔에 찍힐 b 값을 예상해보고, 어디에서 선언된 “b”가 몇번째 라인에서 호출한 console.log에 찍혔는지, 왜 그런지 설명해보세요.주석을 풀어보고 오류가 난다면 왜 오류가 나는 지 설명하고 오류를 수정해보세요.

자바스크립트에서 원시타입은 변경 불가능한 값이다.Boolean , null , undefined , Number , String , Symbol 원시 타입 이외의 모든 값은 Object 타입이며 객체 타입은 변경 가능한 값이다. 즉 객체는 새로운 값을 다시 만들 필요